/* ===============================================
   NUCLEAR SUBMENU TEXT WHITE OVERRIDE
   Forces submenu text to be white with maximum specificity
   =============================================== */

/* Force submenu text to be white - maximum specificity override */
html body.body5.homepage .vl-header-area5 .vl-main-menu ul li.has-dropdown .sub-menu li a,
html body.body5 .vl-header-area5 .vl-main-menu ul li.has-dropdown .sub-menu li a,
html body .vl-header-area5 .vl-main-menu ul li .sub-menu li a,
html body .vl-main-menu ul li .sub-menu li a,
html body .has-dropdown .sub-menu li a,
html body .sub-menu li a,
html body .dropdown-menu .dropdown-item,
html body nav ul li .sub-menu li a,
.vl-main-menu .sub-menu a,
.has-dropdown .sub-menu a,
.dropdown-menu a,
nav .sub-menu a {
    color: #FFFFFF !important;
    background: transparent !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

/* Override any possible text color classes */
html body .sub-menu .gray1,
html body .sub-menu .gray2,
html body .sub-menu .black1,
html body .sub-menu .black2,
html body .sub-menu .blue1,
html body .sub-menu .blue2,
html body .sub-menu .blue3,
html body .sub-menu .blue4,
html body .sub-menu .blue5,
html body .sub-menu [class*="gray"],
html body .sub-menu [class*="black"],
html body .sub-menu [class*="blue"],
html body .dropdown-menu .gray1,
html body .dropdown-menu .gray2,
html body .dropdown-menu .black1,
html body .dropdown-menu .black2,
html body .dropdown-menu .blue1,
html body .dropdown-menu .blue2,
html body .dropdown-menu .blue3,
html body .dropdown-menu .blue4,
html body .dropdown-menu .blue5,
html body .dropdown-menu [class*="gray"],
html body .dropdown-menu [class*="black"],
html body .dropdown-menu [class*="blue"] {
    color: #FFFFFF !important;
}

/* Force white text on all submenu elements */
html body .sub-menu *,
html body .dropdown-menu *,
html body .has-dropdown .sub-menu *,
html body .vl-main-menu .sub-menu * {
    color: #FFFFFF !important;
}

/* Submenu hover states - keep white text on orange background */
html body .sub-menu li a:hover,
html body .dropdown-menu .dropdown-item:hover,
html body .has-dropdown .sub-menu li a:hover,
html body .vl-main-menu .sub-menu li a:hover {
    color: #FFFFFF !important;
    background: #FF6600 !important;
    padding-left: 28px !important;
    border-radius: 6px !important;
    margin: 0 8px !important;
    border-bottom: none !important;
    transform: translateX(5px) !important;
    box-shadow: 0 2px 8px rgba(255, 102, 0, 0.3) !important;
}

/* Override CSS custom properties that might affect text color */
html body .sub-menu,
html body .dropdown-menu,
html body .has-dropdown .sub-menu,
html body .vl-main-menu .sub-menu {
    --vtc-text-title-1: #FFFFFF !important;
    --vtc-text-title-2: #FFFFFF !important;
    --vtc-text-pera-1: #FFFFFF !important;
    --vtc-text-pera-2: #FFFFFF !important;
    --ztc-text-text-1: #FFFFFF !important;
    --ztc-text-text-2: #FFFFFF !important;
    --vtc-text-gray-1: #FFFFFF !important;
    --vtc-text-gray-2: #FFFFFF !important;
}

/* Nuclear option - apply white to any possible text node in submenus */
.sub-menu,
.dropdown-menu,
.has-dropdown .sub-menu,
.vl-main-menu .sub-menu {
    color: #FFFFFF !important;
}

.sub-menu a,
.dropdown-menu a,
.has-dropdown .sub-menu a,
.vl-main-menu .sub-menu a {
    color: #FFFFFF !important;
}

/* Even more specific targeting */
.vl-header-area5 .sub-menu li a {
    color: #FFFFFF !important;
}

.vl-header-area5 .dropdown-menu .dropdown-item {
    color: #FFFFFF !important;
}

/* Mobile menu adjustments */
.vl-offcanvas .sub-menu li a {
    color: #FFFFFF !important;
}

/* Focus states */
.sub-menu li a:focus,
.dropdown-menu .dropdown-item:focus {
    color: #FFFFFF !important;
    outline: 2px solid #FF6600 !important;
}

/* Active states */
.sub-menu li a.active,
.dropdown-menu .dropdown-item.active {
    color: #FFFFFF !important;
    background: #FF6600 !important;
}