/* Header Navigation Text Color Overrides */
.nav-link,
.nav-menu > li > a {
    color: var(--text-white) !important;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.nav-link:hover,
.nav-link.active,
.nav-menu > li > a:hover {
    color: var(--primary-color) !important;
}

/* Ensure dropdown text is slate colored */
.dropdown-menu a,
.dropdown-link,
.area-info {
    color: var(--text-dark) !important;
}

.dropdown-menu a:hover,
.dropdown-link:hover {
    color: var(--text-white) !important;
    background-color: var(--secondary-color);
}

/* Keep dropdown menu background white */
.dropdown-menu {
    background-color: var(--text-white);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Ensure contact links have no background by default */
.contact-menu .contact-link,
.contact-menu .dropdown-link.contact-link {
    background-color: transparent !important;
}