/* 
 * Navbar Fixes
 * Ensures consistent styling of the navbar across all pages
 */

/* Make the hamburger menu icon white on all pages for mobile/tablet screens */
@media (max-width: 991px) {
    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    }
}

@media (max-width: 991px) {
    .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.7) !important;
    }
}

/* Ensure navbar links are visible when expanded on mobile */
@media (max-width: 767px) {
    .navbar-collapse {
        background-color: rgba(26, 37, 54, 0.98) !important;
        position: relative;
        z-index: 1050;
    }
    
    .navbar-nav .nav-link {
        color: white !important;
        font-weight: 500;
        padding: 0.5rem 1rem;
    }
    
    .navbar-nav .nav-link.active {
        color: #4e7df1 !important;
    }
}