/* Navigation Updates - Smaller Font and Yellow Active State */

/* Smaller font size for navigation links */
.nav-link {
    font-size: 14px !important; /* Reduced from default */
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Active link with yellow color from palette */
.nav-link.active {
    color: #f7be16 !important; /* Yellow from our palette */
    font-weight: 600;
    position: relative;
}

/* Keep the yellow underline for active state */
.nav-link.active::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    height: 3px;
    background: #f7be16;
    border-radius: 2px;
}

/* Hover state */
.nav-link:hover {
    color: #f7be16;
    opacity: 0.9;
}

/* Mobile navigation links */
.mobile-nav-link {
    font-size: 14px !important;
}

.mobile-nav-link.active {
    color: #f7be16 !important;
    font-weight: 600;
    background: rgba(247, 190, 22, 0.1);
    border-left: 3px solid #f7be16;
}

/* Override section-backgrounds.css active color */
section[id] .nav-link.active {
    color: #f7be16 !important;
}