/* Custom code goes here - paste your css code below in line 3 */


/* Visualizzazione lista prodotto --------------------------------------------*/

@media (min-width: 481px) {
    div#content-wrapper .product_show_list .products .product-miniature .product-right {
        float: left;
        width: 87%;
        text-align: left;
    }
}
@media (min-width: 481px) {
    div#content-wrapper .product_show_list .products .product-miniature .product-bottom {
        width: 15%;
    }
}

@media (min-width: 481px) {
    div#content-wrapper .product_show_list .products .product-miniature .product-description {
        float: left;
        width: 80%;
        padding: 10px 15px;
    }
}

@media (min-width: 481px) {
    div#content-wrapper .product_show_list .products .product-miniature .product-left {
        width: 13%;
    }
}

.pl-availability i { display: none; }

#product-availability .material-icons {
    display: none !important;
}

/* Disponibilità su miniatura prodotto----------------------------------------*/

.product-flag.out_of_stock {
  display: none;
}

/* modifica Quick-view  ------------------------------------------------------*/
.quickview_more, a.lnk_view {
    display: none!important;
}



/* Mod. login */
.no-account {
    font-size: 18px!important;
}

.sgs-registration .cmslogin {
    display: none;
}

.sgs-login .cmsregistration {
    display: none;
}

/* mod. creazione account */

.sgs-bold {
    font-size: 18px;   
}

/* Campi aggiuntivi ---------------------------------------------------------*/

#registration_fields {
    border: 1px solid #c4c4c4!Important;
    padding: 20px;
}

/* disabilita produttore */
.product-manufacturer {
    display: none;
}

.product-manufacturer {
    display: none;
}
.pl_manufacturer {
     display: none!important;
}

/* ridefinizione pulsante anteprima/quickview nelle minature prodotto --------*/
.button.btn.btn-secondary.quick-view {
        padding: 5px 34px 1px 34px;
}

/* ------------------- ADVANCED SEARCH      --------------------------------- */
.PM_ASCriterionsGroupList {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

/* Primo livello
/* Nasconde il link "Salta questo passaggio" in Advanced Search */
.PM_ASSkipGroup {
    display: none !important;
}


/* Nasconde il valore nullo dai menu a tendina nativi (Modello, Settori) */
select.PM_ASCriterionGroupSelect option[value=""] {
    display: none !important;
}

/* Nasconde il valore nullo dai menu a tendina JS Selectize (Marca) */
.selectize-dropdown-content .option[data-value=""],
.selectize-dropdown-content div[data-value=""] {
    display: none !important;
}

/* =========================================================
   Blocco3: 1째 LIVELLO: IMMAGINI ORIZZONTALI 
   ========================================================= */
   
/* Centra e posiziona il testo sotto le immagini del filtro Advanced Search */
.hide-category-name span.pm-as-category-name {
    display: none;
}

.hide-category-name img {
    width: 98px;
    height: auto;
}

.PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup.hide-category-name {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px!important;
}

/* =========================================================
   Blocco3: 2째 LIVELLO: IMMAGINI ORIZZONTALI + TESTO SOTTO
   ========================================================= */

/* Trasforma la lista (ul) in una griglia flessibile orizzontale */
.show-category-name ul.PM_ASCriterionGroupImage {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important; /* Distanza tra le categorie */
    justify-content: flex-start !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Imposta la dimensione fissa per ogni singolo elemento (li)
.show-category-name ul.PM_ASCriterionGroupImage li {
    display: flex !important;
    width: 150px !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
    border: none !important;
}

 */
 
/* Incolonna verticalmente l'immagine (sopra) e il testo (sotto) dentro il link (a) */
.show-category-name a.PM_ASCriterionLink {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;    /* Centra orizzontalmente */
    justify-content: flex-start !important;
    text-align: center !important;
    width: 100% !important;
    padding: 5px !important;
    text-decoration: none !important;
    white-space: normal !important; /* Forza il testo ad andare a capo se lungo */
}

/* Gestione dell'immagine */
.show-category-name a.PM_ASCriterionLink img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 8px 0 !important; /* Spazio vuoto solo sotto l'immagine */
}

/* Gestione del testo */
.show-category-name .pm-as-category-name {
    display: block !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    word-break: break-word !important;
    color: #333 !important;
    width: 100% !important;
}

.PM_ASBlockOutputHorizontal .PM_ASCriterionsGroup.show-category-name {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px!important;
}

/* BLOCCO 2: creazione icone per link alle categorie */
.sgsas4-categories-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: 100%;
    padding: 5px 0;
}

.sgsas4-category-item {
    width: max-content; 
}

/* Modifica strutturale per garantire l'incolonnamento */
.sgsas4-category-item a {
    display: block; /* Forza l'elemento a comportarsi come un blocco */
    text-align: center;
    text-decoration: none;
    color: #333;
}

.sgsas4-category-item img {
    display: block; /* Manda a capo l'elemento successivo */
    margin: 0 auto; /* Centra l'immagine */
    width: 98px;
    height: 98px;
    object-fit: cover;
    border: none; 
    border-radius: 4px;
    max-width: 100%;
}

.sgsas4-category-item span {
    display: block; /* Si posiziona tassativamente sotto l'immagine */
    margin-top: 10px;
    font-family: inherit;
    font-size: 18px; 
    font-weight: 700; 
    white-space: nowrap; 
}

.sgsas4-category-item a:hover {
    opacity: 0.8;
}

@media (max-width: 360px) {
    .sgsas4-categories-container {
        justify-content: center;
        gap: 15px;
    }
}

/* Css per visualizzare immagini nel motore degli Accessori nella barra lateale */

/* Forza la griglia a 3 colonne sul contenitore UL */
#PM_ASCriterionsGroup_5_4 .PM_ASCriterionGroupImage {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 5px !important;
	padding: 10px 0 !important;
	margin: 0 !important;
}



/* Forza l'incolonnamento verticale tra Immagine e Testo dentro il link */
#PM_ASCriterionsGroup_5_4 .PM_ASCriterionLink {
	display: flex !important;
	flex-direction: column !important; /* Questa regola porta il testo sotto l'immagine */
	align-items: center !important;
	justify-content: flex-start !important;
	text-align: center !important;
	text-decoration: none !important;
	background: none !important;
	border: none !important;
	padding: 2px !important;
	height: 100% !important;
	width: 100% !important;
}

/* Gestione fluida dell'immagine */
#PM_ASCriterionsGroup_5_4 .PM_ASCriterionLink img {
	width: 100% !important;
	max-width: 98px !important;
	height: auto !important;
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	border-radius: 4px !important;
	margin: 0 auto 5px auto !important; /* Margine inferiore per distanziare il testo */
	border: none !important;
	display: block !important;
}

/* Gestione sicura del testo */
#PM_ASCriterionsGroup_5_4 .pm-as-category-name {
	display: block !important; /* Forza tassativamente il testo ad andare a capo */
	width: 100% !important;
	margin: 0 !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	color: #333 !important;
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	hyphens: auto !important;
	white-space: normal !important; /* Annulla eventuali divieti di andare a capo del tema */
}

/* background style */
#PM_ASBlockContent_3 .PM_ASCriterionsGroupList.row, #PM_ASBlockContent_5 .PM_ASCriterionsGroupList,#PM_ASBlockContent_9 .PM_ASCriterionsGroupList, #PM_ASBlockContent_13 .PM_ASCriterionsGroupList  {
    background: #3a3d80;
}

#PM_ASBlockContent_3 .PM_ASCriterionsGroupName, #PM_ASBlockContent_5 .PM_ASCriterionsGroupName,#PM_ASBlockContent_9 .PM_ASCriterionsGroupName, #PM_ASBlockContent_13 .PM_ASCriterionsGroupName {
    color: white;
}

#PM_ASBlockContent_3 .PM_ASLabelLink, #PM_ASBlockContent_5 .PM_ASLabelLink,#PM_ASBlockContent_9 .PM_ASLabelLink, #PM_ASBlockContent_5 .PM_ASLabelLink,  #PM_ASBlockContent_13 .PM_ASLabelLink  {
    color: white;
}

#PM_ASBlockContent_3 .PM_ASResetGroup, #PM_ASBlockContent_5 .PM_ASResetGroup, #PM_ASBlockContent_9 .PM_ASResetGroup,  #PM_ASBlockContent_13 .PM_ASResetGroup {
    color: white;
}

/* Layout del pulsante/link */
.sgsblocco-link {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    align-items: center !important;
    height: 100% !important;
    padding: 0 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

/* Contenitore dell'immagine */
.sgsblocco-img-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100px !important; /* Regolabile in base all'altezza desiderata */
    padding: 8px !important;
    box-sizing: border-box !important;
}

.sgsblocco-img-box img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* Nome della categoria e linea di separazione ------------------------------*/
.sgsblocco-name {
    display: block !important;
    width: 100% !important;
    padding: 6px 4px !important;
    border-top: 1px solid #b82329 !important; /* Linea rossa (sostituibile con altro colore es. #d1d1d1) */
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #333333 !important;
    line-height: 1.2 !important;
    box-sizing: border-box !important;
}

/* Background bianco per gli elementi li con struttura sgsblocco */
ul.PM_ASCriterionGroupImage li:has(.sgsblocco-link) {
    background-color: #ffffff !important;
}

/* Specificità elevata per forzare massimo 2 righe con tre punti (...) */
/* 1. Forza un'altezza totale RIGIDA ed IDENTICA per tutti i link */
ul.PM_ASCriterionGroupImage li a.sgsblocco-link {
    display: block !important;
    width: 100% !important;
    height: 130px !important; /* Tutti i box avranno esattamente 130px */
    max-height: 130px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}

/* 2. Area Immagine fissa (90px) */
ul.PM_ASCriterionGroupImage li a.sgsblocco-link .sgsblocco-img-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 90px !important;
    padding: 5px !important;
    box-sizing: border-box !important;
}

ul.PM_ASCriterionGroupImage li a.sgsblocco-link .sgsblocco-img-box img {
        display: block !important;
    object-position: center !important;
    margin: auto !important;
max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* 3. Area Testo fissa (40px) per 2 righe con taglio invisibile */
ul.PM_ASCriterionGroupImage li a.sgsblocco-link .sgsblocco-name {
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    width: 100% !important;
    height: 40px !important; /* Riserva lo spazio preciso per 2 righe */
    max-height: 40px !important;
    overflow: hidden !important;
    
    padding: 2px 2px 0 2px !important;
    border-top: 1px solid #b82329 !important;
    text-align: center !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #333333 !important;
    line-height: 10px !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
}

/* Allineamento uniforme delle schede veicolo */
ul.PM_ASCriterionGroupImage > li {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
    flex: 0 0 112px !important;
}

/* MINIATURE PRODOTTI - RIDUZIONE */

@media (min-width: 992px) {
    .pl_1col_qty_6 .col-md-12 .products .product-miniature {
        width: 12.5% !important;
    }
}

/* DARIP - ICONE GRAFICHE STATO DISPONIBILITA' MINIATURA V2 */
.pl-availability { display:inline-flex !important; align-items:center !important; justify-content:center; gap:7px !important; }
.pl-availability .darip-status-icon { display:inline-flex !important; width:20px !important; height:20px !important; flex:0 0 20px !important; align-items:center !important; justify-content:center !important; }
.pl-availability .darip-status-icon svg { display:block !important; width:20px !important; height:20px !important; overflow:visible !important; }
.darip-status-icon svg circle:first-child { fill:#fff; stroke-width:1.8; }
.darip-status-ready svg circle:first-child { stroke:#18a83b; }
.darip-status-ready svg path { fill:none; stroke:#18a83b; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.darip-status-arriving svg circle:first-child { stroke:#ff8500; }
.darip-status-arriving svg path { fill:none; stroke:#ff8500; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
.darip-status-24h svg circle:first-child { stroke:#1976c9; }
.darip-status-24h svg path, .darip-status-24h svg circle:not(:first-child) { fill:none; stroke:#1976c9; stroke-width:1.55; stroke-linecap:round; stroke-linejoin:round; }
.darip-status-unavailable svg circle:first-child { stroke:#e6292f; }
.darip-status-unavailable svg path { fill:none; stroke:#e6292f; stroke-width:2.3; stroke-linecap:round; }
.darip-status-preorder svg circle:first-child { stroke:#587086; }
.darip-status-preorder svg path { fill:none; stroke:#587086; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.darip-status-request svg circle:first-child { stroke:#f0a000; }
.darip-status-request svg path { fill:none; stroke:#f0a000; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.darip-status-request svg circle:not(:first-child) { fill:#f0a000; stroke:none; }
.pl-availability .darip-status-text { line-height:20px !important; }

/* DARIP - RIFINITURA ICONE DISPONIBILITA' V3 */
.pl-availability {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    max-width: 100% !important;
}
.pl-availability .darip-status-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
}
.pl-availability .darip-status-icon svg {
    width: 22px !important;
    height: 22px !important;
}
.pl-availability .darip-status-text {
    line-height: 1.25 !important;
}
/* Il camion ha piu' dettagli: leggermente piu' grande per leggibilita' */
.pl-availability .darip-status-24h {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
}
.pl-availability .darip-status-24h svg {
    width: 24px !important;
    height: 24px !important;
}
.darip-status-24h svg path,
.darip-status-24h svg circle:not(:first-child) {
    stroke-width: 1.8 !important;
}

/* ========================================================================
   DARIP - DISPONIBILITA' V5 DEFINITIVA
   Icone a colori + Miniatura + Quick View + Desktop/Tablet/Smartphone
   ======================================================================== */

/* MINIATURA */
.pl-availability {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    max-width: 100% !important;
    vertical-align: middle !important;
}
.darip-v5-icon {
    display: inline-flex !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
}
.darip-v5-icon svg {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
}
.darip-v5-24h {
    width: 26px !important;
    flex-basis: 26px !important;
}
.darip-v5-request {
    width: 23px !important;
    height: 23px !important;
    flex-basis: 23px !important;
}
.darip-v5-text {
    display: inline-block !important;
    line-height: 1.22 !important;
    vertical-align: middle !important;
}

/* QUICK VIEW / ANTEPRIMA */
#product-availability.darip-qv-availability {
    display: block !important;
    width: 100% !important;
}
#product-availability .darip-qv-status {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: 100% !important;
}
#product-availability .darip-qv-status .darip-v5-icon {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 28px !important;
}
#product-availability .darip-qv-status .darip-v5-24h {
    width: 34px !important;
    flex-basis: 34px !important;
}
#product-availability .darip-qv-status .darip-v5-request {
    width: 29px !important;
    height: 29px !important;
    flex-basis: 29px !important;
}
#product-availability .darip-qv-status .darip-v5-text {
    line-height: 1.25 !important;
}
#product-availability .product_availability_stock {
    margin-top: 5px !important;
}

/* TABLET */
@media (min-width: 768px) and (max-width: 991px) {
    .pl-availability {
        gap: 6px !important;
    }
    .darip-v5-icon {
        width: 21px !important;
        height: 21px !important;
        flex-basis: 21px !important;
    }
    .darip-v5-24h {
        width: 25px !important;
        flex-basis: 25px !important;
    }
    #product-availability .darip-qv-status .darip-v5-icon {
        width: 26px !important;
        height: 26px !important;
        flex-basis: 26px !important;
    }
    #product-availability .darip-qv-status .darip-v5-24h {
        width: 31px !important;
        flex-basis: 31px !important;
    }
}

/* SMARTPHONE */
@media (max-width: 767px) {
    .pl-availability {
        gap: 5px !important;
        align-items: center !important;
    }
    .darip-v5-icon {
        width: 19px !important;
        height: 19px !important;
        flex-basis: 19px !important;
    }
    .darip-v5-24h {
        width: 23px !important;
        flex-basis: 23px !important;
    }
    .darip-v5-request {
        width: 20px !important;
        height: 20px !important;
        flex-basis: 20px !important;
    }
    .darip-v5-text {
        line-height: 1.18 !important;
    }

    #product-availability .darip-qv-status {
        gap: 8px !important;
        align-items: center !important;
    }
    #product-availability .darip-qv-status .darip-v5-icon {
        width: 23px !important;
        height: 23px !important;
        flex-basis: 23px !important;
    }
    #product-availability .darip-qv-status .darip-v5-24h {
        width: 28px !important;
        flex-basis: 28px !important;
    }
    #product-availability .darip-qv-status .darip-v5-request {
        width: 24px !important;
        height: 24px !important;
        flex-basis: 24px !important;
    }
}

/* Telefoni molto stretti */
@media (max-width: 380px) {
    .darip-v5-icon {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px !important;
    }
    .darip-v5-24h {
        width: 22px !important;
        flex-basis: 22px !important;
    }
}