/*
 * NAVBAR POLISHED - CONSOLIDATED NAVBAR STYLES
 * ==============================================
 * This is the ONLY file for navbar styles.
 * DO NOT CREATE navbar-*-fix.css or navbar-*-enhanced.css files!
 *
 * 📋 CONTAINS:
 * - Primary navbar styling and layout
 * - Navbar link visibility and contrast fixes
 * - Mobile navigation and hamburger menu
 * - Dropdown menus and language switcher
 * - Scrolled navbar states and responsive design
 *
 * 🎯 PERFORMANCE: Loads second (after accessibility) for immediate navigation
 * 📏 SIZE: ~147 lines | GZIPPED: ~2KB | CRITICAL: Yes
 */

/* Primary Navbar Styling */
.navbar {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    min-height: 60px;
}

.navbar-brand {
    font-weight: 600;
    font-size: 1.5rem;
    color: #0F75BD !important;
}

/* Navbar Link Visibility - MIGRATED from navbar-contrast-enhanced.css */
.color-blue {
    color: #0F75BD !important;
}

.nav-link.color-blue {
    color: #0F75BD !important;
}

.nav-link.color-blue:hover {
    color: #2196F3 !important;
}

/* Ensure navbar links are always visible */
.navbar .nav-link {
    color: #0F75BD !important;
    font-weight: 500;
    padding: 0.75rem 1rem;
    transition: all 0.3s ease;
}

.navbar .nav-link:hover {
    color: #2196F3 !important;
    transform: translateY(-1px);
}

.navbar-nav .nav-link {
    color: #0F75BD !important;
}

.navbar-nav .nav-link:hover {
    color: #2196F3 !important;
}

/* Fix white on white issue */
.navbar-light .navbar-nav .nav-link {
    color: #0F75BD !important;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #2196F3 !important;
}

/* Mobile Navigation */
.navbar-toggler {
    border: none;
    padding: 0.25rem 0.5rem;
    color: #0F75BD;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(15, 117, 189, 0.25);
}

/* Dropdown Styling */
.dropdown-menu {
    border: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 0.5rem 0;
}

.dropdown-item {
    color: #374151;
    padding: 0.5rem 1rem;
    transition: all 0.3s ease;
}

.dropdown-item:hover {
    background-color: rgba(15, 117, 189, 0.1);
    color: #0F75BD;
}

/* Ensure all navbar items have consistent height */
.navbar-nav .nav-item {
    display: flex;
    align-items: center;
}

.navbar-nav .nav-link,
.navbar-nav .btn {
    height: 40px;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
}

/* Fix dropdown toggle in navbar */
.navbar-nav .dropdown-toggle {
    height: 40px;
}

/* Responsive Navbar */
@media (max-width: 991.98px) {
    .navbar-collapse {
        background: rgba(255, 255, 255, 0.98);
        border-radius: 8px;
        margin-top: 0.5rem;
        padding: 1rem;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    }

    .navbar-nav .nav-link {
        padding: 0.75rem 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
        height: auto; /* Allow height to be flexible on mobile */
    }

    .navbar-nav .nav-link:last-child {
        border-bottom: none;
    }

    /* Fix dropdown styling on mobile */
    .nav-language-btn {
        width: 100%;
        justify-content: space-between;
    }
}

/* Scrolled Navbar */
.navbar.scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
}

/* Language Dropdown - FIXED STYLING */
.nav-language-btn {
    background: transparent;
    border: 1px solid rgba(15, 117, 189, 0.2);
    border-radius: 6px;
    color: #0F75BD;
    font-weight: 500;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
    height: 40px; /* Fixed height */
}

.nav-language-btn:hover {
    background: rgba(15, 117, 189, 0.05);
    border-color: #0F75BD;
}

.nav-language-btn::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

/* Language Menu Dropdown */
.language-menu {
    min-width: 200px;
    max-height: 400px;
    overflow-y: auto;
}

.language-item {
    list-style: none;
}

.language-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
}

.language-link:hover {
    background-color: rgba(15, 117, 189, 0.08);
}

/* Flag Images */
.flag-image,
.language-image {
    width: 20px;
    height: 14px;
    object-fit: contain;
}

/* Language Text */
.language-text {
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
}

/* Ensure consistent dropdown toggle styling */
.dropdown-toggle {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 0.5rem 1rem;
    color: #0F75BD;
    font-weight: 500;
    height: 40px; /* Fixed height for all dropdowns */
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
    background: rgba(15, 117, 189, 0.05);
    border-color: #0F75BD;
    color: #0F75BD;
}

/* Fix dropdown arrow positioning */
.dropdown-toggle::after {
    margin-left: auto;
}