/* Critical Navbar Styles - These must be applied */
.navbar {
    padding: 1rem 0 !important;
    min-height: 80px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    background-color: #1c213f !important;
}

.navbar-brand {
    font-weight: 700 !important;
    padding: 0 !important;
    margin-right: 2rem !important;
}

/* Force menu items to be visible with !important */
.navbar-dark .navbar-nav .nav-link,
.navbar .navbar-nav .nav-link,
.navbar-expand-lg .navbar-nav .nav-link,
.navbar .nav-link,
.navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 1rem !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.navbar .nav-link:hover,
.navbar .nav-link.active {
    color: #ffffff !important;
    background-color: #44b482 !important;
    border-radius: 4px !important;
}

.navbar-toggler {
    border-color: #44b482 !important;
}

/* Ensure navbar-nav is visible on all screen sizes */
.navbar-nav {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Mobile styles */
@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: #1c213f !important;
        padding: 1rem !important;
        border-radius: 0.5rem !important;
        margin-top: 0.5rem !important;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        border-left: 3px solid #44b482 !important;
    }
    
    .navbar-nav .nav-item {
        margin-bottom: 0.5rem !important;
    }
    
    .navbar-nav .nav-link {
        padding: 0.75rem 1rem !important;
        border-radius: 4px !important;
        font-size: 1.1rem !important;
    }
    
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link:focus {
        background-color: #44b482 !important;
        color: white !important;
    }
}

/* Desktop styles - ensure visibility */
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.75rem !important;
        padding-left: 0.75rem !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Button styles */
.btn-login {
    background-color: #44b482 !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 0.5rem 1rem !important;
}

.btn-register {
    border: 2px solid #44b482 !important;
    color: #44b482 !important;
    font-weight: 600 !important;
    padding: 0.5rem 1rem !important;
}

/* User dropdown styles */
.dropdown-menu {
    border-top: 3px solid #44b482 !important;
}

.dropdown-item:hover {
    background-color: rgba(68, 180, 130, 0.1) !important;
}