/* ── Mobile nav responsive fix ────────────────────────────────
 * Removes dependency on wp_is_mobile() server-side detection.
 * Mobile menu HTML always renders; CSS controls visibility.
 */

/* Desktop: hide hamburger, restore nav as horizontal inline bar */
@media (min-width: 1031px) {
    .mobile-menu {
        display: none !important;
    }

    /* Reset mobile-nav to look like a normal top-nav at desktop widths */
    header.header nav.navigation.top-nav.mobile-nav,
    header.header nav.navigation.top-nav.mobile-nav.hidden {
        position: static !important;
        background-color: transparent !important;
        max-height: none !important;
        overflow: visible !important;
        min-width: 0 !important;
        z-index: auto !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        transition: none !important;
        transition-delay: 0s !important;
    }

    header.header nav.navigation.top-nav.mobile-nav > ul,
    header.header nav.navigation.top-nav.mobile-nav.hidden > ul {
        flex-flow: row !important;
        padding: 0 !important;
        opacity: 1 !important;
        transition: none !important;
    }

    /* Restore per-item desktop styles */
    header.header nav.navigation.top-nav.mobile-nav > ul > li {
        border-bottom: none !important;
        border-radius: 6px !important;
        display: inline-block !important;
        margin-right: 1rem !important;
        margin-bottom: 0 !important;
    }

    header.header nav.navigation.top-nav.mobile-nav > ul > li > a {
        color: #fff !important;
        padding: 0.7rem !important;
        display: inline-block !important;
    }
}

/* Mobile: always show hamburger area, fix positioning */
@media (max-width: 1030px) {
    .mobile-menu {
        display: flex !important;
    }

    /* Override the broken top-offset rule for logged-in users with admin bar */
    .logged-in:not(.logged-in-no-bar) .mobile-nav-action {
        top: 0 !important;
    }

    /* Shift fixed mobile-nav down when WP admin bar is present */
    .admin-bar header.header nav.navigation.mobile-nav {
        top: calc(46px + 66px) !important; /* 46px admin bar on mobile + header */
    }
    @media (min-width: 783px) {
        .admin-bar header.header nav.navigation.mobile-nav {
            top: calc(32px + 66px) !important; /* 32px admin bar on desktop-ish */
        }
    }
}