/* ==========================================================================
   Correzioni di leggibilità e di comodità d'uso
   Raccolte qui perché nascono da una verifica sistematica su tutto il sito e
   non da una singola sezione: tenerle insieme rende evidente quali colori e
   quali misure sono vincolati, invece di spargerle in dieci file.
   Ogni valore è scelto per superare il rapporto di contrasto 4.5:1 sul testo
   (3:1 sui titoli grandi) e i 44x44 px di area toccabile.
   ========================================================================== */

/* ── Testo bianco su fondo oro ─────────────────────────────────────
   Il tema stampa in bianco il testo dei pulsanti principali. Sul suo giallo
   originale (#FACA00) il rapporto era 1.55:1, illeggibile; il colore del
   tema è stato riportato all'oro del marchio, ma il bianco resta comunque
   sotto soglia (1.9:1). I pulsanti dei prodotti usano da sempre il testo
   scuro e stanno a 10:1: qui si estende quel comportamento ai comandi
   rimasti indietro, a cominciare da quello di pagamento.
   Serve `!important` perché il tema colora questi pulsanti con regole
   generiche su `.button` che vincono per ordine di caricamento. */
.cart-collaterals .wc-proceed-to-checkout a.checkout-button.button,
.woocommerce-form-login button.woocommerce-button.button,
.woocommerce-form-register button.woocommerce-Button.woocommerce-button,
.header-action .action-count.cart-count,
.header-action .action-count.klbwl-wishlist-count {
    background-color: var(--usm-gold, #EBBD17) !important;
    color: var(--usm-dark, #151616) !important;
    border-color: var(--usm-gold, #EBBD17) !important;
}

.cart-collaterals .wc-proceed-to-checkout a.checkout-button.button:hover,
.woocommerce-form-login button.woocommerce-button.button:hover,
.woocommerce-form-register button.woocommerce-Button.woocommerce-button:hover {
    background-color: var(--usm-gold-dark, #c9a110) !important;
    color: var(--usm-dark, #151616) !important;
}

/* Badge "nuovi arrivi": grigio chiarissimo con testo bianco sopra. */
.klb-menu .menu-item .menu-label,
.site-drawer .menu-item .menu-label {
    color: var(--usm-dark, #151616);
}

/* ── Lo stesso giallo usato come colore del testo ──────────────────
   Su fondo crema scende fino a 1.37:1. Il verde scuro del marchio resta
   riconoscibile come colore d'accento ed è ampiamente leggibile. */
.klb-post a,
.klb-post ul li a,
.klb-post ol li a,
.klb-post p a,
.usm-appt-note a,
.shipping-calculator-button,
.usm-subcat.is-active .usm-subcat__name,
.entry-subtitle.font-12 {
    color: var(--usm-dark-green, #213e25);
}

.klb-post a:hover,
.usm-appt-note a:hover,
.shipping-calculator-button:hover {
    color: var(--usm-dark, #151616);
}

/* ── Testi secondari troppo smorti ─────────────────────────────────
   Tre grigi diversi, tutti appena sotto la soglia. Il percorso di
   navigazione era il peggiore, a 2:1. */
nav.woocommerce-breadcrumb,
nav.woocommerce-breadcrumb li {
    color: #62696f;
}

/* La "x" per togliere un articolo: rosso chiaro con testo bianco, 4.1:1. */
.woocommerce-cart-form .product-remove a.remove {
    background-color: #c62828;
    color: #fff;
}

.woocommerce-result-count,
.color-dark-gray {
    color: #5b636b;
}

.usm-trust-block .usm-trust-item,
.usm-pdp-info__a li,
.usm-pdp-info__meta span,
.usm-appt-head__lead,
.usm-appt-faq__a p,
.usm-page-lead,
.entry-description p {
    color: #5c6350;
}

/* Icone decorative dorate: leggermente più scure per restare distinguibili
   anche a colpo d'occhio. */
.usm-trust-item .material-symbols-outlined,
.usm-appt-note .material-symbols-outlined,
.usm-pdp-info__a .material-symbols-outlined {
    color: #9a7c0c;
}

.usm-appt-step__num {
    opacity: .55;
}

/* ── Aree toccabili su mobile ──────────────────────────────────────
   Sotto i 768px diversi comandi stavano fra i 18 e i 40 px: troppo piccoli
   per il pollice, con il rischio di colpire il comando accanto. */
@media (max-width: 767.98px) {
    .thumbnail-buttons .wishlist-button a.klbwl-btn {
        width: 44px;
        height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .product-buttons.only-icon a.button.product_type_simple {
        min-width: 44px;
        min-height: 44px;
    }

    .header-action.toggle-button a.action-link,
    .header-action.cart-button a.action-link,
    .header-action.wishlist-button a.action-link {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* La "x" per togliere un articolo dal carrello era 18x18. */
    .woocommerce-cart-form .product-remove a.remove {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    nav.woocommerce-breadcrumb a {
        display: inline-block;
        padding: 6px 2px;
    }

    aside.site-drawer .klb-menu > li > a {
        min-height: 44px;
        display: flex;
        align-items: center;
    }

    aside.site-drawer .sub-menu a {
        min-height: 40px;
        display: flex;
        align-items: center;
    }
}