/* ========================================= */
/* ULTIMATE NAVIGATION COLOR FIX - FINAL OVERRIDE */
/* ========================================= */

/* Use maximum CSS specificity to override Bootstrap */
html body .main-header .navbar .nav-menu .nav-item .nav-link.dropdown-toggle,
html body .main-header .navbar .nav-menu .nav-item .nav-link.dropdown-toggle:hover,
html body .main-header .navbar .nav-menu .nav-item .nav-link.dropdown-toggle:focus,
html body .main-header .navbar .nav-menu .nav-item .nav-link.dropdown-toggle:active,
html body .main-header .navbar .nav-menu .nav-item .nav-link.dropdown-toggle[aria-expanded="true"],
html body .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle,
html body .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:hover,
html body .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:focus,
html body .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:active,
html body .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle[aria-expanded="true"] {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
    border-color: transparent !important;
    color: #333333 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Override all possible navigation link states */
html body .main-header .navbar .nav-menu .nav-item .nav-link,
html body .main-header .navbar .nav-menu .nav-item .nav-link:hover,
html body .main-header .navbar .nav-menu .nav-item .nav-link:focus,
html body .main-header .navbar .nav-menu .nav-item .nav-link:active,
html body .main-header .navbar .nav-menu .nav-item .nav-link.active,
html body .navbar .navbar-nav .nav-item .nav-link,
html body .navbar .navbar-nav .nav-item .nav-link:hover,
html body .navbar .navbar-nav .nav-item .nav-link:focus,
html body .navbar .navbar-nav .nav-item .nav-link:active,
html body .navbar .navbar-nav .nav-item .nav-link.active,
html body .navbar .navbar-nav .nav-item .nav-link.show {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
    border-color: transparent !important;
    color: #333333 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Kill any Bootstrap button styling on navigation */
html body .navbar .btn,
html body .navbar .btn:hover,
html body .navbar .btn:focus,
html body .navbar .btn:active,
html body .navbar .btn-primary,
html body .navbar .btn-primary:hover,
html body .navbar .btn-primary:focus,
html body .navbar .btn-primary:active {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
    border-color: transparent !important;
    color: #333333 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Ultra-specific dropdown override */
html body .main-header .navbar .nav-menu .nav-item .dropdown .dropdown-menu .dropdown-item,
html body .main-header .navbar .nav-menu .nav-item .dropdown .dropdown-menu .dropdown-item:hover,
html body .main-header .navbar .nav-menu .nav-item .dropdown .dropdown-menu .dropdown-item:focus,
html body .main-header .navbar .nav-menu .nav-item .dropdown .dropdown-menu .dropdown-item:active,
html body .navbar .navbar-nav .nav-item .dropdown .dropdown-menu .dropdown-item,
html body .navbar .navbar-nav .nav-item .dropdown .dropdown-menu .dropdown-item:hover,
html body .navbar .navbar-nav .nav-item .dropdown .dropdown-menu .dropdown-item:focus,
html body .navbar .navbar-nav .nav-item .dropdown .dropdown-menu .dropdown-item:active,
html body .dropdown-menu .dropdown-item,
html body .dropdown-menu .dropdown-item:hover,
html body .dropdown-menu .dropdown-item:focus,
html body .dropdown-menu .dropdown-item:active {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
    color: #333333 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Special hover state for dropdown items - use subtle gray */
html body .main-header .navbar .nav-menu .nav-item .dropdown .dropdown-menu .dropdown-item:hover,
html body .navbar .navbar-nav .nav-item .dropdown .dropdown-menu .dropdown-item:hover,
html body .dropdown-menu .dropdown-item:hover {
    background-color: rgba(51, 51, 51, 0.05) !important;
    background-image: none !important;
    background: rgba(51, 51, 51, 0.05) !important;
    color: #333333 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Target any possible Bootstrap class combinations */
[class*="nav-link"][class*="btn"],
[class*="nav-link"][class*="primary"],
[class*="dropdown-toggle"][class*="btn"],
[class*="dropdown-toggle"][class*="primary"] {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
    border-color: transparent !important;
    color: #333333 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Override inline styles if any */
.nav-link[style],
.nav-link[style]:hover,
.nav-link[style]:focus,
.nav-link[style]:active,
.dropdown-toggle[style],
.dropdown-toggle[style]:hover,
.dropdown-toggle[style]:focus,
.dropdown-toggle[style]:active {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
    border-color: transparent !important;
    color: #333333 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* KILL ALL POSSIBLE BOOTSTRAP DROPDOWN COLORS */
html body .dropdown-menu .dropdown-item.active,
html body .dropdown-menu .dropdown-item:active,
html body .dropdown-item.active,
html body .dropdown-item:active,
html body .dropdown-menu .dropdown-item.active:hover,
html body .dropdown-menu .dropdown-item:active:hover,
html body .dropdown-item.active:hover,
html body .dropdown-item:active:hover {
    background-color: rgba(51, 51, 51, 0.1) !important;
    background-image: none !important;
    background: rgba(51, 51, 51, 0.1) !important;
    color: #333333 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* Override Bootstrap text color classes in dropdown */
html body .dropdown-menu .dropdown-item.text-primary,
html body .dropdown-menu .dropdown-item.text-primary:hover,
html body .dropdown-item.text-primary,
html body .dropdown-item.text-primary:hover {
    color: #333333 !important;
}

/* Target any possible CSS transitions/animations that might be causing color changes */
html body .dropdown-menu .dropdown-item,
html body .dropdown-item {
    transition: background-color 0.15s ease-in-out !important;
}

/* Override any possible pseudo-element backgrounds */
html body .dropdown-menu .dropdown-item::before,
html body .dropdown-menu .dropdown-item::after,
html body .dropdown-item::before,
html body .dropdown-item::after {
    background-color: transparent !important;
    background-image: none !important;
    background: transparent !important;
}