/* Navbar component */
.bg-custom-blue {
    background: linear-gradient(90deg, var(--darker-blue) 0%, var(--primary-blue) 100%) !important;
    border-bottom: 4px solid var(--accent-yellow);
    padding: 15px 0 !important;
}

.navbar-brand {
    font-size: 1.9rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 800;
    color: #fff !important;
    letter-spacing: 0.03em;
}

.brand-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 0.65rem;
    background: rgba(255, 193, 7, 0.18);
    color: #ffc107;
}

.brand-icon i,
.brand-icon svg {
    width: 1.2rem;
    height: 1.2rem;
}

.brand-text {
    letter-spacing: 0.04em;
}

.nav-link {
    font-size: 1.15rem;
    color: #fff !important;
    padding: 0.5rem 1.2rem !important;
    transition: 0.3s;
}

.nav-link:hover {
    color: var(--accent-yellow) !important;
}

.navbar .nav-link.active {
    color: var(--accent-yellow) !important;
    font-weight: 700;
    border-bottom: 4px solid var(--accent-yellow);
}