/* Mobile menu z-index fix: keeps navigation above hero slider */

.site-header,
.site-header.is-scrolled {
    position: sticky;
    top: 0;
    z-index: 99990 !important;
}

.mobile-menu,
.mobile-menu.is-open,
.mobile-menu.active,
[data-mobile-menu] {
    z-index: 99999 !important;
}

.mobile-menu-panel {
    z-index: 100000 !important;
    position: relative;
}

.hero-slider,
.hero-slide,
.hero-section,
.hero-list,
.hero-list.owl-carousel,
.owl-carousel,
.owl-stage-outer,
.owl-stage,
.owl-item {
    z-index: 1 !important;
}

.hero-overlay,
.hero-content {
    z-index: 2;
}

body.mobile-menu-open,
body.menu-open {
    overflow: hidden;
}

@media (max-width: 991px) {
    .site-header {
        z-index: 99990 !important;
    }

    .mobile-menu {
        position: fixed !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100dvh !important;
        background: rgba(15, 23, 42, 0.58);
        backdrop-filter: blur(6px);
    }

    .mobile-menu-panel {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: min(86vw, 380px) !important;
        height: 100dvh !important;
        overflow-y: auto !important;
        background: #ffffff !important;
        box-shadow: -24px 0 60px rgba(15, 23, 42, .22);
    }

    .hero-slider,
    .hero-slide {
        position: relative;
        z-index: 1 !important;
    }
}