/**
 * EZ Prodotti — gerarchia submenu (menu desktop + mobile JKit).
 *
 * Genitori e voce Prodotti: click sul testo naviga, icona apre il sottomenu.
 * Mobile (≤ 1024px): bande di sfondo, bordo sinistro, tipografia e indentazione.
 * Desktop: flip a sinistra dei flyout nested se escono dal viewport.
 */

.jkit-menu-wrapper .menu-item.ez-lemi-menu-trigger > a {
    cursor: default;
}

.jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti:not(.ez-lemi-menu-trigger) > a,
.jkit-menu-wrapper .menu-item.ez-lemi-menu-parent > a {
    cursor: pointer;
}

.jkit-menu-wrapper .menu-item.ez-lemi-menu-mode-trigger .ez-lemi-menu-parent > a {
    cursor: default;
}

@media (min-width: 1025px) {
    /*
     * JKit posiziona i nested con left:100%. Se non c’è spazio a destra,
     * JS aggiunge .ez-lemi-submenu-flip e apriamo a sinistra.
     */
    .jkit-menu-wrapper .menu-item.ez-lemi-submenu-flip > .sub-menu {
        left: auto !important;
        right: 100% !important;
    }
}

@media (max-width: 1024px) {
    .jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti {
        --ez-lemi-nav-indent: 2rem;
        --ez-lemi-nav-bg-1: #ffffff;
        --ez-lemi-nav-bg-2: #f3f4fb;
        --ez-lemi-nav-bg-3: #eef1f8;
        --ez-lemi-nav-primary: var(--e-global-color-primary, #0e3c87);
        --ez-lemi-nav-text: var(--e-global-color-text, #535866);
    }

    /*
     * Bande di sfondo per livello (JKit imposta background:none sui sub-menu mobile).
     */
    .jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti > .sub-menu {
        background-color: var(--ez-lemi-nav-bg-1) !important;
        border-left: 3px solid var(--ez-lemi-nav-primary);
    }

    .jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti > .sub-menu > .menu-item > .sub-menu {
        background-color: var(--ez-lemi-nav-bg-2) !important;
        border-left: 3px solid rgba(14, 60, 135, 0.45);
    }

    .jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti > .sub-menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
        background-color: var(--ez-lemi-nav-bg-3) !important;
        border-left: 3px solid rgba(14, 60, 135, 0.25);
    }

    /*
     * Indentazione progressiva sui link.
     */
    .jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti > .sub-menu > .menu-item > a {
        padding-left: calc(15px + var(--ez-lemi-nav-indent));
    }

    .jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti > .sub-menu > .menu-item > .sub-menu > .menu-item > a {
        padding-left: calc(15px + var(--ez-lemi-nav-indent) * 2);
    }

    .jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti > .sub-menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a {
        padding-left: calc(15px + var(--ez-lemi-nav-indent) * 2.75);
    }

    /*
     * Tipografia: genitori (aprono sottomenu) vs foglie (link diretto).
     */
    .jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti .ez-lemi-menu-parent > a {
        font-weight: 600;
        color: var(--ez-lemi-nav-primary);
    }

    .jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti .ez-lemi-menu-leaf > a {
        font-weight: 400;
        color: var(--ez-lemi-nav-text);
    }

    .jkit-menu-wrapper .menu-item.ez-lemi-menu-prodotti .ez-lemi-menu-leaf.current-menu-item > a {
        color: var(--ez-lemi-nav-primary);
        font-weight: 600;
    }
}