/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/*================================================*/
/*MAIN MENU*/
/*================================================*/

/* 1. Riduciamo il padding del contenitore interno dell'header */
.inside-header {
    padding-top: 25px !important; 
    padding-bottom: 6px !important;
}
/* 2. Aggiorniamo l'header in modo che si blocchi SUBITO SOTTO al top menu */
/* NOTA: Devi sostituire "40px" con l'altezza reale in pixel del tuo top menu */
.site-header {
	font-family: 'Poppins', sans-serif !important;
    position: sticky;
    top: 0px; 
    z-index: 9998;
    background-color: #ffffff;
    /*box-shadow: 0 4px 10px rgba(0,0,0,0.05);*/
}

/*---------*/
/* TOP BAR */
/*---------*/

/* =============================================== */
/* WIDGET HEADER							       */
/* =============================================== */
/* 1. Riduciamo drasticamente il padding verticale e impostiamo l'effetto sticky sul widget header */
/*.site-header .widget-area .widget,*/
.inside-header .widget {
    /*position: sticky;
    top: 0px;
    z-index: 9999;*/
    /* border-bottom: 1px solid #e0e0e0;*/
    /*background-color: #f0f0f0 !important;*/
    /*padding: 1px 0 !important;*/
    font-family: 'Poppins', sans-serif;
	font-size:12px
}

/* 2. Azzeriamo qualsiasi spaziatura interna o esterna ereditata dai widget di WordPress */
.site-header .widget p,
.site-header .widget .widget_block,
.inside-header .widget {
    margin: 0 !important;
    padding: 2px !important;
    line-height: 1 !important;
}

/* 3 Allineamento forzato a sinistra per .custom-top-bar e i suoi elementi */
.custom-top-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    gap: 12px;
}

/* Stile unificato per i link/bottoni della barra superiore nel widget */
.site-header .widget a.top-bar-link,
.inside-header a.top-bar-link {
	font-size: 13px !important;
	color: #0071e3 !important; /* #8A2BE2 - violetto */
    text-decoration: none !important;
    border: 1px solid #0071e3 !important; /* #8A2BE2 - violetto */
    background-color: transparent !important;
    padding: 2px 10px !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    /* display: inline-block !important; */
	display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
}

/* Effetto HOVER sul bottone */
.site-header .widget a.top-bar-link:hover,
.inside-header a.top-bar-link:hover {
    background-color: #F7F8F9 !important;
    color: #0065cc !important;
    border: 2px solid #0071e3 !important;
    text-decoration: none !important;
}

/* Animazione icona SVG al passaggio del mouse */
.custom-top-bar .top-bar-link svg {
    transition: transform 0.2s ease;
}

.custom-top-bar .top-bar-link:hover svg {
    transform: scale(1.1);
}

/* Gestione del badge del carrello */
.cart-link-container {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.cart-badge {
    position: absolute;
    top: -8px;
    right: -10px;
    background-color: #d9534f;
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    padding: 3px 5px;
    border-radius: 50px;
    min-width: 16px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/*======================================*/
/* NAV MENU								*/
/*======================================*/

.main-navigation {
    font-family: 'Poppins', sans-serif;
	position: sticky;
	top: 85px;
	z-index: 9999;
}
/*======================================*/
/* MEDIA QUEURY 768 PX */
/*======================================*/
@media screen and (max-width: 768px) {

    /* 1. Nascondiamo l'header standard desktop */
    .site-header {
        display: none !important;
    }

    /* 2. Barra principale sticky */
    .main-navigation {
        position: sticky !important;
        top: 0 !important;
        z-index: 9999 !important;
        background-color: #ffffff !important;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
    }

    /* 3. Contenitore flexbox */
    .main-navigation .inside-navigation {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 5px 15px !important;
    }

    /* 4. Tasto Hamburger (A SINISTRA) */
    .main-navigation .menu-toggle {
        order: 1 !important;
        margin: 0 !important;
        padding: 8px 0 !important;
        background: transparent !important;
        color: #333333 !important;
        font-family: 'Poppins', sans-serif !important;
        font-weight: 600 !important;
        font-size: 15px !important;
        width: auto !important;
    }

    /* 5. Logo Personalizzato (AL CENTRO RIGA 1) */
    .main-navigation .mobile-nav-logo {
        order: 2 !important;
        display: block !important;
        text-align: center !important;
    }

    .main-navigation .mobile-nav-logo img {
        max-height: 35px !important; /* Regola l'altezza massima del logo */
        width: auto !important;
        display: block !important;
    }

    /* 6. Tasto Cerca (A DESTRA RIGA 1) */
    .main-navigation .menu-bar-items {
        order: 3 !important;
        margin-left: 0 !important;
    }

    /* 7. Bottoni Custom (RIGA 2 CENTRATA) */
    .main-navigation .custom-top-bar {
        order: 4 !important;
        flex-basis: 100% !important;
        justify-content: center !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin: 0 !important;
    }

    /* 8. Menu a tendina che si espande */
    .main-navigation .main-nav {
        order: 5 !important;
        flex-basis: 100% !important;
    }
	
/*================================================*/
/* STILE BOTTONI CUSTOM TOP NELLA NAVIGAZIONE MOBILE  */
/*================================================*/

/* 1. Contenitore dei bottoni */
.main-navigation .custom-top-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

/* 2. Stile unificato per i bottoni (Contatti, Shop, Accedi) */
.main-navigation .custom-top-bar a.top-bar-link {
	font-family: 'Poppins', sans-serif !important;
    font-size: 12px !important;
    color: #0071e3 !important;
    text-decoration: none !important;
    border: 1px solid #0071e3 !important;
    background-color: transparent !important;
    padding: 2px 10px !important;
    border-radius: 10px !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.2 !important;
}

/* 3. Effetto HOVER sui bottoni */
.main-navigation .custom-top-bar a.top-bar-link:hover {
    background-color: #F7F8F9 !important;
    color: #0065cc !important;
    border: 2px solid #0071e3 !important;
    text-decoration: none !important;
}

/* 4. Gestione Icona SVG ed Effetto Scale su Hover */
.main-navigation .custom-top-bar .top-bar-link svg {
    transition: transform 0.2s ease !important;
    fill: currentColor !important;
}

.main-navigation .custom-top-bar .top-bar-link:hover svg {
    transform: scale(1.1) !important;
}

/* 5. Badge del Carrello Rosso */
.main-navigation .custom-top-bar .cart-link-container {
    position: relative !important;
}

.main-navigation .custom-top-bar .cart-badge {
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    background-color: #d9534f !important;
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: bold !important;
    line-height: 1 !important;
    padding: 3px 5px !important;
    border-radius: 50px !important;
    min-width: 16px !important;
    text-align: center !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
}

}

/* Nascondiamo il logo mobile su desktop per non duplicare la visualizzazione */
@media screen and (min-width: 769px) {
    .mobile-nav-logo {
        display: none !important;
    }
/*nascondiamo la CUSTOM TOP-BAR su versione desktop per non duplicare la visualizzazione */	
	.main-navigation .custom-top-bar {
        display: none !important;
    }
}


/*================================================*/
/* FINE MODIFICHE MEDIA QUERY 768PX */
/*================================================*/



/*----------------*/
/* CALL TO ACTION */
/*----------------*/

/* Bottone CALL TO ACTION home page */
.wp-block-button.btn-cta .wp-block-button__link{
    display: inline-block;
    background-color: #32373c; /* Colore di sfondo background-color: #1a83b8 !important;*/
    color: #ffffff !important; /* Colore del testo */
    padding: 10px 20px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s ease;
}
.wp-block-button.btn-cta .wp-block-button__link:hover {
    background-color: #1a83b8; /* Colore al passaggio del mouse per bottone CALL TO ACTION*/
}
/* END CALL TO ACTION */

/*------------*/
/* TIPOGRAFIA */
/*------------*/

/* Riduce il margine inferiore del titolo h1,h2,h3,p */
h1.margine-stretto, 
h2.margine-stretto, 
h3.margine-stretto,
p.margine-stretto
{
    margin-bottom: 5px !important;
}

/* Rimuove eventuale spazio superiore dal paragrafo subito successivo */
.margine-stretto + p {
    margin-top: 0px !important;
}

/* Riduce il margine inferiore del titolo h4 */
h4.margine-stretto {
    margin-bottom: 2px !important;
}
.margine-stretto +p {margin-top: 0px !important;
}
/* Classe per testo giustificato */
.testo-giustificato {
    text-align: justify;
}

/* Evidenziatore compatto personalizzato solo per il testo desiderato */
.evidenziato-compatto {
    background-color: #f0f0f0; /* Cambia il colore HEX a tua scelta */
    padding: 20px !important;
    border-radius: 5px; /* Opzionale: arrotonda leggermente gli angoli */
	display: inline-block;
    margin-top: 15px; /* Regola questo valore per aumentare o diminuire la distanza dal blocco sopra */
}

/* Classe per controllare lo sfondo e le sue dimensioni sull'H4 */
.sfondo-h4-personalizzato {
    background-color: #f0f0f0; /* Cambia il colore di sfondo qui */
    padding-top: 20px !important;    /* Controllo spessore SUPERIORE dello sfondo */
    padding-bottom: 20px !important; /* Controllo spessore INFERIORE dello sfondo */
    padding-left: 12px;             /* Spazio laterale sinistro */
    padding-right: 12px;            /* Spazio laterale destro */
    margin-top: 15px !important;    /* Distanza dal blocco sopra */
    margin-bottom: 15px !important; /* Distanza dal blocco sotto */
    border-radius: 4px;             /* Opzionale: angoli leggermente arrotondati */
}

/* ==========================================
   CLASSE PERSONALIZZATA: Titolo Stile Bottone
   Applicabile a qualsiasi H2 o Blocco Widget
   ========================================== */
h2.titolo-widget-btn,
.titolo-widget-btn {
    font-family: 'Poppins', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #333333 !important;
    background-color: #f0f0f0 !important;
    border: 1.5px solid #dcdcdc !important;
    border-radius: 20px !important;     /* Angoli arrotondati a pillola */
    padding: 10px 16px !important;      /* Spaziatura interna */
    display: block !important;           /* Occupa l'intera larghezza del widget */
    width: 100% !important;
    text-align: center !important;       /* Testo perfettamente al centro */
    box-sizing: border-box !important;  /* Evita che il border/padding faccia uscire l'elemento dal contenitore */
    margin-top: 0 !important;
    margin-bottom: 15px !important;     /* Distanza dai filtri o contenuti sottostanti */
    line-height: 1.3 !important;
}
/* ==========================================
   CARDS DINAMICHE PER HOME PAGE PRODOTTI CATEGORIE : STILE PROMO CARD DECATHLON
   ========================================== */

/* 1. Layout a Colonne Flessibile */
.wp-block-columns.cards-dinamiche {
    display: flex !important;
    gap: 20px !important;
    align-items: stretch !important;
}

/* 2. Trasforma ciascuna colonna in un contenitore relativo unico */
.wp-block-columns.cards-dinamiche > .wp-block-column {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    background-color: #f9f9f9 !important; /* Colore di sfondo della card */
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid #e5e5e5 !important;
    box-sizing: border-box !important;
}

/* 3. Titolo in alto integrato nella card */
.wp-block-columns.cards-dinamiche h4.wp-block-heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(14px, 1.2vw, 18px) !important;
    margin: 0 !important;
    padding: 12px 10px !important;
    text-align: center !important;
    background-color: #ffffff !important;
    z-index: 2;
}

/* 4. CONTENITORE IMMAGINE FLUIDO (Aspect Ratio 16:9 proporzionale come Decathlon) */
.wp-block-columns.cards-dinamiche figure.wp-block-image {
    margin: 0 !important;
    width: 100% !important;
    aspect-ratio: 16 / 9 !important; /* Proporzione fissa: tutte le immagini scalano insieme */
    overflow: hidden !important;
    position: relative !important;
}

.wp-block-columns.cards-dinamiche figure.wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

/* 5. SEZIONE BOTTONE CTA INTEGRATA IN BASSO */
.wp-block-columns.cards-dinamiche .wp-block-buttons {
    margin-top: auto !important; /* Spinge la sezione in fondo alla card */
    padding: 12px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    z-index: 2;
}

/* 6. Bottone allineato al centro e responsivo */
.wp-block-columns.cards-dinamiche .wp-block-button,
.wp-block-columns.cards-dinamiche .wp-block-button__link {
    width: 100% !important;
    margin: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    font-size: clamp(12px, 1vw, 14px) !important;
}
/* ==========================================
   OPZIONE A: FOTO IN ALTO SU MOBILE (Con Titolo fuori dalle colonne)
   ========================================== */
@media (max-width: 782px) {
    .wp-block-columns.foto-testo-mobile {
        display: flex !important;
        flex-direction: column !important;
		gap: 0 !important; /* Annulla il gap: 2em di Gutenberg */
    }

    .wp-block-columns.foto-testo-mobile > .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 1. Manda la Foto (2° colonna) in alto */
    .wp-block-columns.foto-testo-mobile > .wp-block-column:last-child {
        order: 1 !important;
        margin-bottom: 5px !important; /* Spazio tra foto e testo */
    }

    /* 2. Manda Testo + Bottone (1° colonna) in basso */
    .wp-block-columns.foto-testo-mobile > .wp-block-column:first-child {
        order: 2 !important;
    }

    /* 3. Margine di stacco finale dopo il bottone */
    .wp-block-columns.foto-testo-mobile .wp-block-buttons {
        margin-bottom: 35px !important;
    }

    /* Foto al 100% */
    .wp-block-columns.foto-testo-mobile figure.wp-block-image,
    .wp-block-columns.foto-testo-mobile figure.wp-block-image img {
        width: 100% !important;
        height: auto !important;
    }
}
/* END TIPOGRAFIA */

/*--------------*/
/*WOO COMMERCE */
/*-------------*/

/* =============================================== */
/* REGOLE PER BOTTONI DI LOGIN E REGISTRZIONE NELLA PAGINA IL MIO ACCOUNT VEDI MODULO PHP */
/* =============================================== */
/* Contenitore dei pulsanti Tab */
.woo-auth-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 30px;
}

/* Stile base dei pulsanti */
.woo-tab-btn {
    background: transparent;
    border: none;
	border-bottom: 3px solid transparent;
    padding: 10px 20px;
    font-size: 1.4em;
    cursor: pointer;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 600;
    color: #777;
    transition: all 0.3s ease;
}

.woo-tab-btn:hover {
    color: #333;
}

.woo-auth-tabs .woo-tab-btn:hover,
.woo-auth-tabs .woo-tab-btn:focus,
.woo-auth-tabs .woo-tab-btn:active {
    background-color: transparent !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Stile della scheda attiva */
.woo-tab-btn.active {
    border-bottom: 5px solid #148b99; /* Colore di risalto (adattabile al tuo logo) */
    color: #333;
}

/* Nasconde i vecchi titoli h2 per evitare duplicati */
.u-column1 h2, 
.u-column2 h2 {
    display: none !important;
}

/* Fa in modo che il modulo attivo occupi il 100% della larghezza e sia centrato */
.u-columns.col2-set .u-column1,
.u-columns.col2-set .u-column2 {
    width: 100% !important;
    float: none !important;
    max-width: 600px;
    margin: 0 auto;
}

/* =============================================== */
/* ALLINEAMENTO CORRETTO PAGINA CARRELLO (WOOCOMMERCE) */
/* =============================================== */

/* Applica al contenitore principale dello spazio (padding) simmetrico, 
   replicando lo stesso respiro laterale che hanno i contenuti standard */
.woocommerce-cart .inside-article {
    padding-left: 60px !important;
    padding-right: 60px !important;   
}
/* =============================================== */
/* NASCONDI PREZZO TOTALE ARTICOLO SU SCHERMI < 760px */
/* =============================================== */
@media screen and (max-width: 760px) {
    .woocommerce-cart .wc-block-cart-item__total-price-and-sale-badge-wrapper {
        display: none !important;
    }
}
/*---------------------------------------------*/
/* STILE BASE DEL PULSANTE "PROCEDI AL PAGAMENTO" */
/* ---------------------------------------------*/
/* 1. Stile base per il pulsante "Aggiungi al carrello" nella scheda prodotto */
.single_add_to_cart_button.button {
    font-family: 'Poppins', sans-serif !important;
    background-color: #32373c !important; /* Colore di sfondo base */
    color: #ffffff !important;           /* Colore testo */
    border-radius: 8px !important;       /* Angoli arrotondati */
    padding: 12px 24px !important;       /* Spaziatura interna */
    font-weight: 600 !important;
    transition: all 0.3s ease !important;
}

/* 2. Effetto Hover quando il pulsante è ATTIVO */
.single_add_to_cart_button.button:hover:not(.disabled) {
    background-color: #005177 !important;
    transform: translateY(-2px);
}

/* 3. Stile specifico quando il pulsante è DISABILITATO (es. selezione variante richiesta) */
.single_add_to_cart_button.button.disabled,
.single_add_to_cart_button.button:disabled {
    background-color: #cccccc !important; /* Colore grigio disabilitato */
    color: #666666 !important;
    cursor: not-allowed !important;      /* Mostra l'icona di blocco */
    opacity: 0.7 !important;
}

/*---------------------------------------------*/
/* STILE BASE DEL PULSANTE "PROCEDI AL PAGAMENTO" - NEL CARRELLO */
/* ---------------------------------------------*/
.wc-block-cart__submit-button,
.wc-block-cart__submit-button.wc-block-components-button {
    background-color: #32373c !important; /* Blu di base */
    color: #ffffff !important;           /* Testo bianco */
    border-color: #32373c !important;
	border-radius: 5px
}

/* Forza il testo interno in bianco */
.wc-block-cart__submit-button .wc-block-components-button__text {
    color: #ffffff !important;
}

/* Stile al passaggio del mouse (Hover) */
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button.wc-block-components-button:hover {
    background-color: #005177 !important; /* Blu più scuro al passaggio */
    color: #ffffff !important;           /* Mantiene il testo bianco */
    border-color: #005177 !important;
}

/* Forza il testo in bianco anche durante l'hover */
.wc-block-cart__submit-button:hover .wc-block-components-button__text {
    color: #ffffff !important;
}

/* ==========================================
   SELETTORE VARIANTI PRODOTTO NELLA PAGINA PRODOTTO ES. COLORE, DIMENSIONE
   ========================================== */

/* 1. Stile Base: Grigio, senza bordo blu visibile all'inizio */
.single-product div.product form.cart .variations select {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #333333 !important;
    background-color: #f0f0f0 !important;
    border: 1.5px solid #dcdcdc !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    width: 100% !important;
    max-width: 300px !important;
    outline: none !important;
    transition: border-color 0.2s ease, background-color 0.2s ease !important;
    cursor: pointer !important;
}

/* 2. Stato HOVER e FOCUS (quando ci passi sopra o ci clicchi) */
.single-product div.product form.cart .variations select:hover,
.single-product div.product form.cart .variations select:focus {
    border-color: #0071e3 !important;
    background-color: #ffffff !important;
}

/* 3. Variante SELEZIONATA: Il bordo rimane blu SOLO se è stata scelta un'opzione valida */
.single-product div.product form.cart .variations select:not(:has(option[value=""]:checked)) {
    border-color: #0071e3 !important;
    background-color: #ffffff !important;
}

/* ==========================================
   1. STILE PREZZO PRODOTTO SINGOLO E CATEGORIA
   ========================================== */
/* Prezzo Principale */
.single-product div.product p.price,
.single-product div.product p.price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .woocommerce-Price-amount,
.wc-block-grid__product-price,
.wc-block-components-product-price {
    font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;         /* Dimensione ben visibile */
    font-weight: 700 !important;
    color: #32373c !important;         /* Scuro e ben leggibile */
    margin-bottom: 12px !important;
}

/* Gestione dei Prezzi in Sconto (se presente un listino scontato) */
.single-product div.product p.price del .woocommerce-Price-amount {
    font-size: 20px !important;
    color: #86868b !important;         /* Grigio barrato per il vecchio prezzo */
    font-weight: 400 !important;
    margin-right: 8px !important;
}

.single-product div.product p.price ins .woocommerce-Price-amount {
    color: #d9381e !important;         /* Rosso/Accento per il prezzo scontato */
    text-decoration: none !important;
}


/* ==========================================
   2. STILE STATO DISPONIBILITÀ / GIACENZA
   ========================================== */
/* Contenitore generale del testo di stock */
.single-product div.product p.stock {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 12px !important;
    border-radius: 20px !important;     /* Effetto Pill/Badge */
    margin-top: 5px !important;
    margin-bottom: 15px !important;
}

/* Stato: Disponibile (In Stock) */
.single-product div.product p.stock.in-stock {
    color: #1b5e20 !important;         /* Testo verde scuro */
    background-color: #e8f5e9 !important;/* Sfondo verde chiaro */
    border: 1px solid #c8e6c9 !important;
}

/* Stato: Ordinabile / In Arrivo / Su ordinazione (Backorder) */
.single-product div.product p.stock.available-on-backorder {
    color: #b78103 !important;         /* Testo ambra/arancio scuro */
    background-color: #fff8e1 !important;/* Sfondo arancio chiaro */
    border: 1px solid #ffe082 !important;
}

/* Stato: Non disponibile (Out of Stock) */
.single-product div.product p.stock.out-of-stock {
    color: #c62828 !important;         /* Testo rosso scuro */
    background-color: #ffebee !important;/* Sfondo rosso chiaro */
    border: 1px solid #ffcdd2 !important;
}

/* ==========================================
 Styling del menu a tendina FILTRO PRODOTTI WooCommerce
   ========================================== */
/* 1. Reset del contenitore superiore di WooCommerce */
.woocommerce-ordering {
    float: none !important;            /* Disattiva i vecchi float */
    margin-left: 0 !important;         /* Rimuove spinte da sinistra */
    margin-right: auto !important;     /* Spinge l'elemento a sinistra su Flexbox */
    margin-bottom: 20px !important;
    display: inline-block !important;
    width: auto !important;
}

/* 2. Reset del wrapper genitore (se presente in GeneratePress/Gutenberg) */
.storefront-sorting,
.woocommerce-result-count + .woocommerce-ordering,
div.wp-block-woocommerce-product-collection {
    display: flex !important;
    justify-content: flex-start !important; /* Allinea a sinistra */
    flex-wrap: wrap !important;
    width: 100% !important;
}

/* 3. Stile grafico uniforme */
.woocommerce-ordering select.orderby {
    font-family: 'Poppins', sans-serif !important;
    font-size: 14px !important;
    color: #333333 !important;
    background-color: #f0f0f0 !important;
    border: 1.5px solid #dcdcdc !important;
    border-radius: 8px !important;
    padding: 8px 16px !important;
    outline: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.woocommerce-ordering select.orderby:hover,
.woocommerce-ordering select.orderby:focus {
    border-color: #0071e3 !important;
    background-color: #ffffff !important;
}

/* ==========================================
   NUOVI FILTRI WOOCOMMERCE BLOCKS (Pulsanti / Chips)
   ========================================== */

/* 1. Disposizione a griglia orizzontale dei filtri (Checkbox e Chips) */
.wc-block-product-filter-checkbox-list__items,
.wc-block-product-filter-chips__items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 10px 0 20px 0 !important;
    padding: 0 !important;
}

/* 2. Stile dei pulsanti "Chip" (Categoria, Colore) e Checkbox (Materiale) */
.wc-block-product-filter-chips__item,
.wc-block-product-filter-checkbox-list__item label {
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    background-color: #f0f0f0 !important;
    border: 1.5px solid #dcdcdc !important;
    border-radius: 20px !important; /* Bordi rotondi */
    padding: 6px 14px !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* Nasconde sia il checkbox che l'icona SVG */
.wc-block-product-filter-checkbox-list__input-wrapper {
    display: none !important;
}

/* Trasforma la label in un pulsante pulito */
.wc-block-product-filter-checkbox-list__item label {
    padding: 8px 16px !important;
    text-align: center !important;
}
/* 3. Nasconde la casella di spunta quadratina (checkbox) nativa per creare un effetto pulsante pulito */
.wc-block-product-filter-checkbox-list__input,
.wc-block-product-filter-checkbox-list__mark {
    display: none !important;
}

/* 4. Effetto HOVER */
.wc-block-product-filter-chips__item:hover,
.wc-block-product-filter-checkbox-list__item label:hover {
    background-color: #ffffff !important;
    border-color: #0071e3 !important;
}

/* 5. Stato SELEZIONATO (quando un filtro è attivo) */
.wc-block-product-filter-chips__item[aria-checked="true"],
.wc-block-product-filter-checkbox-list__input:checked + .wc-block-product-filter-checkbox-list__mark + .wc-block-product-filter-checkbox-list__text-wrapper,
.wc-block-product-filter-checkbox-list__item:has(:checked) label {
    background-color: #0071e3 !important;
    border-color: #0071e3 !important;
    color: #ffffff !important;
}

/* Testo bianco per il chip o label selezionata */
.wc-block-product-filter-chips__item[aria-checked="true"] .wc-block-product-filter-chips__text,
.wc-block-product-filter-checkbox-list__item:has(:checked) .wc-block-product-filter-checkbox-list__text {
    color: #ffffff !important;
}
/* ========================================================================== */
/* STILE UNIFICATO CARD PRODOTTI (Home, Shop, Categorie, Gutenberg, Salvati) */
/* ========================================================================== */

/* 1. RIMOZIONE DISALLINEAMENTO IMMAGINI IN HOME PAGE E CARRELLO */
ul.wc-block-product-template,
ul.wp-block-woocommerce-product-template,
ul.products,
ul.wc-block-saved-for-later-list {
  margin-left: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

/* Griglia per la sezione Salvati per Dopo nel Carrello */
ul.wc-block-saved-for-later-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 15px !important;
}

/* 2. SCHEDA PRODOTTO COMPATTA (Card ad altezza uniforme per tutte le viste) */
ul.products li.product,
.wp-block-woocommerce-product-collection li.wc-block-product,
li.wc-block-shopper-list-item {
  font-family: 'Poppins', sans-serif !important;
  background-color: #f8fafc !important;
  border: 3px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 12px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease !important;
  
  /* Flexbox avanzato per uniformare le altezze */
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  height: 100% !important;
  min-height: 330px !important;
  box-sizing: border-box !important;
  position: relative !important;
  text-align: center !important;
}

/* Effetto Hover sulla Card */
ul.products li.product:hover,
.wp-block-woocommerce-product-collection li.wc-block-product:hover,
li.wc-block-shopper-list-item:hover {
  background-color: #ffffff !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.07) !important;
  border-color: #cbd5e1 !important;
}

/* Struttura interna del link per il layout classico WooCommerce */
ul.products li.product a.woocommerce-LoopProduct-link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  justify-content: space-between !important;
  text-decoration: none !important;
}

/* 3. IMMAGINI PRODOTTI (In ALTO su tutte le viste) */
ul.products li.product a.woocommerce-LoopProduct-link img,
ul.products li.product img.attachment-woocommerce_thumbnail,
.wp-block-woocommerce-product-image img,
.wc-block-components-product-image img,
.wp-block-woocommerce-product-image a,
.wc-block-components-product-image a {
  order: 1 !important; /* Foto sempre al primo posto */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 8px !important;
  max-height: 160px !important;
  object-fit: contain !important;
}

.wp-block-woocommerce-product-image a,
.wc-block-components-product-image a {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

/* 4. TITOLO DEL PRODOTTO (Sotto l'immagine, espandibile in altezza) */
.wp-block-woocommerce-product-collection .wp-block-post-title,
.wp-block-woocommerce-product-collection .wp-block-post-title a,
ul.products li.product .woocommerce-loop-product__title,
li.wc-block-shopper-list-item h2.wp-block-post-title,
li.wc-block-shopper-list-item h2.wp-block-post-title a {
  order: 2 !important; /* Titolo posizionato SOTTO la foto */
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  color: #0f172a !important;
  text-decoration: none !important;
  margin-top: 4px !important;
  margin-bottom: 8px !important;
  
  /* Riserva spazio uniforme per 2-3 righe di testo */
  min-height: 2.5em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 5. PREZZO PRODOTTO E VARIANTI (Spinti in BASSO) */
.wp-block-woocommerce-product-price,
.wc-block-components-product-price,
.wc-block-grid__product-price,
ul.products li.product span.price,
li.wc-block-shopper-list-item .price {
  order: 3 !important; /* Prezzo sempre sotto il titolo */
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 2px !important;
  text-align: center !important;
}

.wp-block-woocommerce-product-price .woocommerce-Price-amount bdi,
ul.products li.product .price bdi,
.wc-block-grid__product-price .woocommerce-Price-amount bdi,
li.wc-block-shopper-list-item .price bdi {
  font-size: 0.85rem !important;
  font-weight: 600 !important;
  color: #334155 !important;
}

/* Dettagli varianti nei prodotti salvati */
.wc-block-shopper-list-item__variation,
.wc-block-shopper-list-item__quantity {
  order: 4 !important;
  font-size: 0.75rem !important;
  color: #64748b !important;
  margin-bottom: 4px !important;
}

/* 6. ICONA CESTINO (Prodotti Salvati) */
button.wc-block-shopper-list-item__remove {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 50% !important;
  width: 28px !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  color: #ef4444 !important;
  z-index: 2 !important;
}

/* 7. NASCONDI PULSANTI NELLO SHOP / MOSTRA "SPOSTA NEL CARRELLO" */
ul.products li.product a.button,
ul.products li.product a.add_to_cart_button,
ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.wp-block-woocommerce-product-button,
.wp-block-woocommerce-product-collection .wc-block-components-product-button,
ul.products li.product .screen-reader-text {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* Eccezione: Ripristino pulsante "Sposta nel carrello" per i prodotti salvati */
li.wc-block-shopper-list-item .wc-block-components-product-button,
li.wc-block-shopper-list-item .wc-block-components-product-button * {
  order: 5 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  height: auto !important;
}

li.wc-block-shopper-list-item .wp-block-button__link {
  width: 100% !important;
  font-size: 0.8rem !important;
  padding: 6px 10px !important;
  margin-top: 6px !important;
  border-radius: 6px !important;
}
/* ========================================================= */
/* FIX SOVRAPPOSIZIONE VARIANTI SU IMMAGINE (per i prodotti Salvati per dopo) */
/* ========================================================= */

li.wc-block-shopper-list-item .wc-block-components-product-image {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
}

li.wc-block-shopper-list-item .wc-block-shopper-list-item__variation {
  position: static !important; /* Rimuove il posizionamento assoluto sopra la foto */
  transform: none !important;
  margin-top: 10px !important; /* Distanzia il riquadro dall'immagine */
  width: 100% !important;
  box-sizing: border-box !important;
}
/* ==========================================================================
   CSS PER MODIFICA PRODUCT_META (codice prodotto) NELLA PAGINA DEL PRODOTTO
   ========================================================================== */
.woocommerce-variation-description {
    margin-bottom: 15px;
}

.single-product .product_meta {
    margin-top: 15px;
    margin-bottom: 25px;
    font-size: 0.9em;
	clear: both;
}
/* ==========================================================================
   ARROTONDA CAMPO NUMERICO DELLA QUANTITA' NELLA SCHEDA PRODOTTO
   ========================================================================== */
/* Arrotonda il campo numerico della quantità */
.single-product div.product form.cart .quantity input.qty {
    border-radius: 16px;        /* Regola l'arrotondamento (es. 8px o 12px) */
    border: 1px solid #0071e3;    /* Bordo del riquadro */
    padding: 7px 8px;          /* Spaziatura interna */
    text-align: center;        /* Centra il numero */
    outline: none;
}
/* ==========================================================================
   Pulsante discreto per continuare lo shopping nel carrello
   ========================================================================== */
.btn-continua-shopping,
.btn-continua-shopping a,
.btn-continua-shopping:hover,
.btn-continua-shopping a:hover,
.btn-continua-shopping:visited {
    text-decoration: none !important;
    box-shadow: none !important; /* Rimuove eventuali ombre o linee inferiori del tema */
}
.btn-continua-shopping {
    display: block !important;
    text-align: center !important;
    margin-top: 12px !important;
    padding: 10px 20px !important;
    background-color: transparent !important;
    color: #666666 !important;
    border: 1px solid #cccccc !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    transition: all 0.2s ease-in-out !important;
}
/* Effetto Hover */
.btn-continua-shopping:hover {
    background-color: #f5f5f5 !important;
    color: #333333 !important;
    border-color: #0071e3 !important;
}

/* ========================================================= */
/* MENU MIO ACCOUNT - CORRETTO (Bottone visibile e limitato) */
/* ========================================================= */

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important; 
}

.woocommerce-MyAccount-navigation li {
  padding: 0 !important;
  width: 100% !important; 
  max-width: 260px !important; /* Gestisce la lunghezza massima del bottone */
  margin: 0 auto !important; /* Centra il bottone nello spazio */
}

/* Stile base del bottone con display block (evita che sparisca il box) */
.woocommerce-MyAccount-navigation li a {
  font-family: 'Poppins', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #333333 !important;
  background-color: #f0f0f0 !important;
  border: 1.5px solid #dcdcdc !important;
  border-radius: 20px !important;
  padding: 8px 14px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  
  display: block !important; /* Soluzione stabile per far comparire il box */
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important; /* Centra il testo all'interno */
  text-decoration: none !important;
}

/* Effetto Hover */
.woocommerce-MyAccount-navigation li a:hover {
  background-color: #ffffff !important;
  border-color: #0071e3 !important;
  color: #0071e3 !important;
}

/* Stato attivo (Pagina in cui si trova l'utente) */
/*.woocommerce-MyAccount-navigation li.is-active a {
  background-color: #007cba !important;
  color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(0, 124, 186, 0.2) !important;
}*/

/* ========================================================= */
/* RIQUADRO CONTENUTI MIO ACCOUNT (Abbinato ai Bottoni)      */
/* ========================================================= */

/* Trasforma l'area contenuti in un riquadro perfettamente coerente */
.woocommerce-MyAccount-content {
    background-color: #f0f0f0 !important; /* Stesso sfondo dei bottoni */
    border: 1.5px solid #dcdcdc !important; /* Stesso bordo e spessore */
    border-radius: 20px !important; /* Stessa stondatura dei bordi */
    padding: 30px !important; /* Spazio interno per far respirare il testo */
    box-sizing: border-box !important;
    /* Rimosso il box-shadow per un look "flat" identico a quello dei bottoni */
}

/* Formattazione del testo all'interno del riquadro */
.woocommerce-MyAccount-content p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
    color: #333333 !important; /* Stesso colore del testo dei bottoni */
    margin-top: 0 !important;
    margin-bottom: 15px !important;
}

/* Rimuove il margine inferiore dall'ultimo paragrafo per evitare spazi vuoti */
.woocommerce-MyAccount-content p:last-child {
    margin-bottom: 0 !important;
}

/* Stile per i link testuali dentro il riquadro (es. "ordini recenti", "Logout") */
.woocommerce-MyAccount-content p a {
    color: #0071e3 !important; /* Riprende il blu dell'hover dei bottoni */
    font-weight: 500 !important;
    text-decoration: none !important;
    border-bottom: 1px solid #0071e3 !important; /* Sottolineatura in tinta */
    transition: all 0.2s ease !important;
}

/* Effetto al passaggio del mouse sui link nel testo */
.woocommerce-MyAccount-content p a:hover {
    color: #333333 !important;
    border-bottom-color: #333333 !important;
}

/* SPAZIATURA MOBILE TRA MENU E CONTENUTI MIO ACCOUNT        */
@media (max-width: 768px) {
    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-bottom: 30px !important; /* Spinge in basso il riquadro dei contenuti */
    }
}

/* =============================================== */
/* CHECKOUT: LAYOUT A COLONNA SINGOLA E STILE RIQUADRI */
/* =============================================== */

/* 1. Nasconde i campi di fatturazione predefiniti di WooCommerce per evitare duplicati */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-billing-fields h3 {
    display: none !important;
}

/* 2. Forza la disposizione a colonna singola su desktop per mettere in sequenza Spedizione e Note */
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

/* 3. Stile Riquadri Personalizzati, Spedizione e Note sull'ordine */
.v111_box_checkout,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
    margin-bottom: 25px;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fafafa;
    font-family: 'Poppins', sans-serif !important;
}

/* 4. Titoli interni ai moduli */
.v111_box_checkout h3,
#ship-to-different-address,
.woocommerce-additional-fields h3 {
    font-size: 1.15em !important;
    font-weight: bold !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif !important;
}

/* 5. Margine righe del modulo personalizzato */
.v111_box_checkout .form-row {
    margin-bottom: 12px;
}
/* Regola specifica per dispositivi mobili o ristretti: forza i campi affiancati ad andare a capo */
@media screen and (max-width: 768px) {
    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }
}
/* =============================================== */
/*END WOO COMMERCE*/
/* =============================================== */