/* Emergency Nav CTA Button Fix - Force White Text */

/* Target every possible selector combination */
.nav-cta-button,
a.nav-cta-button,
.glass-nav .nav-cta-button,
.glass-nav a.nav-cta-button,
header .nav-cta-button,
header a.nav-cta-button,
div a.nav-cta-button,
.nav-cta-button:link,
.nav-cta-button:visited,
.nav-cta-button:active {
    color: white !important;
    color: #ffffff !important;
    color: rgb(255, 255, 255) !important;
}

/* Mobile button white text */
.mobile-nav-button,
a.mobile-nav-button,
.mobile-nav-button:link,
.mobile-nav-button:visited,
.mobile-nav-button:active {
    color: white !important;
    color: #ffffff !important;
    color: rgb(255, 255, 255) !important;
}

/* Use CSS custom property as backup */
.nav-cta-button {
    --text-color: white !important;
    color: var(--text-color) !important;
}

/* Ensure spans or inner elements also get white */
.nav-cta-button *,
.mobile-nav-button * {
    color: inherit !important;
}

/* Last resort - use filter to force white */
.nav-cta-button {
    filter: brightness(1) !important;
}

/* Remove any text shadows that might darken */
.nav-cta-button,
.mobile-nav-button {
    text-shadow: none !important;
}

/* Active Navigation State */
.nav-menu a.active,
.mobile-nav-links a.active {
    color: #456990 !important;
    font-weight: 700 !important;
    position: relative;
}

/* Desktop active indicator */
.nav-menu a.active::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 2px;
    background: #456990;
    border-radius: 2px;
}

/* Mobile active indicator */
.mobile-nav-links a.active {
    background: #f0f7ff;
    border-left: 3px solid #456990;
    padding-left: 17px;
}
