/* Navigation Subcategory Hover Styles */

/* Subcategory items in sub-support-menu dropdown */
header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.sub-menu li a:hover,
header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.ub-menu li a:hover,
header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul li a:hover {
    color: #d6c183 !important;
}

/* Also target span elements inside the links */
header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.sub-menu li a:hover span,
header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.ub-menu li a:hover span,
header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul li a:hover span {
    color: #d6c183 !important;
}

/* Alternative selector for support menu structure */
.sub-support-menu ul.sub-menu li a:hover,
.sub-support-menu ul.ub-menu li a:hover,
.sub-support-menu ul li a:hover {
    color: #d6c183 !important;
}

.sub-support-menu ul.sub-menu li a:hover span,
.sub-support-menu ul.ub-menu li a:hover span,
.sub-support-menu ul li a:hover span {
    color: #d6c183 !important;
}

/* Merge all subcategory items onto single line on desktop view */
@media (min-width: 768px) {
    /* Target the ul inside sub-support-menu */
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.sub-menu,
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.ub-menu,
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul,
    .sub-support-menu ul.sub-menu,
    .sub-support-menu ul.ub-menu,
    .sub-support-menu ul {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap !important;
    }
    
    /* Ensure list items don't wrap */
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.sub-menu li,
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.ub-menu li,
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul li,
    .sub-support-menu ul.sub-menu li,
    .sub-support-menu ul.ub-menu li,
    .sub-support-menu ul li {
        flex: 0 0 auto;
        white-space: nowrap;
    }
    
    /* Prevent spans from wrapping */
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.sub-menu li a span,
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.ub-menu li a span,
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul li a span,
    .sub-support-menu ul.sub-menu li a span,
    .sub-support-menu ul.ub-menu li a span,
    .sub-support-menu ul li a span {
        white-space: nowrap !important;
        display: inline-block;
    }
    
    /* Ensure links don't wrap */
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.sub-menu li a,
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul.ub-menu li a,
    header .desktop-navigation--main-nav .nav-bar > li.nav-item.dropdown > .dropdown-menu > ul.sub-menu li.sub-menu--inner .dropdown.sub-support-menu ul li a,
    .sub-support-menu ul.sub-menu li a,
    .sub-support-menu ul.ub-menu li a,
    .sub-support-menu ul li a {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}