/**
 * Mobile Navbar CSS
 * Only applies to mobile devices (max-width: 992px)
 * Preserves original styling on desktop
 */

/* Only apply these styles on mobile */
@media (max-width: 992px) {
    /* Ensure navbar is visible on mobile */
    #mainNav {
        background-color: #212529 !important;
    }
    
    /* Improve toggler visibility */
    .navbar-toggler {
        color: white !important;
        border-color: rgba(255, 255, 255, 0.7) !important;
    }
    
    /* Fix navbar text */
    #mainNav .navbar-nav .nav-link {
        color: white !important;
    }
    
    /* Ensure dropdown menus are visible */
    .navbar-collapse {
        background-color: #212529 !important;
    }
}