/* ------------------------------------- */
/* MEGA MENU – BASE */
/* ------------------------------------- */
/* Mega dropdown: il li padre occupa tutta la larghezza */
.navbar-nav > .mega-dropdown {
    position: static;
}

/* Reset ombre + larghezza piena */
.mega-dropdown-menu {
    box-shadow: none;
    padding: 20px 30px;
    width: 100%;
    left: 0;
    right: 0;
}

/* Quando il dropdown è aperto → mostra colonne affiancate */
.open > .mega-dropdown-menu.row {
    display: flex;
    flex-wrap: nowrap;
}

/* Ogni colonna occupa lo stesso spazio */
.mega-dropdown-menu .mega-section {
    flex: 1 1 0;
    max-width: 20%;

    /* 5 colonne uguali */
}

/* Titoli delle sezioni */
.mega-dropdown-menu h4 {
    margin-top: 0;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}

/* Liste interne */
.mega-dropdown-menu ul {
    padding-left: 0;
}

.mega-dropdown-menu ul li a {
    display: block;
    padding: 3px 0;
    font-size: 17px;
    font-weight: normal;
}

/* Spazio tra icona e testo */
.navbar-nav > li > a > i,

.mega-dropdown-menu h4 > i {
    margin-right: 5px;
}

/* ------------------------------------- */
/* MOBILE */
/* ------------------------------------- */
@media (max-width: 767px) {
    /* In mobile le colonne si impilano */
    .open > .mega-dropdown-menu.row {
        display: block;
    }

    .mega-dropdown-menu .mega-section {
        max-width: 100%;
    }

    .mega-dropdown-menu {
        padding: 10px 15px;
    }

    /* Titoli cliccabili (fisarmonica) */
    .mega-dropdown-menu h4 {
        cursor: pointer;
        position: relative;
        padding-right: 15px;
    }

    .mega-dropdown-menu h4::after {
        content: "\f107";

        /* icona FontAwesome freccia */
        font-family: "FontAwesome";
        position: absolute;
        right: 0;
        top: 0;
    }

    /* Liste chiuse */
    .mega-section-collapsed ul {
        display: none;
    }
}

/* -------------------------------
   LIVELLO 1 (navbar principale)
-------------------------------- */
.menu-l1 > a,

.menu-l1-link {
    font-size: 15px;
    font-weight: 600;
    padding: 15px 18px;
    color: #333;
}

.menu-l1-link:hover {
    color: #111;
    background: #f5f5f5;
}

/* -------------------------------
   LIVELLO 2 (dropdown Collezioni)
-------------------------------- */
.menu-l2-link {
    font-size: 14px;
    padding: 8px 15px;
    display: block;
}

.menu-l2-link:hover {
    background: #eee;
}

/* ---------------------------------
   MEGA MENU – TITOLI DI COLONNA
---------------------------------- */
.menu-mega-title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
    height: 30px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

/* ---------------------------------
   MEGA MENU – VOCI DI COLONNA
---------------------------------- */
.menu-mega-item {
    font-size: 13px;
    padding: 5px 0;
    display: block;
    color: #333;
}

.menu-mega-item:hover {
    color: #000;
    text-decoration: underline;
}

/* -------------------------------
   ICONCINE
-------------------------------- */
.menu-icon {
    margin-right: 6px;
    opacity: 0.8;
}

.menu-icon:hover {
    opacity: 1;
}

/* ------------------------------------------
   MEGA-MENU STANDALONE (fuori dalla navbar)
   Mantiene 5 colonne ovunque venga inserito
------------------------------------------- */
.mega-standalone {
    display: flex !important;
    flex-wrap: nowrap;
    width: 100%;
    padding: 20px 30px;
}

.mega-standalone .mega-section {
    flex: 1 1 0;
    max-width: 20%;
}

/* Mobile: impila le colonne */
@media (max-width: 767px) {
    .mega-standalone {
        display: block !important;
    }

    .mega-standalone .mega-section {
        max-width: 100%;
        margin-bottom: 20px;
    }
}

/* Indentazione sottovoci del mega-menù */
.menu-mega-item {
    padding-left: 30px !important;

    /* indentazione */
    display: block;
}