/**
 * PUIUX Elsafia Widget Backgrounds
 * This file handles all background images for widgets with correct paths
 */

/* Hero Section Background */
.hero {
    background: url("../images/hero.png") no-repeat;
    background-size: cover;
    background-position: center;
}

/* Discovery Section Background */
.discovery-section {
    background: url("../images/discovery.png") no-repeat;
    background-position: center top;
    background-size: contain;
}

/* Testimonials Section Backgrounds */
.testimonials-section {
    background: url("../images/Group759.png") no-repeat;
    background-position: center;
    background-size: cover;
}

.testimonials-section::before {
    background: url("../images/lines_.png") no-repeat;
    background-size: contain;
}

/* FAQ Section Background */
.faq {
    background: url('../images/Mask_faq.png') no-repeat;
    background-position: center;
    background-size: cover;
}

/* Museum Section Background */
.museum-section {
    background: url("../images/museum.png") no-repeat;
    background-position: right center;
    background-size: contain;
}

/* Ready To Section Background */
.ready-to-section {
    background: url(../images/Rectangl.png) no-repeat;
    background-size: cover;
    background-position: center;
}

/* Contact Page Background Images */
.contact-page .img-back-lins,
.gallery-page .img-back-lins {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

/* News Page Background */
.news .discovery-news-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

/* Shops Page Background */
.shops-and-res .discovery-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
}

/* Breadcrumb Backgrounds */
.breadcrumb-pages.shops-breadcrumb {
    background: url(../images/shopscrump.png) no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.breadcrumb-pages.news-breadcrumb {
    background: url(../images/newscrump.png) no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.breadcrumb-pages.gallery-breadcrumb {
    background-size: cover;
    background-position: center;
}

/* Museum Experience Cards Backgrounds */
.experience-card:nth-child(1) .experience-card-content {
    background-image: url(../images/museum_card1.png);
}

.experience-card:nth-child(3) .experience-card-content {
    background-image: url(../images/museum_card2.png);
}

/* Header Scroll Effects - Matching Frontend */
.nav-bar {
    transition: var(--transition);
}

.nav-bar.fixed_navbar {
    width: 100%;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #29211F !important;
    opacity: 1;
    transition: var(--transition);
}

/* Testimonials/News Carousel Focus Effect - Matching Frontend 100% */
.testimonials-section .owl-carousel .owl-stage-outer {
    overflow: visible !important;
}

.testimonials-section .owl-carousel .card-item-testimonial {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

/* Center item has full opacity (focus) */
.testimonials-section .owl-item.active.center {
    opacity: 1 !important;
    transition: var(--transition);
}

/* Side items have 10% opacity */
.testimonials-section .owl-item {
    opacity: 0.1;
    transition: var(--transition);
}

/* Ensure tabs work properly */
.tab-content-news,
.tab-content-testimonials {
    transition: opacity 0.3s ease;
}

/* Breadcrumb Overlay Support */
.breadcrumb-pages.has-overlay {
    position: relative;
}

.breadcrumb-pages .breadcrumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.breadcrumb-pages .breadcrumb-content {
    position: relative;
    z-index: 1;
}