/* LUXURY TEXTURE ALTERNATING THEME OVERRIDES */

/* Base Luxury Black for sections that should be plain luxury black */
.special-dish,
.special-offer,
.gallery-section,
.ig-post-section {
    background-color: var(--color-one) !important;
    background-image: none !important;
}

/* Sections that get the LUXURY TEXTURE pattern */
.main-footer,
.inner-banner,
.menu-section,
.menu-two,
.reservation-section,
.reservation-two,
.menu-card-main {
    background: var(--color-one) !important;
    background-color: var(--color-one) !important;
    background-image: repeating-linear-gradient(45deg,
            rgba(255, 255, 255, 0.015) 0px,
            rgba(255, 255, 255, 0.015) 2px,
            transparent 2px,
            transparent 15px) !important;
}

/* Add luxury texture overlay OVER the hero banner images */
.banner-section .slide-item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: repeating-linear-gradient(45deg,
            rgba(255, 255, 255, 0.015) 0px,
            rgba(255, 255, 255, 0.015) 2px,
            transparent 2px,
            transparent 15px) !important;
    pointer-events: none;
    z-index: 1;
}

/* Override hardcoded original images that retain the green tint */
.menu-section .tabs-box .tabs-content,
.menu-section .tabs-box .tabs-content:before,
.menu-two .tabs-box .tabs-content,
.menu-two .tabs-box .tabs-content:before,
.menu-card-main .top-pattern,
.menu-card-main::before {
    background-color: transparent !important;
    background-image: none !important;
}

/* Specific component overrides to ensure the texture stays visible and elegant */
.menu-section .menu-block .inner-box,
.menu-two .menu-block .inner-box {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

/* Ensure text in all dark/texture sections is white */
.main-footer,
.inner-banner,
.banner-section,
.special-dish,
.special-offer,
.reservation-section,
.reservation-two,
.gallery-section,
.ig-post-section,
.menu-section,
.menu-two {
    color: var(--white-color) !important;
}

.main-footer h1,
.main-footer h2,
.main-footer h3,
.main-footer h4,
.main-footer h5,
.main-footer h6,
.inner-banner h1,
.inner-banner h2,
.inner-banner h3,
.inner-banner h4,
.inner-banner h5,
.inner-banner h6,
.banner-section h1,
.banner-section h2,
.banner-section h3,
.banner-section h4,
.banner-section h5,
.banner-section h6,
.special-dish h1,
.special-dish h2,
.special-dish h3,
.special-dish h4,
.special-dish h5,
.special-dish h6,
.special-offer h1,
.special-offer h2,
.special-offer h3,
.special-offer h4,
.special-offer h5,
.special-offer h6,
.reservation-section h1,
.reservation-section h2,
.reservation-section h3,
.reservation-section h4,
.reservation-section h5,
.reservation-section h6,
.reservation-two h1,
.reservation-two h2,
.reservation-two h3,
.reservation-two h4,
.reservation-two h5,
.reservation-two h6,
.gallery-section h1,
.gallery-section h2,
.gallery-section h3,
.gallery-section h4,
.gallery-section h5,
.gallery-section h6,
.ig-post-section h1,
.ig-post-section h2,
.ig-post-section h3,
.ig-post-section h4,
.ig-post-section h5,
.ig-post-section h6,
.menu-section h1,
.menu-section h2,
.menu-section h3,
.menu-section h4,
.menu-section h5,
.menu-section h6,
.menu-two h1,
.menu-two h2,
.menu-two h3,
.menu-two h4,
.menu-two h5,
.menu-two h6 {
    color: var(--white-color) !important;
}

.main-footer .text,
.main-footer p,
.main-footer .info li,
.main-footer a,
.inner-banner .sub_text,
.banner-section .text,
.special-dish .text,
.special-dish p,
.special-offer .text,
.special-offer p,
.reservation-section .text,
.reservation-section p,
.reservation-two .text,
.reservation-two p,
.gallery-section .text,
.gallery-section p,
.ig-post-section .text,
.ig-post-section p,
.menu-section .text,
.menu-section p,
.menu-section .price,
.menu-section .desc,
.menu-two .text,
.menu-two p,
.menu-two .price,
.menu-two .desc {
    color: var(--white-color) !important;
}

/* FORCE ORIGINALLY WHITE SECTIONS TO LUXURY BLACK */
.we-offer-section,
.story-section,
.testimonials-section,
.testimonials-two,
.team-section,
.chef-section,
.news-section,
.contact-page,
.services-section {
    background-color: var(--color-one) !important;
    background-image: none !important;
}

/* Ensure text in all these sections is white */
.we-offer-section,
.story-section,
.testimonials-section,
.testimonials-two,
.team-section,
.chef-section,
.news-section,
.contact-page,
.services-section,
.we-offer-section h1,
.we-offer-section h2,
.we-offer-section h3,
.we-offer-section h4,
.we-offer-section h5,
.we-offer-section h6,
.story-section h1,
.story-section h2,
.story-section h3,
.story-section h4,
.story-section h5,
.story-section h6,
.testimonials-section h1,
.testimonials-section h2,
.testimonials-section h3,
.testimonials-section h4,
.testimonials-section h5,
.testimonials-section h6,
.testimonials-two h1,
.testimonials-two h2,
.testimonials-two h3,
.testimonials-two h4,
.testimonials-two h5,
.testimonials-two h6,
.team-section h1,
.team-section h2,
.team-section h3,
.team-section h4,
.team-section h5,
.team-section h6,
.chef-section h1,
.chef-section h2,
.chef-section h3,
.chef-section h4,
.chef-section h5,
.chef-section h6,
.news-section h1,
.news-section h2,
.news-section h3,
.news-section h4,
.news-section h5,
.news-section h6,
.contact-page h1,
.contact-page h2,
.contact-page h3,
.contact-page h4,
.contact-page h5,
.contact-page h6,
.services-section h1,
.services-section h2,
.services-section h3,
.services-section h4,
.services-section h5,
.services-section h6,
.we-offer-section .text,
.we-offer-section p,
.story-section .text,
.story-section p,
.testimonials-section .text,
.testimonials-section p,
.testimonials-section .auth-title,
.testimonials-section .designation,
.testimonials-two .text,
.testimonials-two p,
.testimonials-two .auth-title,
.testimonials-two .designation,
.team-section .text,
.team-section p,
.chef-section .text,
.chef-section p,
.news-section .text,
.news-section p,
.news-block .inner-box .lower-box .text,
.contact-page .text,
.contact-page p,
.services-section .text,
.services-section p {
    color: var(--white-color) !important;
}

/* INCREASE LOGO SIZE GLOBALLY */
.main-header .main-box .logo-box .logo img,
.hidden-bar .logo-box img,
.main-footer .logo img,
.logo-box img,
.logo img {
    height: 55px !important;
    width: auto !important;
    max-width: 100% !important;
}

/* FIX VERTICAL ALIGNMENT ON MOBILE */
@media only screen and (max-width: 991px) {
    .main-header .main-box {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 10px 0px !important;
        margin: 0 !important;
        width: 100% !important;
    }
    .main-header .main-box .logo-box {
        padding: 0px !important;
        float: none !important;
        margin: 0 !important;
    }
    .main-header .nav-box {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .main-header .nav-outer {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .main-header .nav-toggler {
        position: absolute !important;
        right: 20px !important;
        left: auto !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        margin: 0px !important;
        padding: 0px !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        z-index: 9999 !important;
    }
    .main-header .hidden-bar-opener {
        margin: 0px !important;
        padding: 0px !important;
        float: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* DISABLE FIXED NAVBAR */
.main-header {
    position: absolute !important;
}

/* ENSURE CUSTOM IMAGES DO NOT BREAK DESIGN */
.image img, 
.image-box img, 
.chef-image img, 
.abt-image1 img, 
.abt-image2 img, 
.abt-image3 img, 
.footer-image img, 
.ig-post-image img,
.main_img img,
.dish-image img {
    object-fit: cover !important;
    width: 100% !important;
    height: 100% !important;
}

.image-layer, .graphic-layer {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* DESKTOP: FOOLPROOF LAYOUT FIXES FOR CUSTOM IMAGES */
.about-section .abt-image1 img { width: 300px !important; height: 350px !important; object-fit: cover !important; }
.about-section .abt-image2 img { width: 540px !important; height: 300px !important; object-fit: cover !important; }
.about-section .abt-image3 img { width: 450px !important; height: 300px !important; object-fit: cover !important; }
.chef-image.image1 img { width: 400px !important; height: 635px !important; object-fit: cover !important; }
.chef-image.image2 img { width: 300px !important; height: 150px !important; object-fit: cover !important; }
.chef-image.image3 img { width: 300px !important; height: 420px !important; object-fit: cover !important; }
.testi-thumbs .image img { width: 85px !important; height: 85px !important; border-radius: 50% !important; object-fit: cover !important; }
.offer-block-two .image img { width: 355px !important; height: 354px !important; object-fit: cover !important; }
.footer-image img { width: 250px !important; height: 350px !important; object-fit: cover !important; }
.ig-post-image img { width: 100% !important; aspect-ratio: 1/1 !important; object-fit: cover !important; height: auto !important; }
.news-block .image img { width: 440px !important; height: 570px !important; object-fit: cover !important; }

/* MOBILE: Reset to original responsive behavior (max-width 767px) */
@media (max-width: 767px) {
    .about-section .abt-image1 img,
    .about-section .abt-image2 img,
    .about-section .abt-image3 img { width: 100% !important; height: auto !important; max-width: 100% !important; }
    .chef-image.image1 img,
    .chef-image.image2 img,
    .chef-image.image3 img { width: 100% !important; height: auto !important; max-width: 100% !important; }
    .offer-block-two .image img { width: 100% !important; height: auto !important; max-width: 355px !important; }
    .footer-image img { width: 100% !important; height: auto !important; max-width: 250px !important; }
    .ig-post-image img { width: 100% !important; height: auto !important; max-width: 100% !important; aspect-ratio: 1/1 !important; }
    .news-block .image img { width: 100% !important; height: auto !important; max-width: 100% !important; }

    /* Fix inline heading pill images on mobile — shrink to match original tag-img size */
    .about-section .title-box h2 img {
        width: 80px !important;
        height: 34px !important;
        border-radius: 17px !important;
        vertical-align: middle !important;
        display: inline !important;
        object-fit: cover !important;
    }
    .menu-page-card {
        max-width: 100% !important;
    }
    .menu-swiper-container {
        padding: 0 15px !important;
    }
}

/* Desktop styles for Menu */
.menu-swiper-container {
    padding: 0 40px;
}
.menu-page-card {
    max-width: 320px;
    margin: 0 auto;
}