/* ================================
   NAVBAR STYLES
   ================================ */

/* Base navbar styles usually in main.css, this handles overrides */

/* Dark Text Variant (for light backgrounds) */
.navbar-dark-text .nav-link,
.navbar-dark-text .logo-text {
    color: var(--color-dark) !important;
}

.navbar-dark-text .nav-link:hover,
.navbar-dark-text .nav-link.active {
    color: var(--color-primary) !important;
}

.navbar-dark-text .nav-link::after {
    background-color: var(--color-primary) !important;
}

/* Ensure Logo Icon also adapts if needed, or keep original */
/* .navbar-dark-text .logo-icon { ... } */

/* Scrolled Dark Background (keep as option) */
.navbar.scrolled-dark {
    background: rgba(10, 10, 10, 0.95);
    backdrop-filter: blur(10px);
}

/* When background is dark, text should be white */
.navbar.scrolled-dark .nav-link,
.navbar.scrolled-dark .logo-text {
    color: #ffffff !important;
}

/* BUT user wants dark text on About section (light bg) */
/* The class .navbar-dark-text will be toggled by JS on light sections */