/* ═══ Navbar Mobile Override ═══ */
/* #navMain gets .collapse removed by JS on mobile, .show added */

@media (max-width: 991.98px) {
    .navbar {
        background-color: rgba(15,23,42,0.95) !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 0 !important;
    }
    .navbar .container {
        display: flex !important;
        align-items: center !important;
        padding: 6px 10px !important;
        gap: 0 !important;
        width: 100% !important;
    }
    .navbar .navbar-brand {
        color: #fff !important;
        font-size: 1.7rem !important;
        padding: 0 8px 0 0 !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        white-space: nowrap !important;
        font-weight: 700 !important;
    }
    .navbar .navbar-brand i { display: none !important; }
    .navbar-toggler { display: none !important; }
    .navbar .form-control.search-box { display: none !important; }
    .navbar .search-btn { display: none !important; }
    .navbar .d-none.d-lg-block { display: none !important; }
    .nav-logo { position: absolute !important; right: 12px !important; top: 8px !important; margin-left: 0 !important; z-index: 10; }
    /* Nav links inline horizontal */
    #navMain {
        display: flex !important;
        flex-basis: auto !important;
        flex-grow: 1 !important;
        width: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        position: static !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
    }
    .navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 0 !important;
        margin: 0 !important;
        margin-left: 8px !important;
        padding: 0 !important;
    }
    .navbar-nav .nav-item { flex-shrink: 0 !important; }
    .navbar-nav .nav-link {
        color: rgba(255,255,255,0.9) !important;
        padding: 4px 5px !important;
        font-size: 0.6rem !important;
        font-weight: 500 !important;
        white-space: nowrap !important;
        line-height: 1.1 !important;
    }
    .navbar-nav .nav-link:hover { color: #6C5CE7 !important; }
    .navbar-nav .nav-link i { display: none !important; }
    .navbar-nav .nav-link i { display: none !important; }
    /* Dropdown menu full width dark */
    .navbar-nav .dropdown-menu {
        position: fixed !important;
        left: 8px !important;
        right: 8px !important;
        top: 42px !important;
        z-index: 9999 !important;
        background: rgba(15,23,42,0.98) !important;
        border: 1px solid rgba(255,255,255,0.1) !important;
        box-shadow: 0 8px 30px rgba(0,0,0,0.4) !important;
        border-radius: 12px !important;
        padding: 8px 0 !important;
    }
    .navbar-nav .dropdown-menu .dropdown-item {
        color: rgba(255,255,255,0.85) !important;
        padding: 10px 16px !important;
        font-size: 0.85rem !important;
    }
    .navbar-nav .dropdown-menu .dropdown-item:hover {
        background: rgba(255,255,255,0.1) !important;
        color: #fff !important;
    }
    .navbar-nav .dropdown-menu .dropdown-divider {
        border-color: rgba(255,255,255,0.1) !important;
    }
}