/**
 * Mobile full-screen nav — must load last (footer) to beat theme inline CSS in head.php
 */
@media (max-width: 991px) {
    /* ── Open overlay shell ── */
    body.navbar-collapse-show {
        padding-top: 0 !important;
    }

    body.navbar-collapse-show .navbar-full-screen-menu-inner,
    body[data-mobile-nav-style="full-screen-menu"].navbar-collapse-show .navbar-full-screen-menu-inner {
        top: 0 !important;
        left: 0 !important;
        visibility: visible !important;
        z-index: 100000 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        height: 100vh !important;
        height: 100dvh !important;
        overflow: hidden !important;
    }

    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner {
        justify-content: flex-start !important;
        align-items: stretch !important;
    }

    /* ── Nav list at TOP (not vertically centered) ── */
    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-collapse,
    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-collapse-clone,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-collapse,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-collapse-clone {
        display: block !important;
        flex: 0 0 auto !important;
        position: relative !important;
        left: auto !important;
        top: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: calc(100dvh - 56px) !important;
        padding: 64px 0 24px !important;
        margin: 0 !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        align-content: flex-start !important;
        box-shadow: none !important;
        background: transparent !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .mCustomScrollBox,
    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .mCSB_container,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .mCustomScrollBox,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .mCSB_container {
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-nav,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-nav {
        width: 100% !important;
        padding: 0 20px 24px !important;
        margin: 0 !important;
        text-align: center !important;
    }

    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-nav > .nav-item,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-nav > .nav-item {
        transform: none !important;
        opacity: 1 !important;
        padding: 10px 0 !important;
    }

    /* ── Close (X) button — always clickable above overlay ── */
    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler,
    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler-clone,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler-clone {
        position: fixed !important;
        top: 12px !important;
        right: 16px !important;
        z-index: 100050 !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        margin: 0 !important;
        padding: 8px !important;
        width: 44px !important;
        height: 44px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        transition: none !important;
        transition-delay: 0s !important;
        -webkit-tap-highlight-color: transparent;
    }

    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler-clone *,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler-clone * {
        pointer-events: none !important;
    }

    body[data-mobile-nav-style="full-screen-menu"][data-mobile-nav-trigger-alignment="left"] .navbar-full-screen-menu-inner .navbar-toggler,
    body[data-mobile-nav-style="full-screen-menu"][data-mobile-nav-trigger-alignment="left"] .navbar-full-screen-menu-inner .navbar-toggler-clone,
    [data-mobile-nav-style="full-screen-menu"][data-mobile-nav-trigger-alignment="left"] .navbar-full-screen-menu-inner .navbar-toggler,
    [data-mobile-nav-style="full-screen-menu"][data-mobile-nav-trigger-alignment="left"] .navbar-full-screen-menu-inner .navbar-toggler-clone {
        right: auto !important;
        left: 16px !important;
    }

    body[data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler-line,
    [data-mobile-nav-style="full-screen-menu"] .navbar-full-screen-menu-inner .navbar-toggler-line {
        background-color: #fff !important;
    }

    /* ── Index: header over hero, no white top gap, visible menu icon ── */
    body.page-home {
        padding-top: 0 !important;
    }

    body.page-home #masthead.site-header {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 1001 !important;
        margin: 0 !important;
    }

    body.page-home .site-header .header-common-wrapper.standard,
    body.page-home .site-header nav.navbar {
        background: #000 !important;
        box-shadow: none !important;
    }

    body.page-home .site-header nav.navbar.mobile-top-space {
        margin-top: 0 !important;
    }

    body.page-home .elementor-790 .elementor-element.elementor-element-19758d76 {
        --padding-top: 0px !important;
        --padding-bottom: 0px !important;
    }

    body.page-home .elementor-790 .elementor-element.elementor-element-6eee3a21 .navbar-brand {
        padding: 8px 0 !important;
    }

    body.page-home .site-header .navbar-brand .mobile-logo {
        filter: brightness(0) invert(1);
        max-height: 34px !important;
    }

    body.page-home .site-header .navbar-toggler-line,
    body.page-home .elementor-790 .navbar-toggler-line {
        background-color: #fff !important;
    }

    body.page-home .site-header .navbar-toggler {
        opacity: 1 !important;
    }

    body.page-home .crafto-page-layout.page-layout,
    body.page-home .crafto-main-content-wrap {
        margin-top: 0 !important;
        padding-top: 27px !important;
    }


        .navbar-expand-lg .navbar-toggler, .navbar-expand-lg button.navbar-toggler {
        top: 6px;
    
    }

    body.page-home .elementor-6 .elementor-element-eb06bd2.full-screen {
       
        margin-top: 0 !important;
    }
}