/* Navigation fixes for Services dropdown */
.navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle,
.navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle span,
.navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:hover,
.navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:focus,
.navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle:active,
.navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle.show {
    color: #ffffff !important;
}

/* Specific fix for Services tab */
.navbar-nav .nav-item:nth-child(3) .nav-link,
.navbar-nav .nav-item:nth-child(3) .nav-link span,
.navbar-nav .nav-item:nth-child(3) .nav-link:hover,
.navbar-nav .nav-item:nth-child(3) .nav-link:focus,
.navbar-nav .nav-item:nth-child(3) .nav-link:active,
.navbar-nav .nav-item:nth-child(3) .nav-link.show {
    color: #ffffff !important;
}

/* Classes added by JavaScript */
.services-link,
.services-text,
.nav-hover {
    color: #ffffff !important;
}

/* Ensure white color when scrolling */
body.is-scrolling .navbar-nav .nav-link,
body.is-scrolling .navbar-nav .nav-item:nth-child(3) .nav-link,
body.is-scrolling .navbar-nav .nav-item:nth-child(3) .nav-link span {
    color: #ffffff !important;
}

/* Fix for dropdown menu items */
.dropdown-menu {
    max-height: none !important;
    overflow: visible !important;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    padding: 10px 0;
    border-radius: 8px;
    border: none;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.dropdown:hover .dropdown-menu,
.dropdown-menu.show {
    opacity: 1;
    visibility: visible;
}

.dropdown-menu .dropdown-item {
    transition: background-color 0.2s ease;
    padding: 8px 20px;
    white-space: normal;
    font-size: 0.9rem;
}

.dropdown-menu .dropdown-item:hover {
    background-color: var(--primary-blue-light);
    color: #ffffff !important;
}

/* Ensure all navigation links are white */
.navbar-nav .nav-link {
    color: #ffffff !important;
}

/* Fix for active state */
.navbar-nav .nav-link.active {
    color: #ffffff !important;
    font-weight: 600;
}