/* ===============================================
   SUBMENU HOVER EFFECTS - ORANGE HIGHLIGHT
   Ensures consistent orange hover effects on all submenu items
   =============================================== */

/* Force orange hover effects on all submenu items */
html body .vl-header-area5 .vl-main-menu ul li .sub-menu li a:hover,
html body .vl-main-menu ul li .sub-menu li a:hover,
html body .has-dropdown .sub-menu li a:hover,
html body .sub-menu li a:hover,
html body .dropdown-menu .dropdown-item:hover,
html body nav ul li .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;
    transition: all 0.3s ease !important;
}

/* Ensure white text is maintained on hover */
html body .sub-menu li a:hover *,
html body .dropdown-menu .dropdown-item:hover * {
    color: #FFFFFF !important;
}

/* Remove any conflicting hover styles */
.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;
    transform: translateX(5px) !important;
    box-shadow: 0 2px 8px rgba(255, 102, 0, 0.3) !important;
}

/* Specific targeting for navbar5 submenus */
.vl-header-area5 .sub-menu li a:hover {
    background: #FF6600 !important;
    color: #FFFFFF !important;
    padding-left: 28px !important;
    border-radius: 6px !important;
    margin: 0 8px !important;
    transform: translateX(5px) !important;
    box-shadow: 0 2px 8px rgba(255, 102, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

/* Override any template-specific hover styles */
.vl-main-menu ul li .sub-menu li a:hover,
.has-dropdown .sub-menu li a:hover {
    background-color: #FF6600 !important;
    background: #FF6600 !important;
    color: #FFFFFF !important;
}

/* Force orange background on hover - nuclear option */
.sub-menu a:hover,
.dropdown-menu a:hover {
    background: #FF6600 !important;
    color: #FFFFFF !important;
}