/* Sottomenu a colonne per categoria (es. SHOP > SIGNATURE > Indigo) e voce corrente.
   Markup: resources/views/_shared_layouts/_menu-desktop-sub.blade.php e _menu-mobile-sub.blade.php.
   Caricato sia dalle pagine CMS (_shared-head-css) sia dallo store (_store-head). */

/* ---------------- Desktop ---------------- */
.nav-menu .menu > li > ul .submenu-container .submenu-links.submenu-columns {
    /* le colonne occupano solo lo spazio che serve: l'immagine resta accanto, non in fondo a destra */
    flex: 0 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 70px;
    width: auto;
}
.nav-menu .submenu-links.submenu-columns .submenu-column {
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-width: 0;
}
.nav-menu .submenu-links.submenu-columns .submenu-column-title {
    display: block;
    color: #17243E;
    font-size: 18px;
    text-transform: uppercase;
    white-space: nowrap;
    margin-bottom: 5px;
}

/* ---------------- Mobile ---------------- */
.menu-mobile .menu.sub.sub-columns {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 15px;
}
.menu-mobile .menu.sub.sub-columns li.submenu-column {
    padding-left: 0;
    margin-top: 10px;
}
.menu-mobile .menu.sub.sub-columns .submenu-column-links {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.menu-mobile .menu.sub.sub-columns .submenu-column-links li {
    padding-left: 0;
    margin-top: 10px;
}
#overlay .menu-mobile .menu.sub.sub-columns .submenu-column-links li a {
    /* "#overlay .menu-item.children a" aggiunge 15px sotto ogni link: nelle colonne
       distanzierebbe troppo le righe */
    margin-bottom: 0;
}
.menu-mobile .menu.sub.sub-columns .submenu-column-title {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    color: #17243E;
}
@media screen and (max-width: 360px) {
    .menu-mobile .menu.sub.sub-columns {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ---------------- Voce della pagina corrente ---------------- */
.nav-menu .menu > li > a.current,
.nav-menu .menu > li ul li.current > a,
.menu-mobile .menu.sub li.current > a,
/* #overlay: nel menu mobile "#overlay .no-link" toglie la sottolineatura alle voci principali */
#overlay .menu-mobile .menu-item.parent > a.current {
    text-decoration: underline;
}