/* =========================================================
   HEADER NAVIGATION
========================================================= */

.wd-dropdown-menu {
    margin-top: 0 !important;
}

/*
 * Menu Prodotti: mantiene stabile l'hover tra la colonna principale e
 * LINEA / ESIGENZE / CATEGORIE, allineando i pannelli al bordo superiore.
 */
#menu-item-30031 > .wd-dropdown-menu > .container.wd-entry-content > .wd-sub-menu > .menu-item-has-children {
    position: relative;
}

#menu-item-30031 > .wd-dropdown-menu > .container.wd-entry-content > .wd-sub-menu > .menu-item-has-children > .sub-sub-menu.wd-dropdown {
    left: 100%;
    margin-left: 20px !important;
    transition: none !important;
}

#menu-item-30031 > .wd-dropdown-menu > .container.wd-entry-content > .wd-sub-menu > .menu-item-has-children:nth-child(1) > .sub-sub-menu.wd-dropdown {
    top: -12px !important;
}

#menu-item-30031 > .wd-dropdown-menu > .container.wd-entry-content > .wd-sub-menu > .menu-item-has-children:nth-child(2) > .sub-sub-menu.wd-dropdown {
    top: calc(-100% - 12px) !important;
}

#menu-item-30031 > .wd-dropdown-menu > .container.wd-entry-content > .wd-sub-menu > .menu-item-has-children:nth-child(3) > .sub-sub-menu.wd-dropdown {
    top: calc(-200% - 12px) !important;
}

/*
 * Home: navigazione bianca sopra la hero. L'header sticky di WoodMart usa
 * il clone .whb-clone, che resta volutamente con i colori marroni del tema.
 */
@media (min-width: 1025px) {
    body.home .whb-main-header:not(.whb-clone):not(.whb-sticked) .wd-nav-header {
        --nav-color: #ffffff !important;
        --nav-color-hover: #ffffff !important;
        --nav-color-active: #ffffff !important;
        --nav-chevron-color: rgba(255, 255, 255, 0.75) !important;
    }

    body.home .whb-main-header:not(.whb-clone):not(.whb-sticked) .wd-nav-header > li > a,
    body.home .whb-main-header:not(.whb-clone):not(.whb-sticked) .wd-nav-header > li:hover > a,
    body.home .whb-main-header:not(.whb-clone):not(.whb-sticked) .wd-nav-header > li.current-menu-item > a,
    body.home .whb-main-header:not(.whb-clone):not(.whb-sticked) .wd-nav-header > li.current_page_item > a {
        color: #ffffff !important;
    }
}