/* ================================================================
   NIIGMA MOBILE DRILL-DOWN — Premium Card Edition (v9)
   Static file — served by nginx/Apache directly (no PHP cache).
================================================================= */
@media screen and (max-width: 1199px) {

    /* ─── ROOT PANEL ─────────────────────────────────────────────── */
    .w-nav.type_mobile .w-nav-list.level_1 {
        position: fixed !important;
        top: calc(var(--header-height, 60px) + var(--wp-admin--admin-bar--height, 0px)) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: auto !important;
        max-height: calc(100vh - var(--header-height, 60px) - var(--wp-admin--admin-bar--height, 0px)) !important;
        background: linear-gradient(160deg, #d62c2f 0%, #c01e21 30%, #8b1012 65%, #4d0608 100%) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overscroll-behavior-y: contain !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 16px 14px 80px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border: none !important;
        z-index: 9999 !important;
        border-top: 2px solid rgba(255,255,255,0.18) !important;
    }

    /* Hide Impreza's native close button */
    .w-nav.type_mobile .w-nav-list.level_1 .w-nav-close,
    .w-nav-close {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
    }

    /* Hide Impreza's expand arrow */
    .w-nav.type_mobile .w-nav-arrow { display: none !important; }

    /* ─── ROOT LIST ITEMS ─────────────────────────────────────────── */
    .w-nav.type_mobile .w-nav-list.level_1 > li {
        display: block !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        width: 100% !important;
        border: none !important;
        box-sizing: border-box !important;
    }
    .w-nav.type_mobile .w-nav-list.level_1 > li:last-child { margin-bottom: 0 !important; }

    /* ─── ROOT ANCHORS — Card Style ───────────────────────────────── */
    .w-nav.type_mobile .w-nav-list.level_1 > li > .w-nav-anchor,
    .w-nav.type_mobile .w-nav-list.level_1 > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        min-width: 0 !important;
        width: 100% !important;
        padding: 14px 18px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.06em !important;
        color: #ffffff !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        background: rgba(255,255,255,0.08) !important;
        border: 1px solid rgba(255,255,255,0.16) !important;
        border-radius: 12px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.14) !important;
        transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease !important;
    }
    .w-nav.type_mobile .w-nav-list.level_1 > li > .w-nav-anchor:hover,
    .w-nav.type_mobile .w-nav-list.level_1 > li > a:hover {
        background: rgba(255,255,255,0.15) !important;
        border-color: rgba(255,255,255,0.32) !important;
        transform: translateX(3px) !important;
    }
    .w-nav.type_mobile .w-nav-list.level_1 > li > .w-nav-anchor:active,
    .w-nav.type_mobile .w-nav-list.level_1 > li > a:active {
        background: rgba(255,255,255,0.20) !important;
        transform: translateX(1px) !important;
    }

    /* Text inside link */
    .w-nav.type_mobile .w-nav-list.level_1 > li > a > span,
    .w-nav.type_mobile .w-nav-list.level_1 > li > a > .w-nav-title {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Chevron on items with children */
    .w-nav.type_mobile .w-nav-list.level_1 > li.menu-item-has-children > a::after {
        content: "\203A" !important;
        font-size: 22px !important;
        font-weight: 300 !important;
        color: rgba(255,255,255,0.65) !important;
        flex: 0 0 auto !important;
        line-height: 1 !important;
        margin-left: auto !important;
        padding-left: 8px !important;
        transition: transform 0.18s ease, color 0.18s ease !important;
    }
    .w-nav.type_mobile .w-nav-list.level_1 > li.menu-item-has-children > a:hover::after {
        color: #ffffff !important;
        transform: translateX(2px) !important;
    }

    /* Current/active page */
    .w-nav.type_mobile .w-nav-list.level_1 > li.current-menu-item > a,
    .w-nav.type_mobile .w-nav-list.level_1 > li.current-menu-ancestor > a {
        background: rgba(255,255,255,0.20) !important;
        border-color: rgba(255,255,255,0.45) !important;
        font-weight: 800 !important;
    }

    /* ─── SHARED SUB-PANEL BASE ─────────────────────────────────── */
    .w-nav.type_mobile .w-nav-list.level_2,
    .w-nav.type_mobile .w-nav-list.level_3 {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overscroll-behavior-y: contain !important;
        transform: translateX(100%) !important;
        transition: transform 0.30s cubic-bezier(0.25, 1, 0.4, 1) !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 16px 14px 80px !important;
        list-style: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        border-top: 2px solid rgba(255,255,255,0.18) !important;
    }

    .w-nav.type_mobile .w-nav-list.level_2 {
        background: linear-gradient(160deg, #d62c2f 0%, #c01e21 30%, #8b1012 65%, #4d0608 100%) !important;
        z-index: 10000 !important;
    }
    .w-nav.type_mobile .w-nav-list.level_3 {
        background: linear-gradient(160deg, #bf2225 0%, #96141a 35%, #5c0b10 65%, #30050a 100%) !important;
        z-index: 10001 !important;
    }

    /* Slide panel into view */
    .w-nav.type_mobile li.niigma-drill-active > .w-nav-list.level_2,
    .w-nav.type_mobile li.niigma-drill-active > .w-nav-list.level_3 {
        transform: translateX(0) !important;
    }

    /* Sub-panel list items */
    .w-nav.type_mobile .w-nav-list.level_2 > li,
    .w-nav.type_mobile .w-nav-list.level_3 > li {
        display: block !important;
        margin: 0 0 8px !important;
        padding: 0 !important;
        border: none !important;
        box-sizing: border-box !important;
    }
    .w-nav.type_mobile .w-nav-list.level_2 > li:last-child,
    .w-nav.type_mobile .w-nav-list.level_3 > li:last-child { margin-bottom: 0 !important; }

    /* ─── BACK BUTTON — Capsule Style ────────────────────────────── */
    .niigma-back-item {
        display: block !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        border: none !important;
        background: none !important;
    }
    .niigma-back-anchor {
        display: inline-flex !important;
        align-items: center !important;
        gap: 8px !important;
        padding: 9px 20px !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: 1.4px !important;
        text-transform: uppercase !important;
        color: rgba(255,255,255,0.80) !important;
        text-decoration: none !important;
        cursor: pointer !important;
        background: rgba(0,0,0,0.28) !important;
        border: 1px solid rgba(255,255,255,0.25) !important;
        border-radius: 100px !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.20) !important;
        transition: background 0.18s ease, color 0.18s ease, transform 0.15s ease !important;
    }
    .niigma-back-anchor::before {
        content: "\2190" !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        color: rgba(255,255,255,0.65) !important;
        line-height: 1 !important;
    }
    .niigma-back-anchor:hover {
        background: rgba(0,0,0,0.40) !important;
        color: #ffffff !important;
        transform: translateX(-2px) !important;
    }

    /* ─── LEVEL 2 LINKS — Card Style ────────────────────────────── */
    .w-nav.type_mobile .w-nav-list.level_2 > li > .w-nav-anchor,
    .w-nav.type_mobile .w-nav-list.level_2 > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
        width: 100% !important;
        padding: 13px 18px !important;
        font-size: 13.5px !important;
        font-weight: 700 !important;
        color: rgba(255,255,255,0.92) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.06em !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        background: rgba(0,0,0,0.18) !important;
        border: 1px solid rgba(255,255,255,0.13) !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 6px rgba(0,0,0,0.12) !important;
        transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease !important;
    }
    .w-nav.type_mobile .w-nav-list.level_2 > li > .w-nav-anchor:hover,
    .w-nav.type_mobile .w-nav-list.level_2 > li > a:hover {
        background: rgba(255,255,255,0.15) !important;
        border-color: rgba(255,255,255,0.35) !important;
        color: #ffffff !important;
        transform: translateX(4px) !important;
    }

    /* Chevron on level 2 items with children */
    .w-nav.type_mobile .w-nav-list.level_2 > li.menu-item-has-children > a::after {
        content: "\203A" !important;
        font-size: 20px !important;
        font-weight: 300 !important;
        color: rgba(255,255,255,0.55) !important;
        flex: 0 0 auto !important;
        line-height: 1 !important;
        margin-left: auto !important;
        padding-left: 6px !important;
    }

    /* ─── LEVEL 3 LINKS — Card Style ────────────────────────────── */
    .w-nav.type_mobile .w-nav-list.level_3 > li > .w-nav-anchor,
    .w-nav.type_mobile .w-nav-list.level_3 > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 12px 18px !important;
        font-size: 12.5px !important;
        font-weight: 700 !important;
        color: rgba(255,255,255,0.85) !important;
        text-transform: uppercase !important;
        letter-spacing: 0.05em !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
        background: rgba(0,0,0,0.22) !important;
        border: 1px solid rgba(255,255,255,0.11) !important;
        border-radius: 8px !important;
        box-shadow: 0 1px 4px rgba(0,0,0,0.10) !important;
        transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease !important;
    }
    .w-nav.type_mobile .w-nav-list.level_3 > li > .w-nav-anchor:hover,
    .w-nav.type_mobile .w-nav-list.level_3 > li > a:hover {
        background: rgba(255,255,255,0.14) !important;
        border-color: rgba(255,255,255,0.30) !important;
        color: #ffffff !important;
        transform: translateX(4px) !important;
    }
}

/* ─── DESKTOP SAFETY ───────────────────────────────────────────── */
@media (min-width: 1200px) {
    .niigma-back-item { display: none !important; }
}