/*!* Overlay: hidden by default, shown when .is-open *!*/

html, body {
    overflow-x: hidden;
    width: 100%;
}

.desktop-nav-15-container {
    z-index: 9999 !important;
}

nav.fixed.top-0.z-\[34\] {
    z-index: 9999 !important;
}

#mob-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 9998;
    background: rgba(0,0,0,0.6);
}
#mob-overlay.is-open {
    display: block;
}

/* Slide-in panel — always full width on mobile */
#mobileMenu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    height: 100vh;
    width: 100vw;        /* full viewport width — no gap */
    max-width: 100vw;    /* override any inherited max-width */
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    padding-bottom: 2rem;
    box-shadow: none;    /* no shadow needed when full-width */
}
#mobileMenu.is-open {
    transform: translateX(0);
}

    #mobileMenu .sticky {
        z-index: 2;
    }
    
/* On tablets (≥540px) cap the panel width and restore shadow */
@media (min-width: 540px) {
    #mobileMenu {
        width: 400px;
        max-width: 400px;
        box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    }
}

/* Prevent body scroll when menu open */
body.mob-menu-open {
    overflow: hidden;
}

/* Chevron rotation */
.mobile-toggle.is-active > i {
    transform: rotate(180deg);
}
.mobile-toggle > i {
    transition: transform 0.3s ease;
}