/* ================================================
   MOBILE MENU FIX - EMERGENCY OVERRIDE
   Load this AFTER all other CSS files
   ================================================ */

/* ===== DESKTOP (992px and above) ===== */
@media (min-width: 992px) {
    /* Show navigation horizontally on desktop */
    .nav-list {
        display: flex !important;
        flex-direction: row !important;
        position: static !important;
        background: transparent !important;
        box-shadow: none !important;
        width: auto !important;
    }
    
    /* Hide hamburger on desktop */
    .mobile-toggle {
        display: none !important;
    }
}

/* ===== MOBILE & TABLET (991px and below) ===== */
@media (max-width: 991px) {
    /* FORCE SHOW HAMBURGER */
    .mobile-toggle {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .mobile-toggle span {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* HIDE NAV BY DEFAULT */
    .nav-list {
        display: none !important;
        flex-direction: column !important;
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        background: white !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.2) !important;
        padding: 0 !important;
        margin: 0 !important;
        z-index: 9999 !important;
    }
    
    /* SHOW NAV WHEN HAMBURGER CLICKED */
    .nav.active .nav-list {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* FORCE ALL LIST ITEMS TO SHOW */
    .nav-list li {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        border-bottom: 1px solid #f0f0f0 !important;
    }
    
    /* FORCE ALL LINKS TO SHOW */
    .nav-list li a,
    .nav-list a,
    .nav-link {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        padding: 16px 20px !important;
        color: #333 !important;
        background: white !important;
        text-decoration: none !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* DROPDOWN MENU IN MOBILE */
    .nav-dropdown .dropdown-menu {
        display: none;
        position: static !important;
        background: #f8f9fa !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    
    /* Show dropdown on hover or focus */
    .nav-dropdown:hover .dropdown-menu,
    .nav-dropdown:focus-within .dropdown-menu {
        display: block !important;
    }
    
    .nav-dropdown .dropdown-menu li {
        display: block !important;
        visibility: visible !important;
    }
    
    .nav-dropdown .dropdown-menu a {
        display: block !important;
        visibility: visible !important;
        padding-left: 40px !important;
        background: #f8f9fa !important;
    }
    
    /* REGISTER BUTTON IN MOBILE NAV */
    .nav .btn-primary {
        display: block !important;
        visibility: visible !important;
        margin: 15px 20px !important;
        width: calc(100% - 40px) !important;
    }
}

/* ===== FORCE VISIBILITY ON ALL SCREEN SIZES ===== */
.nav-list li,
.nav-list li a,
.nav-link {
    font-size: inherit !important;
    line-height: normal !important;
}

/* Make sure Press Coverage link is visible */
.nav-list li a[href="press-coverage.html"],
.nav-list li a[href*="press-coverage"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}