/**
 * tk-tema — Stili custom
 *
 * Stili aggiuntivi del tema tk-tema. Questo file contiene le personalizzazioni
 * che in precedenza si trovavano nel child theme tk-tema-child.
 *
 * @package tk-tema
 * @since   1.6.0
 */

a.add-request-quote-button.button {
    padding: 9px !important;
    margin-top: -5px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.widget_ywraq_mini_list_quote .raq-info {
    margin: -20px 2px 0 !important;
    padding: 0px !important;
    color: #000 !important;
    border: 1px solid #efefef00 !important;
}

.ywraq-quote-icon-icon_quote:before {
    color: rgb(255 255 255) !important;
}

#main-header .header-widget1 .header-widget-area-inner a {
    color: var(--global-palette2) !important;
    text-decoration: none !important;
    padding: 0 10px 5px !important;
    margin: 5px 0 0 !important;
}

#main-header .header-widget1 .header-widget-area-inner a:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.widget_ywraq_mini_list_quote .yith-ywraq-list-content {
    right: 10% !important;
    background: #474747 !important;
    top: calc(100%) !important;
}

.tk-sticky-add-to-cart-action-wrap form.cart .quantity {
    min-width: 90px;
}

/* Fix altezza uniforme immagini prodotto - forzato */
ul.products li.product .woocommerce-loop-product__link,
ul.products li.product > a:first-child {
    display: block;
    height: 220px;
    overflow: hidden;
}

ul.products li.product .woocommerce-loop-product__link img,
ul.products li.product > a:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.widget_ywraq_mini_list_quote .yith-ywraq-list-content ul li {
    position: relative !important;
    border-bottom: 1px solid !important;
    padding: 0px 0 15px 25px !important;
    clear: both !important;
    display: flex !important;
    align-items: flex-start !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-content: center !important;
    flex-wrap: nowrap !important;
    text-align: right !important;
}

#main-header .header-widget1 .header-widget-area-inner .button {
    color: #fff !important;
    text-decoration: none !important;
    padding: 5px 10px !important;
}

#main-header .header-widget1 .header-widget-area-inner .button:hover {
    color: #000 !important;
    text-decoration: none !important;
    padding: 5px 10px !important;
}

button#ywraq-list-to-pdf {
    border-color: #ffffff !important;
    background: var(--global-palette2) !important;
}

/* X (ex Twitter) — override icona uccellino ovunque nel tema */
.tk-icon-twitter:before {
    font-family: none !important;
    content: '' !important;
    display: inline-block !important;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.746l7.73-8.835L1.254 2.25H8.08l4.26 5.632zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    vertical-align: middle !important;
}

/* ============================================================
 * Fix bottone "Aggiungi al carrello" — TK v2.5.56 + 2.5.57
 * Le icone SVG spinner/check/arrow vengono sempre inserite dal tema
 * come fallback per stati AJAX (loading + added). Senza dimensioni
 * esplicite il browser le rendeva come glifi parassiti dopo il testo
 * ("C✓"). Le nascondiamo di default e le mostriamo solo quando il
 * bottone entra negli stati corrispondenti.
 *
 * v2.5.57: selettori allargati: catturano qualsiasi bottone add-to-cart
 * indipendentemente dal contenitore (.woocommerce, blocchi Gutenberg,
 * Elementor, sticky add-to-cart, prodotti a costo zero, ecc.).
 * ============================================================ */
a.add_to_cart_button .tk-svg-iconset,
a.added_to_cart .tk-svg-iconset,
.add_to_cart_button .tk-svg-iconset,
.added_to_cart .tk-svg-iconset,
.single_add_to_cart_button .tk-svg-iconset,
.product-action-wrap .tk-svg-iconset,
.wc-block-grid__product-add-to-cart .tk-svg-iconset,
.wc-block-grid__product-add-to-cart .tk-spinner-svg,
.wc-block-grid__product-add-to-cart .tk-check-svg,
.wc-block-grid__product-add-to-cart .tk-arrow-right-alt-svg,
.tk-sticky-add-to-cart .tk-svg-iconset {
    display: none !important;
}
/* Mostra spinner durante AJAX loading */
a.add_to_cart_button.loading .tk-spinner-svg,
.add_to_cart_button.loading .tk-spinner-svg,
.single_add_to_cart_button.loading .tk-spinner-svg {
    display: inline-block !important;
    animation: tk-spin 1s linear infinite;
    margin-left: 0.4em;
    vertical-align: middle;
}
/* Mostra check quando aggiunto */
a.add_to_cart_button.added .tk-check-svg,
.add_to_cart_button.added .tk-check-svg,
a.added_to_cart .tk-check-svg,
.single_add_to_cart_button.added .tk-check-svg {
    display: inline-block !important;
    margin-left: 0.4em;
    vertical-align: middle;
}
@keyframes tk-spin {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* ============================================================
 * Card prodotto — stile Paydea (valido per TUTTI i siti tk-tema)
 * @since 2.7.44 — 22/06/2026 (rev. 2.7.45)
 *  - Rimuove il bordo/contorno unico attorno alla griglia prodotti
 *  - Card arrotondata indipendente con ombra
 *  - Immagine a TUTTA larghezza (flush in alto, angoli arrotondati)
 *  - Rating (.tm-star-rating) come badge SULL'immagine, in basso a destra
 *  - Badge sconto a pillola in alto a sinistra
 *  - Bottone "Aggiungi al carrello" nero, full-width, sempre visibile e in FONDO
 *  Caricato per ultimo (priorità 20) -> vince su qualsiasi layout preset.
 *  Struttura DOM tk-tema:
 *    li.product > .product-thumbnail > a.woocommerce-loop-image-link > img
 *                > .product-details.entry-content-wrap > h2 + .tm-star-rating + .price + .product-action-wrap > a.button
 * ============================================================ */

/* 1) Via il contorno unico della griglia e i separatori tra le celle */
.woocommerce ul.products.grid-cols:after,
.woocommerce .woocommerce-carousel .splide__track:after {
    display: none !important;
    border: 0 !important;
}
.woocommerce ul.products.grid-cols {
    -webkit-column-gap: 22px !important;
       -moz-column-gap: 22px !important;
            column-gap: 22px !important;
    row-gap: 22px !important;
}

/* 2) Card individuale — flex column per spingere il bottone in fondo */
.woocommerce ul.products li.product {
    position: relative !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    background: #fff !important;
    border: 1px solid #eef0f4 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04) !important;
    overflow: hidden !important;
    padding: 0 0 16px !important;
    -webkit-transition: box-shadow .18s ease, -webkit-transform .18s ease !important;
            transition: box-shadow .18s ease, transform .18s ease !important;
}
.woocommerce ul.products li.product:hover {
    box-shadow: 0 12px 32px rgba(15,23,42,.13) !important;
    -webkit-transform: translateY(-4px) !important;
            transform: translateY(-4px) !important;
}

/* immagine a tutto campo, uniforme in OGNI stato (primaria + hover).
 * Box quadrato fisso (aspect-ratio 1/1) + object-fit cover: l'immagine riempie
 * sempre tutta l'area, sia in stato normale sia in hover. */
.woocommerce ul.products li.product .product-thumbnail {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}
.woocommerce ul.products li.product .product-thumbnail > a,
.woocommerce ul.products li.product .woocommerce-loop-image-link {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}
.woocommerce ul.products li.product .product-thumbnail img,
.woocommerce ul.products li.product .product-thumbnail .secondary-product-image {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    -o-object-fit: cover !important;
       object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

/* contenuto testuale: colonna che cresce, con padding laterale */
.woocommerce ul.products li.product .product-details {
    position: relative !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
            flex: 1 1 auto !important;
    padding: 16px 16px 0 !important;
}

/* titolo e prezzo */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3 {
    font-weight: 600 !important;
    font-size: 1em !important;
    color: var(--global-palette3, #1e293b) !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
}
.woocommerce ul.products li.product .price {
    font-size: 1.05em !important;
    font-weight: 700 !important;
    color: var(--global-palette3, #0f172a) !important;
    margin: 0 0 4px !important;
}
.woocommerce ul.products li.product .price del {
    font-weight: 400 !important;
    opacity: .55 !important;
    margin-right: .4em !important;
}

/* 3) Rating come badge SULL'immagine, in basso a destra.
 *    Selettore con .product-details per alzare la specificità e battere
 *    eventuali regole che forzano il box a larghezza piena (stelle centrate). */
.woocommerce ul.products li.product .product-details .tm-star-rating,
.woocommerce ul.products li.product .product-details .star-rating,
.woocommerce ul.products li.product .entry-content-wrap .tm-star-rating,
.woocommerce ul.products li.product .entry-content-wrap .star-rating {
    position: absolute !important;
    bottom: 100% !important;          /* parte alta di .product-details = base immagine */
    right: 12px !important;
    left: auto !important;
    width: auto !important;
    max-width: -webkit-max-content !important;
    max-width: max-content !important;
    text-align: right !important;
    white-space: nowrap !important;
    margin: 0 0 10px 0 !important;    /* sollevato dentro l'immagine */
    padding: 4px 8px !important;
    background: rgba(0,0,0,.55) !important;   /* badge stile Paydea */
    border-radius: 4px !important;
    line-height: 1 !important;
    --empty: #e7b84e !important;             /* stelle vuote oro chiaro (Paydea) */
    --fill: #f7bb03 !important;
    --half: #f7bb03 !important;
    z-index: 3 !important;
}

/* 4) Badge sconto a pillola in alto a sinistra */
.woocommerce ul.products li.product .product-onsale,
.woocommerce ul.products li.product .onsale {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    margin: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 4px 11px !important;
    border-radius: 50px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    z-index: 4 !important;
}

/* 5) Bottone "Aggiungi al carrello" stile Paydea.
 *    IMPORTANTE: rispetta i controlli del Customizer (Catalogo prodotti):
 *      - "Stile azione pulsante" (Scivolare/Sempre visibile): NESSUN override
 *        del comportamento hover -> funziona nativamente.
 *      - "Stile pulsante" (Pulsante / Testo con freccia): l'aspetto nero si applica
 *        SOLO in modalità "Pulsante" (.woo-archive-btn-button), così "Testo con
 *        freccia" resta nativo.
 *      - "Allinea il pulsante in basso?": il push in fondo si applica SOLO con la
 *        classe .align-buttons-bottom (cioè quando l'opzione è attiva).
 */

/* wrapper a tutta larghezza; in fondo solo se "Allinea in basso" è ON */
.woocommerce ul.products li.product .product-action-wrap {
    width: 100% !important;
    padding: 0 !important;
}
.woocommerce ul.products.align-buttons-bottom li.product .product-action-wrap {
    -webkit-margin-before: auto !important;
            margin-top: auto !important;
}

/* aspetto nero full-width SOLO in modalità "Pulsante" */
.woocommerce ul.products.woo-archive-btn-button li.product .product-action-wrap .button,
.woocommerce ul.products li.product.woo-archive-btn-button .product-action-wrap .button,
.woocommerce ul.products.woo-archive-btn-button li.product .product-action-wrap .add_to_cart_button,
.woocommerce ul.products.woo-archive-btn-button li.product .product-action-wrap a.added_to_cart {
    display: block !important;
    width: 100% !important;
    -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
    margin: 12px 0 0 !important;
    padding: 12px 14px !important;
    background: #111827 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 9px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    box-shadow: none !important;
}
.woocommerce ul.products.woo-archive-btn-button li.product .product-action-wrap .button:hover,
.woocommerce ul.products.woo-archive-btn-button li.product .product-action-wrap a.added_to_cart:hover {
    background: #000 !important;
    color: #fff !important;
}
/* Dopo l'aggiunta al carrello: nasconde il pulsante nello stato ".added"
 * (evita il rettangolo nero vuoto), lascia solo "Visualizza carrello". */
.woocommerce ul.products li.product .product-action-wrap .button.added {
    display: none !important;
}

/* ============================================================
 * Paginazione catalogo — niente doppia paginazione (fix glitch).
 * In modalità "Carica altro"/"Infinito" la numerata resta nel DOM (serve al JS
 * per trovare la pagina successiva) ma va nascosta subito, deterministicamente,
 * senza dipendere dal JS (che a volte non la nascondeva -> si vedevano entrambe).
 * In modalità "Paginazione numerata" il data-type è "numbered" e resta visibile.
 * @since 2.7.47
 * ============================================================ */
.woocommerce-pagination[data-type="load-more"],
.woocommerce-pagination[data-type="infinite"] {
    display: none !important;
}