/* ========================================
   FRESH NAVBAR STYLES - NO CONFLICTS
   ======================================== */

/* Navbar Base */
.navbar {
    padding: 1rem 0 !important;
    z-index: 1030 !important;
}

/* Brand */
.text-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Desktop Nav Links */
.navbar-nav .nav-link {
    color: #2d3748 !important;
    font-weight: 500 !important;
    padding: 0.5rem 1rem !important;
    transition: color 0.3s ease !important;
}

.navbar-nav .nav-link:hover {
    color: #667eea !important;
}

/* Auth Buttons */
/* Login Link */
.navbar-nav .nav-item>.nav-link[href*="login"] {
    color: #667eea !important;
    font-weight: 600 !important;
    padding: calc(0.5rem - 2px) calc(1.5rem - 2px) !important;
    border: 2px solid #667eea !important;
    border-radius: 50px !important;
    transition: all 0.3s ease !important;
    margin-right: 0.5rem !important;
}

.navbar-nav .nav-item>.nav-link[href*="login"]:hover {
    background: #667eea !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
}

/* Register Button */
.navbar-nav .btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    border: none !important;
    padding: 0.5rem 1.5rem !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3) !important;
}

.navbar-nav .btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4) !important;
}

/* Fix dropdown toggle chevron positioning */
.navbar-nav .dropdown-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
}

/* Override the hover underline ::after for dropdown toggles */
.navbar-nav .nav-link.dropdown-toggle::after {
    position: static !important;
    display: inline-block !important;
    transform: none !important;
    margin-left: 0.25rem !important;
    vertical-align: middle !important;
    background: none !important;
    width: auto !important;
    height: auto !important;
    bottom: auto !important;
    left: auto !important;
    content: "" !important;
    border-top: 0.3em solid !important;
    border-right: 0.3em solid transparent !important;
    border-bottom: 0 !important;
    border-left: 0.3em solid transparent !important;
}

/* Dropdown Menu */
.navbar-nav .dropdown-menu {
    border: none !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12) !important;
    border-radius: 12px !important;
    padding: 0.5rem 0 !important;
    margin-top: 0.5rem !important;
}

.navbar-nav .dropdown-item {
    padding: 0.75rem 1.5rem !important;
    color: #2d3748 !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border-left: 3px solid transparent !important;
}

.navbar-nav .dropdown-item:hover {
    background: transparent !important;
    color: #667eea !important;
    padding-left: 1.75rem !important;
    border-left-color: #667eea !important;
}

/* Mobile Offcanvas */
.bg-gradient-purple {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.mobile-menu {
    padding: 0 !important;
}

.mobile-menu-item {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding: 1rem 1.5rem !important;
    color: white !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
    border: none !important;
}

.mobile-menu-item:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
    padding-left: 2rem !important;
}

.mobile-menu-item i {
    width: 20px !important;
    text-align: center !important;
}

/* Fix for collapsible items with chevron */
.mobile-menu-item>div {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
}

.mobile-menu-item .fa-chevron-down {
    margin-left: auto !important;
    font-size: 0.75rem !important;
}

.mobile-submenu-item {
    display: block !important;
    padding: 0.75rem 1.5rem 0.75rem 3.5rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
    background: rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.mobile-submenu-item:hover {
    background: rgba(0, 0, 0, 0.2) !important;
    color: white !important;
    padding-left: 4rem !important;
}

.mobile-menu-divider {
    height: 1px !important;
    background: rgba(255, 255, 255, 0.2) !important;
    margin: 1rem 1.5rem !important;
}

/* Chevron Animation */
.mobile-menu-item .fa-chevron-down {
    transition: transform 0.3s ease !important;
}

.mobile-menu-item[aria-expanded="true"] .fa-chevron-down {
    transform: rotate(180deg) !important;
}