/*
Theme Name: Kadence Child
Theme URI: https://www.liquidweb.com/software/kadence/
Template: kadence
Author: Kadence WP
Author URI: https://www.liquidweb.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.5.2.1787422446
Updated: 2026-08-22 20:14:06
*/

/* --- 1. INTESTAZIONE IN ALTO --- */
.intestazione-prodotto {
    margin-bottom: 30px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
}

/* --- 2. LA GRIGLIA A 3 COLONNE (PROPORZIONI AGGIORNATE) --- */
@media (min-width: 1024px) {
    .griglia-tre-colonne {
        display: grid !important;
        /* 22% Foto | 33% Testo Centrale | 40% Box Acquisto */
        grid-template-columns: 22% 40% 33% !important; 
        gap: 2.5%;
        align-items: start !important;
    }
}

/* --- 6. MIGLIORAMENTI TESTI BOX ACQUISTO --- */
/* Prezzo più grande e d'impatto */
.box-acquisto-moderno .price .woocommerce-Price-amount {
    font-size: 32px !important;
    font-weight: 800;
    color: #333333; 
    display: inline-block !important; /* <--- IL SEGRETO È TUTTO QUI */
}

/* Manteniamo lo spazio sotto al contenitore del prezzo */
.box-acquisto-moderno .price {
    margin-bottom: 15px;
    white-space: nowrap !important;
}

/* --- 3. ANNULLIAMO LE REGOLE VECCHIE DI WOOCOMMERCE --- */
/* Togliamo il float dall'immagine per non farla sbordare */
.griglia-tre-colonne .woocommerce-product-gallery {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
}

/* Creiamo un "recinto" invisibile per fermare la caduta degli elementi */
.colonna-acquisto, 
.colonna-dettagli {
    overflow: hidden; 
}

/* Togliamo i "clear" dal form delle varianti per tenerlo nel box bianco */
.box-acquisto-moderno form.cart {
    clear: none !important;
    float: none !important;
}

/* --- 4. IL DESIGN DEL BOX BIANCO --- */
.box-acquisto-moderno {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0px 10px 30px rgba(0,0,0,0.08);
    border: 1px solid #eaeaea;
}

/* --- 5. MIGLIORAMENTO GRAFICA VARIANTI --- */
.box-acquisto-moderno table.variations {
    width: 100%;
}
.box-acquisto-moderno table.variations td.label {
    display: block;
    padding-bottom: 5px;
    font-weight: bold;
    color: #444;
}
.box-acquisto-moderno table.variations td.value {
    display: block;
    padding-bottom: 15px;
}
/* Nasconde la fastidiosa scritta "Svuota" per pulizia visiva */
.reset_variations {
    display: none !important; 
}

/* --- 6. MIGLIORAMENTI TESTI BOX ACQUISTO --- */
/* Prezzo più grande e d'impatto */
.box-acquisto-moderno .price .woocommerce-Price-amount {
    font-size: 32px !important;
    font-weight: 800;
    color: #333333; /* Grigio scuro elegante */
    display: block;
    margin-bottom: 15px;
}

/* Etichette (Misura, Colore) neutre e professionali */
.box-acquisto-moderno table.variations td.label label {
    color: #666666;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* --- 7. MIGLIORAMENTI BOTTONE E QUANTITÀ --- */
/* Pulsante Aggiungi al carrello a tutta larghezza e corretto in altezza */
.box-acquisto-moderno button.single_add_to_cart_button {
    width: 100% !important;
    background-color: #4a5d3f !important; /* Il tuo verde scuro elegante */
    color: #ffffff !important;
    padding: 16px !important;
    font-size: 18px !important;
    font-weight: bold;
    border-radius: 8px;
    margin-top: 5px;
    transition: 0.3s ease;
    height: auto !important; /* Risolve il testo tagliato */
    line-height: normal !important; /* Riporta l'interlinea alla normalità */
}

/* Effetto hover sul pulsante */
.box-acquisto-moderno button.single_add_to_cart_button:hover {
    background-color: #36442e !important; 
    transform: translateY(-2px); /* Si alza leggermente quando ci passi sopra */
}

/* Selettore quantità compatto */
.box-acquisto-moderno div.quantity {
    width: auto !important;
    display: inline-flex !important;
    margin-bottom: 15px !important;
    margin-right: 10px !important;
}

/* --- 8. FIX COLORI QUANTITÀ E BOTTONE DISABILITATO --- */
/* Colore scuro e ben visibile per il numero della quantità */
.box-acquisto-moderno div.quantity input.qty {
    color: #333333 !important; 
    font-weight: bold !important;
    background-color: #f9f9f9 !important; /* Grigio chiarissimo per staccare dallo sfondo bianco */
}

/* Colore scuro anche per i bottoncini + e - */
.box-acquisto-moderno div.quantity .minus,
.box-acquisto-moderno div.quantity .plus {
    color: #333333 !important;
    background-color: #f9f9f9 !important;
}

/* Forza la visibilità del bottone anche prima che il cliente scelga il colore */
.box-acquisto-moderno button.single_add_to_cart_button.disabled {
    opacity: 0.7 !important; /* Lo fa sembrare spento ma il testo si legge */
    color: #ffffff !important;
}

/* --- EVIDENZIA VARIANTI OBBLIGATORIE --- */

/* Aggiunge l'asterisco rosso alle etichette (Misura, Colore) */
.box-acquisto-moderno table.variations td.label label::after {
    content: " *";
    color: #d9534f; /* Rosso per attirare l'attenzione */
    font-weight: bold;
    font-size: 16px;
}

/* Rende il bottone ancora più visibilmente "bloccato" finché non si sceglie tutto */
.box-acquisto-moderno button.single_add_to_cart_button.disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important; /* Cambia il cursore del mouse in un divieto */
    background-color: #cccccc !important; /* Diventa grigio per far capire che è spento */
    color: #666666 !important;
}

/* Nasconde il messaggio di successo standard per lasciare spazio al popup */
.woocommerce-message {
    display: none !important;
}

/* --- FIX COLORI PAGINA PAGAMENTO (CASSA) --- */

/* Trasforma i titoletti arancioni nel tuo verde scuro brandizzato */
.wp-block-woocommerce-checkout h2,
.wc-block-checkout__title,
.wc-block-components-title {
    color: #4a5d3f !important;
    font-size: 22px !important;
    margin-bottom: 15px !important;
}

/* Rende i bordi dei campi da compilare un po' più morbidi e moderni */
.wc-block-components-text-input input[type="text"], 
.wc-block-components-text-input input[type="email"], 
.wc-block-components-text-input input[type="tel"] {
    border-radius: 8px !important;
    border: 1px solid #cccccc !important;
}

.box-descrizione-prodotto {
    background-color: #f7f7f7; /* Colore di sfondo grigio chiarissimo */
    padding: 35px; /* Spazio interno tra il testo e i bordi */
    border-radius: 12px; /* Arrotonda gli angoli del box */
    margin-top: 40px; /* Crea un po' di spazio dalla parte superiore */
    margin-bottom: 40px; /* Crea spazio dalla parte inferiore */
}