/* VENTISETTE Catalog Menu 3 Colonne - TEST */

.vt-catalog-menu {
    display: none;
}

@media (min-width: 1200px) {
    .vt-catalog-menu.vt-catalog-ready {
        display: block;
        position: relative;
        margin-left: 30px;
        align-self: center;
        z-index: 100;
    }

    .vt-catalog-button {
        display: flex;
        align-items: center;
        gap: 9px;
        height: 48px;
        padding: 0 15px;
        background: #fff;
        border: 2px solid #e1261c;
        border-radius: 7px;
        color: #252525;
        font-family: inherit;
        font-size: 14px;
        font-weight: 700;
        white-space: nowrap;
        cursor: pointer;
    }

    .vt-catalog-button:hover {
        background: #fff6f5;
    }

    .vt-catalog-button .material-icons,
    .vt-catalog-chevron {
        color: #e1261c;
    }

    .vt-catalog-panel {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        display: flex;
        align-items: stretch;
        width: max-content;
        max-width: calc(100vw - 24px);
        max-height: min(70vh, 650px);
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        box-shadow: 0 12px 30px rgba(0,0,0,.16);
        overflow: hidden;
        z-index: 10000;
    }

    .vt-catalog-panel[hidden],
    .vt-catalog-column[hidden] {
        display: none !important;
    }

    .vt-catalog-column {
        width: 255px;
        flex: 0 0 255px;
        min-width: 0;
        max-height: min(70vh, 650px);
        padding: 8px;
        overflow-y: auto;
        scrollbar-width: thin;
        border-right: 1px solid #ededed;
    }

    .vt-catalog-column:last-child {
        border-right: 0;
    }

    .vt-catalog-heading {
        padding: 10px;
        font-size: 11px;
        font-weight: 700;
        color: #777;
        text-transform: uppercase;
    }

    .vt-catalog-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 11px 10px;
        border-radius: 5px;
        color: #303030 !important;
        font-size: 13px;
        line-height: 1.35;
        text-decoration: none !important;
    }

    .vt-catalog-row:hover,
    .vt-catalog-row.vt-active,
    .vt-catalog-row:focus-visible {
        color: #c91e16 !important;
        background: #fff0ee;
    }

    .vt-catalog-arrow {
        color: #e1261c;
        font-size: 19px;
    }

    /* Nasconde il menu desktop originale solo dopo
       che quello nuovo è stato inizializzato */
    body.vt-catalog-enabled
    .ps-mainmenu--desktop {
        display: none !important;
    }
}

@media (max-width: 1199.98px) {
    .vt-catalog-menu {
        display: none !important;
    }
}


/* VENTISETTE - ALLINEAMENTO HEADER E PAGINA CATEGORIA */
@media (min-width: 1200px) {
    .vt-catalog-menu.vt-catalog-ready {
        order: 1;
        flex: 0 0 auto;
        margin-left: 30px;
        margin-right: 24px;
        align-self: center;
    }

    #_desktop_ps_searchbar {
        order: 2;
        margin-left: auto;
    }

    body#category #left-column {
        display: none !important;
    }

    body#category #content-wrapper,
    body#category #content-wrapper.col-lg-9,
    body#category #content-wrapper.col-xl-9,
    body#category #content-wrapper.col-md-9 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}


/* VENTISETTE HEADER SINGLE ROW V1 */
@media (min-width: 1200px) {

    .header-bottom__row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        min-height: 80px;
    }

    .header-bottom__logo {
        flex: 0 0 auto !important;
        width: auto !important;
        margin-right: 35px !important;
    }

    .header-bottom__logo img {
        max-height: 65px;
        width: auto;
    }

    .vt-catalog-menu.vt-catalog-ready {
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        align-self: center !important;
        order: 1;
    }

    #_desktop_ps_searchbar {
        flex: 0 1 450px !important;
        width: 450px !important;
        max-width: 450px !important;
        min-width: 0 !important;
        margin-left: auto !important;
        align-self: center !important;
        order: 2;
    }

    .vt-catalog-button {
        transform: none !important;
        margin: 0 !important;
    }
}


/* VENTISETTE LOGO ALIGN FIX VM110 */
@media (min-width: 1200px) {
    .header-bottom__logo,
    .header-bottom__logo .header-bottom__h1,
    .header-bottom__logo a,
    .header-bottom__logo picture {
        display: flex !important;
        align-items: center !important;
        margin: 0 !important;
    }

    .header-bottom__logo img {
        display: block !important;
        max-height: 58px !important;
        width: auto !important;
        height: auto !important;
    }

    .header-bottom__row {
        align-items: center !important;
    }
}


/* VENTISETTE HEADER LOGO SPACING V2 */
@media (min-width: 1200px) {

    .header-bottom__row {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
    }

    .header-bottom__logo {
        flex: 0 0 auto !important;
        width: auto !important;
        margin-right: 36px !important;
    }

    .vt-catalog-menu.vt-catalog-ready {
        flex-shrink: 0 !important;
        margin-left: 0 !important;
        align-self: center !important;
    }

}


/* VENTISETTE LOGO CATALOG GAP V3 */
@media (min-width: 1200px) {
    .header-bottom__logo {
        min-width: 310px !important;
        flex: 0 0 310px !important;
        margin-right: 20px !important;
    }

    .vt-catalog-menu.vt-catalog-ready {
        margin-left: 0 !important;
    }
}