/* === MENU MATRIX – PRIMO LIVELLO INTATTO === */

/* Primo livello */
#ml-navigation-menu .nav > li {
    position: relative;
}

/* Secondo livello (submenu del primo livello) */
#ml-navigation-menu .nav > li > ul.mod-menu__sub {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 200px;
    border: 1px solid #ddd;
    z-index: 9999;
    padding: 5px 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Mostra secondo livello al passaggio (desktop) */
#ml-navigation-menu .nav > li:hover > ul.mod-menu__sub {
    opacity: 1;
    visibility: visible;
}

/* Terzo livello (submenu dei submenu) */
#ml-navigation-menu .nav > li > ul.mod-menu__sub li > ul.mod-menu__sub {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    position: absolute !important;
    top: 0 !important;
    left: 100% !important;
    background: #fff;
    min-width: 200px;
    border: 1px solid #ddd;
    z-index: 99999;
    padding: 5px 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* Mostra terzo livello al passaggio (desktop) */
#ml-navigation-menu .nav > li > ul.mod-menu__sub li:hover > ul.mod-menu__sub {
    opacity: 1;
    visibility: visible;
}

/* Evita che il testo vada a capo */
#ml-navigation-menu .mod-menu__sub li {
    white-space: nowrap !important;
}

/* Triangolino menu (solo deeper interni, non primo livello) */
#ml-navigation-menu .nav li > ul.mod-menu__sub li.deeper > a::before {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    float: none !important;
    content: "\f107";
}