/**
 * paydea — Stili custom
 *
 * Stili aggiuntivi del tema paydea. Questo file contiene le personalizzazioni
 * che in precedenza si trovavano nel child theme paydea-child.
 *
 * @package paydea
 * @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); }
}

/* ============================================================
 * PAGINE REGISTRAZIONE & ACCESSO — Stili form
 * Aggiunti in v2.6.43
 *
 * Coprono:
 *  - templates/registration.php (form custom .rows .col .form-control)
 *  - templates/accedi.php       (form custom .row .col .form-control)
 *  - mio-account login WooCommerce (.woocommerce-form-login)
 *  - mio-account lost-password  (.woocommerce-ResetPassword)
 *  - typo-fix: .medim-* (presente nel template) ricalcato su .medium-*
 * ============================================================ */

/* ─── Variabili palette ─────────────────────────────────────── */
:root {
    --paydea-accent:      #5dd5b8;
    --paydea-accent-hov:  #44c5a4;
    --paydea-accent-dark: #2fb593;
    --paydea-navy:        #2b3a4a;
    --paydea-text:        #1f2937;
    --paydea-muted:       #6b7280;
    --paydea-border:      #e5e7eb;
    --paydea-border-foc:  #5dd5b8;
    --paydea-bg-soft:     #f3faf8;
    --paydea-card-bg:     #ffffff;
    --paydea-required:    #e11d48;
    --paydea-shadow:      0 6px 24px rgba(15, 23, 42, .07);
    --paydea-shadow-hov:  0 10px 30px rgba(15, 23, 42, .10);
    --paydea-radius:      12px;
    --paydea-radius-in:   8px;
}

/* ─── Wrapper pagina (sfondo soft) ───────────────────────────
 * Quando una di queste form è dentro la content area del tema,
 * applichiamo solo padding sul form, non sul body intero.
 * ──────────────────────────────────────────────────────────── */

/* ============================================================
 * FORM CUSTOM REGISTRAZIONE / ACCEDI (template del tema)
 * Selettore: form[name="paydeaFrm"]
 * ============================================================ */
form[name="paydeaFrm"] {
    max-width: 920px;
    margin: 30px auto;
    padding: 40px 48px;
    background: var(--paydea-card-bg);
    border-radius: var(--paydea-radius);
    box-shadow: var(--paydea-shadow);
    box-sizing: border-box;
}

/* Header del form (titolo + sottotitolo) */
form[name="paydeaFrm"] .text-block {
    text-align: center !important;
    margin-bottom: 24px;
}

form[name="paydeaFrm"] .text-block h3,
form[name="paydeaFrm"] .text-block p {
    text-align: center !important;
}

form[name="paydeaFrm"] .text-block h3 {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 12px;
    color: var(--paydea-accent);
    line-height: 1.2;
}

form[name="paydeaFrm"] .text-block h3 small {
    display: inline;
    font-size: 18px;
    font-weight: 400;
    color: var(--paydea-muted);
    margin-left: 6px;
}

form[name="paydeaFrm"] .text-block h3 small a {
    color: #8b5cf6;
    text-decoration: none;
    font-weight: 600;
}

form[name="paydeaFrm"] .text-block h3 small a:hover {
    color: #7c3aed;
    text-decoration: underline;
}

form[name="paydeaFrm"] .text-block p {
    color: var(--paydea-muted);
    font-size: 15px;
    margin: 0;
}

/* Separatori HR */
form[name="paydeaFrm"] hr {
    border: 0;
    border-top: 1px solid var(--paydea-border);
    margin: 22px 0;
}

/* Griglia (.rows / .row + .col) */
form[name="paydeaFrm"] .rows,
form[name="paydeaFrm"] .row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
    justify-content: center;
}

form[name="paydeaFrm"] .col,
form[name="paydeaFrm"] [class*="medium-"],
form[name="paydeaFrm"] [class*="medim-"],
form[name="paydeaFrm"] [class*="small-"],
form[name="paydeaFrm"] [class*="column-"] {
    flex: 1 1 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* Desktop: 2 colonne per gli input medium-6 / medim-6 (typo) */
@media (min-width: 768px) {
    form[name="paydeaFrm"] .medium-6,
    form[name="paydeaFrm"] .medim-6 {
        flex: 1 1 calc(50% - 8px);
        max-width: calc(50% - 8px);
    }
    form[name="paydeaFrm"] .medium-12,
    form[name="paydeaFrm"] .medim-12,
    form[name="paydeaFrm"] .column-12 {
        flex: 1 1 100%;
    }
}

/* Form-group (label + input) */
form[name="paydeaFrm"] .form-group {
    margin-bottom: 16px;
    display: block;
}

/* Label */
form[name="paydeaFrm"] label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--paydea-text);
    margin-bottom: 6px;
    line-height: 1.3;
}

form[name="paydeaFrm"] label abbr.required,
form[name="paydeaFrm"] abbr.required {
    color: var(--paydea-required);
    text-decoration: none;
    border: 0;
    margin-left: 2px;
    font-weight: 700;
}

/* Campi input / select */
form[name="paydeaFrm"] .form-control,
form[name="paydeaFrm"] input[type="text"],
form[name="paydeaFrm"] input[type="email"],
form[name="paydeaFrm"] input[type="password"],
form[name="paydeaFrm"] input[type="number"],
form[name="paydeaFrm"] input[type="tel"],
form[name="paydeaFrm"] select {
    width: 100%;
    padding: 11px 14px;
    font-size: 15px;
    line-height: 1.4;
    color: var(--paydea-text);
    background: #fff;
    border: 1px solid var(--paydea-border);
    border-radius: var(--paydea-radius-in);
    box-sizing: border-box;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: inherit;
    box-shadow: none;
    outline: none;
}

/* Freccia custom per le select */
form[name="paydeaFrm"] select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.39a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 18px;
    padding-right: 38px;
}

/* Focus su input/select */
form[name="paydeaFrm"] .form-control:focus,
form[name="paydeaFrm"] input:focus,
form[name="paydeaFrm"] select:focus {
    border-color: var(--paydea-border-foc);
    box-shadow: 0 0 0 3px rgba(93, 213, 184, .18);
    background: var(--paydea-bg-soft);
}

/* Hover */
form[name="paydeaFrm"] .form-control:hover:not(:focus),
form[name="paydeaFrm"] input:hover:not(:focus),
form[name="paydeaFrm"] select:hover:not(:focus) {
    border-color: #cbd5e1;
}

/* Privacy / checkbox row */
form[name="paydeaFrm"] .col input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--paydea-accent);
    margin: 4px 8px 0 0;
    vertical-align: middle;
    cursor: pointer;
}

form[name="paydeaFrm"] .col label:has(+ br + input[type="checkbox"]),
form[name="paydeaFrm"] .col > label:first-child {
    color: var(--paydea-muted);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
}

/* Bottone INVIA / ACCEDI */
form[name="paydeaFrm"] center {
    display: block;
    text-align: center;
    margin-top: 8px;
}

form[name="paydeaFrm"] input[type="button"].ur-submit-button,
form[name="paydeaFrm"] input.ur-submit-button,
form[name="paydeaFrm"] input[type="button"].btn,
form[name="paydeaFrm"] input.btn.button {
    /* Override degli style inline (background/color) tramite priorità */
    background: var(--paydea-accent) !important;
    background-image: linear-gradient(135deg, var(--paydea-accent) 0%, var(--paydea-accent-dark) 100%) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 50px !important;
    padding: 14px 48px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(93, 213, 184, .35) !important;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
    width: auto !important;
    min-width: 220px !important;
}

form[name="paydeaFrm"] input[type="button"].ur-submit-button:hover,
form[name="paydeaFrm"] input.ur-submit-button:hover,
form[name="paydeaFrm"] input.btn.button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(93, 213, 184, .45) !important;
    filter: brightness(1.03) !important;
}

form[name="paydeaFrm"] input[type="button"].ur-submit-button:active,
form[name="paydeaFrm"] input.ur-submit-button:active,
form[name="paydeaFrm"] input.btn.button:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(93, 213, 184, .35) !important;
}

form[name="paydeaFrm"] input[type="button"][disabled],
form[name="paydeaFrm"] input.ur-submit-button[disabled] {
    opacity: .55 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Risultato AJAX */
form[name="paydeaFrm"] #RISULTATO {
    margin-top: 12px;
    text-align: center;
    color: var(--paydea-text);
    font-size: 14px;
}

/* Mobile: edge-to-edge della card */
@media (max-width: 767px) {
    form[name="paydeaFrm"] {
        margin: 12px;
        padding: 22px 18px;
        border-radius: 10px;
    }
    form[name="paydeaFrm"] .text-block h3 {
        font-size: 26px;
    }
    form[name="paydeaFrm"] .text-block h3 small {
        display: block;
        margin: 6px 0 0;
        font-size: 16px;
    }
    form[name="paydeaFrm"] input[type="button"].ur-submit-button,
    form[name="paydeaFrm"] input.btn.button {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ============================================================
 * WOOCOMMERCE — Form Login (mio-account)
 * Selettore: .woocommerce-form-login
 * ============================================================ */
.woocommerce-account .woocommerce {
    max-width: 1100px;
    margin: 0 auto;
}

/* Container wrapper "u-columns" della pagina login Woo: full-width
   (anche quando c'è solo la colonna Accedi, senza Registrati) */
.woocommerce-account .u-columns,
.woocommerce-account .col2-set {
    display: block !important;
    width: 100% !important;
    max-width: 720px !important;
    margin: 30px auto !important;
}

/* La card è sul wrapper u-column*, così include h2 + form insieme.
   Sfondo bianco, bordo, shadow, radius — titolo "Accedi" dentro. */
.woocommerce-account .u-column1,
.woocommerce-account .u-column2,
.woocommerce-account .col-1,
.woocommerce-account .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 0 24px !important;
    padding: 36px 40px !important;
    background: var(--paydea-card-bg) !important;
    border: 1px solid var(--paydea-border) !important;
    border-radius: var(--paydea-radius) !important;
    box-shadow: var(--paydea-shadow) !important;
    box-sizing: border-box !important;
}

/* Caso "registrazione disattivata": Woo carica direttamente form-login.php
   senza wrapper .u-column*. h2 e form sono fratelli diretti dentro .woocommerce.
   Applico la card al .woocommerce stesso quando c'è dentro il form login. */
body.woocommerce-account.woocommerce-page:not(.logged-in) .woocommerce {
    max-width: 720px !important;
    margin: 30px auto !important;
    padding: 36px 40px !important;
    background: var(--paydea-card-bg) !important;
    border: 1px solid var(--paydea-border) !important;
    border-radius: var(--paydea-radius) !important;
    box-shadow: var(--paydea-shadow) !important;
    box-sizing: border-box !important;
}

/* Quando .woocommerce è la card, i suoi figli h2 e form non devono avere card propria */
body.woocommerce-account.woocommerce-page:not(.logged-in) .woocommerce > h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Titolo "Accedi" / "Registrati" dentro la card */
.woocommerce-account .u-column1 > h2,
.woocommerce-account .u-column2 > h2 {
    margin: 0 0 20px !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Form interno: NON ha più la card propria (è ridondante) */
.woocommerce-form-login,
.woocommerce-form-register,
.woocommerce-ResetPassword {
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    width: 100%;
}

/* Eccezione lost-password rimossa in v2.6.71: la card è già fornita dal
   wrapper .woocommerce esterno (regola applicata su body.woocommerce-account),
   quindi se la mettessimo anche sul form si vedrebbero due card sovrapposte. */

/* Titoli "Accedi" / "Registrati" / "Password dimenticata" */
.woocommerce-account h2,
.woocommerce-MyAccount-content h2,
.u-column1 > h2,
.u-column2 > h2 {
    color: var(--paydea-accent-dark);
    font-size: 28px;
    font-weight: 800;
    margin: 0 0 12px;
    line-height: 1.2;
    letter-spacing: -.3px;
}

/* Riga form */
.woocommerce-form-row,
.form-row {
    margin-bottom: 16px;
}

.woocommerce-form-row label,
.form-row label,
.woocommerce-form__label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--paydea-text);
    margin-bottom: 6px;
}

.woocommerce-form-row label .required,
.form-row label .required,
.required {
    color: var(--paydea-required);
    text-decoration: none;
    border: 0;
}

/* Input WooCommerce */
.woocommerce-form-row .input-text,
.woocommerce-form-row input[type="text"],
.woocommerce-form-row input[type="email"],
.woocommerce-form-row input[type="password"],
.woocommerce form .form-row input.input-text,
.woocommerce-page form .form-row input.input-text {
    width: 100%;
    padding: 11px 14px;
    font-size: 15px;
    line-height: 1.4;
    color: var(--paydea-text);
    background: #fff;
    border: 1px solid var(--paydea-border);
    border-radius: var(--paydea-radius-in);
    box-sizing: border-box;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
    box-shadow: none;
    outline: none;
    font-family: inherit;
}

.woocommerce-form-row .input-text:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce-form-row input:focus {
    border-color: var(--paydea-border-foc);
    box-shadow: 0 0 0 3px rgba(93, 213, 184, .18);
    background: var(--paydea-bg-soft);
}

.woocommerce-form-row .input-text:hover:not(:focus),
.woocommerce form .form-row input.input-text:hover:not(:focus) {
    border-color: #cbd5e1;
}

/* Toggle visualizza password (occhio) */
.woocommerce-Password-hint {
    color: var(--paydea-muted);
    font-size: 13px;
    margin-top: 6px;
}

/* Wrapper input password con icona occhio */
.woocommerce-form-row .password-input {
    position: relative;
    display: block;
    width: 100%;
}

.woocommerce-form-row .password-input input.input-text {
    padding-right: 44px;
}

/* Icona occhio: posizionata correttamente sopra l'input (no più top:38px ereditato) */
.woocommerce-form-row .show-password-input {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
    color: var(--paydea-muted) !important;
    opacity: .65;
    transition: opacity .15s ease, color .15s ease;
}

.woocommerce-form-row .show-password-input:hover {
    opacity: 1;
    color: var(--paydea-accent-dark) !important;
}

.woocommerce-form-row .show-password-input::before {
    content: "\f177"; /* dashicons-visibility */
    font-family: "dashicons";
    font-size: 20px;
    line-height: 1;
}

.woocommerce-form-row .show-password-input.display-password::before {
    content: "\f530"; /* dashicons-hidden */
}

/* Pulisce eventuali bordini di errore "(!)" residui sui campi WooCommerce
 * (i piccoli badge rossi che apparivano sopra gli input) */
.woocommerce-form-row::after,
.woocommerce-form-row::before {
    display: none !important;
}

.woocommerce-form-row .input-text + .input-text-error,
.woocommerce-form-row.woocommerce-invalid::after {
    display: none !important;
}

/* "Ricordami" checkbox */
.woocommerce-form__label-for-checkbox {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: var(--paydea-text);
    font-weight: 500 !important;
    font-size: 14px;
    margin-bottom: 16px !important;
}

.woocommerce-form__input-checkbox {
    width: 18px;
    height: 18px;
    accent-color: var(--paydea-accent);
    margin: 0 !important;
    cursor: pointer;
}

/* Bottone "Accedi" / "Registrati" */
.woocommerce-form-login button[type="submit"],
.woocommerce-form-register button[type="submit"],
.woocommerce-ResetPassword button[type="submit"],
.woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    background: var(--paydea-accent) !important;
    background-image: linear-gradient(135deg, var(--paydea-accent) 0%, var(--paydea-accent-dark) 100%) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 50px !important;
    padding: 12px 40px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(93, 213, 184, .35) !important;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
    width: auto !important;
    min-width: 180px !important;
    text-shadow: none !important;
}

.woocommerce-form-login button[type="submit"]:hover,
.woocommerce-form-register button[type="submit"]:hover,
.woocommerce-ResetPassword button[type="submit"]:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(93, 213, 184, .45) !important;
    filter: brightness(1.03) !important;
}

/* Link "Password dimenticata?" */
.woocommerce-LostPassword,
.woocommerce-LostPassword a {
    display: inline-block;
    color: var(--paydea-accent-dark);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

.woocommerce-LostPassword a:hover {
    color: var(--paydea-accent-hov);
    text-decoration: underline;
}

/* Mobile WooCommerce */
@media (max-width: 767px) {
    .woocommerce-form-login,
    .woocommerce-form-register,
    .woocommerce-ResetPassword {
        margin: 12px;
        padding: 22px 18px;
        border-radius: 10px;
    }
    .woocommerce-account h2,
    .u-column1 > h2,
    .u-column2 > h2 {
        font-size: 24px;
    }
    .woocommerce-form-login button[type="submit"],
    .woocommerce-form-register button[type="submit"],
    .woocommerce-ResetPassword button[type="submit"] {
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ============================================================
 * Pulizia: nasconde il bordino rosso (!) dei campi WooCommerce
 * che appariva sovrapposto agli input nudi
 * ============================================================ */
.woocommerce-input-wrapper {
    width: 100%;
    display: block;
}
.woocommerce-input-wrapper .required {
    display: none;
}

/* Nasconde i bordini "(!)" rossi che WooCommerce mostra accanto ai campi
   anche prima dell'invio (validation badges fastidiosi) */
.woocommerce-form-login .woocommerce-form-row::after,
.woocommerce-form-register .woocommerce-form-row::after,
.woocommerce-form-login .form-row::after,
.woocommerce-form-register .form-row::after,
.woocommerce-form-row .input-text + i,
.woocommerce-form-row.woocommerce-invalid > .required-indicator,
.woocommerce-form-row > i,
.woocommerce-form-login span.required-indicator,
.woocommerce-form-register span.required-indicator {
    display: none !important;
    content: none !important;
}

/* Errori e successi */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border-radius: var(--paydea-radius-in);
    border-left-width: 4px;
    padding: 14px 18px;
    margin-bottom: 18px;
    list-style: none;
    font-size: 14px;
}

.woocommerce-error {
    background: #fef2f2;
    border-left-color: var(--paydea-required);
    color: #991b1b;
}

.woocommerce-message {
    background: var(--paydea-bg-soft);
    border-left-color: var(--paydea-accent);
    color: #065f46;
}

.woocommerce-info {
    background: #eff6ff;
    border-left-color: #3b82f6;
    color: #1e3a8a;
}

/* ============================================================
 * MIO ACCOUNT — Pagina "Dettagli account" (edit-account)
 * Selettore: form.edit-account / form.woocommerce-EditAccountForm
 * Aggiunti in v2.6.45
 *
 * Coverage:
 *  - Card bianca contenitore con shadow
 *  - Input "Pay" / "Dea" / "Paydea" / "sviluppo@paydea.it" allineati
 *  - Fieldset "Modifica password" con bordo morbido
 *  - Toggle occhio password posizionato correttamente
 *  - Campi custom: paydea_pan (Numero Carta) + paydea_birthday (Data nascita)
 *  - Bottone "Salva le modifiche" full-rounded accent
 * ============================================================ */

/* Container area "Dettagli account" — card bianca con shadow */
.woocommerce-MyAccount-content form.edit-account,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
    background: var(--paydea-card-bg);
    border: 1px solid var(--paydea-border);
    border-radius: var(--paydea-radius);
    padding: 32px 36px;
    box-shadow: var(--paydea-shadow);
    box-sizing: border-box;
}

/* Layout 2 colonne per Nome / Cognome (flex anziché float per allineamento) */
.woocommerce-MyAccount-content form.edit-account p.form-row-first,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.form-row-first,
.woocommerce-MyAccount-content form.edit-account p.form-row-last,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.form-row-last {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: top;
    box-sizing: border-box;
    margin: 0;
}

.woocommerce-MyAccount-content form.edit-account p.form-row-first,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.form-row-first {
    margin-right: 16px;
}

/* Wrapper riga (se presente .form-row-double-row) */
.woocommerce-MyAccount-content form.edit-account .form-row-first + .form-row-last,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row-first + .form-row-last {
    margin-right: 0;
}

.woocommerce-MyAccount-content .clear,
.woocommerce-MyAccount-content form.edit-account .clear {
    clear: both;
    display: block;
    width: 100%;
    height: 0;
}

.woocommerce-MyAccount-content form.edit-account .form-row-wide,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row-wide {
    width: 100%;
    display: block;
}

/* Padding e margin uniformi delle righe */
.woocommerce-MyAccount-content form.edit-account .form-row,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm .form-row {
    margin-bottom: 18px;
    padding: 0;
}

/* Label */
.woocommerce-MyAccount-content form.edit-account label,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: var(--paydea-text);
    margin-bottom: 6px;
    line-height: 1.3;
}

/* Optional helper text "(per il cashback compleanno...)" */
.woocommerce-MyAccount-content form.edit-account label .optional,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm label .optional {
    color: var(--paydea-muted);
    font-weight: 400;
    font-size: 13px;
    margin-left: 4px;
}

/* Helper sotto "Nome visualizzato" (em block) */
.woocommerce-MyAccount-content form.edit-account .form-row > span > em,
.woocommerce-MyAccount-content em {
    display: block;
    color: var(--paydea-muted);
    font-size: 13px;
    font-style: normal;
    margin-top: 6px;
    line-height: 1.4;
}

/* Fieldset "Modifica password" */
.woocommerce-MyAccount-content form.edit-account fieldset,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset {
    margin: 24px 0 18px;
    padding: 22px 24px 8px;
    border: 1px solid var(--paydea-border);
    border-radius: var(--paydea-radius-in);
    background: #fafbfc;
}

.woocommerce-MyAccount-content form.edit-account fieldset legend,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend {
    font-size: 16px;
    font-weight: 700;
    color: var(--paydea-text);
    padding: 0 8px;
    margin-left: -8px;
}

/* Bottone "Salva le modifiche" */
.woocommerce-MyAccount-content form.edit-account button[type="submit"],
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm button[type="submit"],
button.woocommerce-Button[name="save_account_details"] {
    background: var(--paydea-accent) !important;
    background-image: linear-gradient(135deg, var(--paydea-accent) 0%, var(--paydea-accent-dark) 100%) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 50px !important;
    padding: 12px 36px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(93, 213, 184, .35) !important;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
    margin-top: 12px !important;
    text-shadow: none !important;
}

.woocommerce-MyAccount-content form.edit-account button[type="submit"]:hover,
button.woocommerce-Button[name="save_account_details"]:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(93, 213, 184, .45) !important;
    filter: brightness(1.03) !important;
}

/* Mobile — Dettagli account */
@media (max-width: 767px) {
    .woocommerce-MyAccount-content form.edit-account,
    .woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
        padding: 20px 16px;
        border-radius: 10px;
    }
    .woocommerce-MyAccount-content .form-row-first,
    .woocommerce-MyAccount-content .form-row-last {
        width: 100%;
        float: none;
        margin: 0 0 14px;
    }
    .woocommerce-MyAccount-content form.edit-account fieldset {
        padding: 18px 16px 4px;
    }
    .woocommerce-MyAccount-content form.edit-account button[type="submit"] {
        width: 100% !important;
    }
}

/* ============================================================
 * MIO ACCOUNT — Sidebar di navigazione (Bacheca/Ordini/Download...)
 * Selettore: .woocommerce-MyAccount-navigation
 * ============================================================ */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0;
    padding: 0;
    border: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: block;
    padding: 12px 16px;
    color: var(--paydea-text);
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    border-radius: var(--paydea-radius-in);
    transition: background .15s ease, color .15s ease, padding-left .15s ease;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: var(--paydea-bg-soft);
    color: var(--paydea-accent-dark);
    padding-left: 20px;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
    background: var(--paydea-bg-soft);
    color: var(--paydea-accent-dark);
    font-weight: 700;
    border-left: 3px solid var(--paydea-accent);
    padding-left: 13px;
}

/* ============================================================
 * Toggle occhio password — fix definitivo per <button> di WP nativo
 * ============================================================ */

/* WordPress core button password (usato in edit-account) */
.woocommerce-MyAccount-content .password-input,
.woocommerce-MyAccount-content .wp-pwd {
    position: relative;
    display: block;
    width: 100%;
}

.woocommerce-MyAccount-content .password-input input,
.woocommerce-MyAccount-content .wp-pwd input {
    padding-right: 44px !important;
}

/* Bottone occhio (sia .button.wp-hide-pw, sia .show-password-input) */
.woocommerce-MyAccount-content .button.wp-hide-pw,
.woocommerce-MyAccount-content button.wp-hide-pw,
.woocommerce-MyAccount-content .show-password-input,
form.edit-account .button.wp-hide-pw,
form.edit-account .show-password-input {
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--paydea-muted) !important;
    opacity: .65;
    transition: opacity .15s ease, color .15s ease;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.woocommerce-MyAccount-content .button.wp-hide-pw:hover,
.woocommerce-MyAccount-content button.wp-hide-pw:hover,
.woocommerce-MyAccount-content .show-password-input:hover {
    opacity: 1;
    color: var(--paydea-accent-dark) !important;
    background: transparent !important;
}

/* Icona dashicons dentro il bottone */
.woocommerce-MyAccount-content .button.wp-hide-pw .dashicons,
.woocommerce-MyAccount-content .button.wp-hide-pw .dashicons-visibility,
.woocommerce-MyAccount-content .button.wp-hide-pw .dashicons-hidden {
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
}

/* Nasconde il testo "Mostra" / "Nascondi" se presente, lascia solo l'icona */
.woocommerce-MyAccount-content .button.wp-hide-pw .text {
    display: none !important;
}

/* ============================================================
 * MIO ACCOUNT — Layout unificato e card per TUTTE le schede
 * Aggiunti in v2.6.47
 *
 * Coverage:
 *  - Bacheca (woocommerce-MyAccount-dashboard)
 *  - Ordini (woocommerce-MyAccount-orders)
 *  - Download (woocommerce-MyAccount-downloads)
 *  - Indirizzi (woocommerce-MyAccount-my-address)
 *  - Dettagli account (form.edit-account — già stilizzato in v2.6.45)
 * ============================================================ */

/* Container generale Mio Account: layout 2 colonne (sidebar + contenuto) */
.woocommerce-account .woocommerce {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: flex-start;
    max-width: 1200px;
    margin: 30px auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    flex: 0 0 250px;
    max-width: 250px;
    background: var(--paydea-card-bg);
    border: 1px solid var(--paydea-border);
    border-radius: var(--paydea-radius);
    padding: 12px 8px;
    box-shadow: var(--paydea-shadow);
    box-sizing: border-box;
    order: 2;
}

.woocommerce-account .woocommerce-MyAccount-content {
    flex: 1 1 0;
    min-width: 0;
    order: 1;
}

/* Card unificata per il contenuto di ogni scheda */
.woocommerce-MyAccount-content {
    background: var(--paydea-card-bg);
    border: 1px solid var(--paydea-border);
    border-radius: var(--paydea-radius);
    padding: 32px 36px;
    box-shadow: var(--paydea-shadow);
    box-sizing: border-box;
    color: var(--paydea-text);
}

/* Reset: form.edit-account era già una card → ora è dentro .woocommerce-MyAccount-content che è la card,
   quindi tolgo background/border/shadow doppi al form interno */
.woocommerce-MyAccount-content form.edit-account,
.woocommerce-MyAccount-content form.woocommerce-EditAccountForm {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

/* ─── Bacheca ──────────────────────────────────────────────── */
.woocommerce-MyAccount-content p {
    color: var(--paydea-text);
    line-height: 1.6;
    margin: 0 0 14px;
}

.woocommerce-MyAccount-content p a {
    color: var(--paydea-accent-dark);
    text-decoration: none;
    font-weight: 600;
}

.woocommerce-MyAccount-content p a:hover {
    color: var(--paydea-accent-hov);
    text-decoration: underline;
}

.woocommerce-MyAccount-content p strong {
    color: var(--paydea-text);
    font-weight: 700;
}

/* ─── Indirizzi ────────────────────────────────────────────── */
.woocommerce-Addresses {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin: 24px 0 0;
}

.woocommerce-Address {
    flex: 1 1 calc(50% - 12px);
    min-width: 0;
    background: var(--paydea-bg-soft);
    border: 1px solid var(--paydea-border);
    border-radius: var(--paydea-radius-in);
    padding: 24px 26px;
    box-sizing: border-box;
    width: auto !important;
    float: none !important;
}

/* Titoli "Indirizzo di fatturazione" / "Indirizzo di spedizione" */
.woocommerce-Address-title h3,
.woocommerce-MyAccount-content header.woocommerce-Address-title h3,
.woocommerce-MyAccount-content > h3,
.woocommerce-Address h3 {
    color: var(--paydea-accent-dark) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin: 0 0 6px !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
}

/* Header con titolo + link "Modifica/Aggiungi" sulla stessa riga */
.woocommerce-Address-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.woocommerce-Address-title .edit,
.woocommerce-Address-title a,
.woocommerce-MyAccount-content .edit {
    background: var(--paydea-accent) !important;
    background-image: linear-gradient(135deg, var(--paydea-accent) 0%, var(--paydea-accent-dark) 100%) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 50px !important;
    padding: 7px 18px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(93, 213, 184, .3) !important;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
    display: inline-block;
    line-height: 1.3 !important;
}

.woocommerce-Address-title .edit:hover,
.woocommerce-Address-title a:hover,
.woocommerce-MyAccount-content .edit:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 14px rgba(93, 213, 184, .42) !important;
    filter: brightness(1.03) !important;
    text-decoration: none !important;
    color: #fff !important;
}

/* Indirizzo (testo address) */
.woocommerce-Address address {
    font-style: normal;
    line-height: 1.6;
    color: var(--paydea-text);
    margin: 0;
    font-size: 14px;
}

/* "Non hai ancora impostato questo tipo di indirizzo." */
.woocommerce-Address address i,
.woocommerce-Address p i,
.woocommerce-Address em {
    color: var(--paydea-muted);
    font-style: italic;
    font-size: 14px;
}

/* Paragrafo introduttivo "I seguenti indirizzi saranno usati..." */
.woocommerce-MyAccount-content > p:first-of-type {
    color: var(--paydea-muted);
    font-size: 14px;
    margin-bottom: 8px;
}

/* ─── Ordini / Download ────────────────────────────────────── */
.woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-MyAccount-content table.shop_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin-top: 12px;
}

.woocommerce-MyAccount-content table.shop_table th {
    background: var(--paydea-bg-soft);
    color: var(--paydea-text);
    font-weight: 700;
    text-align: left;
    padding: 12px 14px;
    font-size: 13px;
    letter-spacing: .3px;
    text-transform: uppercase;
    border-bottom: 2px solid var(--paydea-border);
}

.woocommerce-MyAccount-content table.shop_table td {
    padding: 14px;
    border-bottom: 1px solid var(--paydea-border);
    font-size: 14px;
    color: var(--paydea-text);
    vertical-align: middle;
}

.woocommerce-MyAccount-content table.shop_table tr:last-child td {
    border-bottom: 0;
}

/* Bottoni nelle celle (es. "Visualizza" sull'ordine) */
.woocommerce-MyAccount-content table.shop_table .button,
.woocommerce-MyAccount-content table.shop_table a.button {
    background: var(--paydea-accent) !important;
    background-image: linear-gradient(135deg, var(--paydea-accent) 0%, var(--paydea-accent-dark) 100%) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 50px !important;
    padding: 6px 16px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(93, 213, 184, .3) !important;
}

/* "Sfoglia prodotti" e altri bottoni sui notice */
.woocommerce-MyAccount-content .woocommerce-info .button,
.woocommerce-MyAccount-content .woocommerce-message .button,
.woocommerce-MyAccount-content .woocommerce-error .button {
    background: var(--paydea-accent) !important;
    background-image: linear-gradient(135deg, var(--paydea-accent) 0%, var(--paydea-accent-dark) 100%) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(93, 213, 184, .3) !important;
    margin-left: 12px !important;
}

.woocommerce-MyAccount-content .woocommerce-info .button:hover,
.woocommerce-MyAccount-content table.shop_table .button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 14px rgba(93, 213, 184, .42) !important;
    filter: brightness(1.03) !important;
}

/* Messaggio "woocommerce-info" dentro le schede (es. nessun ordine) */
.woocommerce-MyAccount-content .woocommerce-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.woocommerce-MyAccount-content .woocommerce-info::before {
    display: none;
}

/* ─── Sidebar nav: già stilizzata in v2.6.45, qui solo aggiustamenti ── */
.woocommerce-MyAccount-navigation ul {
    margin: 0;
    padding: 0;
}

/* ─── Mobile: sidebar in fondo, contenuto full width ──────── */
@media (max-width: 991px) {
    .woocommerce-account .woocommerce {
        gap: 16px;
        padding: 0 12px;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        flex: 1 1 100%;
        max-width: 100%;
        order: 2;
    }
    .woocommerce-account .woocommerce-MyAccount-content {
        flex: 1 1 100%;
        order: 1;
    }
    .woocommerce-MyAccount-content {
        padding: 22px 18px;
        border-radius: 10px;
    }
    .woocommerce-Addresses {
        flex-direction: column;
        gap: 16px;
    }
    .woocommerce-Address {
        flex: 1 1 100%;
    }
    /* Dettagli account: colonne in stack su mobile */
    .woocommerce-MyAccount-content form.edit-account p.form-row-first,
    .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.form-row-first,
    .woocommerce-MyAccount-content form.edit-account p.form-row-last,
    .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.form-row-last {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 14px;
    }
    /* Tabelle ordini scroll orizzontale */
    .woocommerce-MyAccount-content table.shop_table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* ============================================================
 * MIO ACCOUNT — UPGRADE v2.6.48
 *
 * Componenti aggiunti:
 *  1. Header utente nella sidebar (avatar, saluto, email, pill carta)
 *  2. Dashboard Bacheca (welcome, stats card, quick actions, banner birthday)
 *  3. Card Indirizzi ridisegnate (icone, header in linea, empty-state)
 * ============================================================ */

/* ─── Variabili palette estese ──────────────────────────────── */
:root {
    --paydea-purple:      #8b5cf6;
    --paydea-amber:       #f59e0b;
    --paydea-blue:        #3b82f6;
    --paydea-pink:        #ec4899;
    --paydea-grad-mint:   linear-gradient(135deg, #5dd5b8 0%, #2fb593 100%);
    --paydea-grad-amber:  linear-gradient(135deg, #fcd34d 0%, #f59e0b 100%);
    --paydea-grad-blue:   linear-gradient(135deg, #93c5fd 0%, #3b82f6 100%);
    --paydea-grad-purple: linear-gradient(135deg, #c4b5fd 0%, #8b5cf6 100%);
}

/* ============================================================
 * 1. HEADER UTENTE (sidebar in alto) — v2.6.49
 * Compatto, niente avatar (ridondante col logo Paydea sopra),
 * niente bordo divisorio.
 * ============================================================ */
.paydea-account-header {
    padding: 14px 14px 12px;
    margin: -12px -8px 8px;
    background: linear-gradient(135deg, #f0fbf7 0%, #ffffff 100%);
    border-radius: var(--paydea-radius) var(--paydea-radius) 0 0;
}

.paydea-account-greeting {
    font-size: 12px;
    color: var(--paydea-muted);
    line-height: 1.2;
    margin: 0;
}

.paydea-account-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--paydea-text);
    line-height: 1.3;
    margin: 2px 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.paydea-account-email {
    font-size: 12px;
    color: var(--paydea-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}

.paydea-account-pan-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
    padding: 4px 10px;
    background: var(--paydea-grad-mint);
    color: #fff;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .3px;
    box-shadow: 0 2px 6px rgba(93, 213, 184, .35);
    max-width: 100%;
}

.paydea-account-pan-pill .dashicons {
    font-size: 13px;
    width: 13px;
    height: 13px;
    line-height: 1;
}

.paydea-account-pan-pill .paydea-pan-label {
    text-transform: uppercase;
    opacity: .85;
}

.paydea-account-pan-pill .paydea-pan-value {
    font-family: 'Courier New', monospace;
    letter-spacing: 1px;
}

/* ─── Voci di menu con icone ────────────────────────────────── */
.woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 11px 14px !important;
    padding-left: 14px !important;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    padding-left: 14px !important;
}

.woocommerce-MyAccount-navigation .paydea-nav-icon {
    font-size: 18px;
    width: 18px;
    height: 18px;
    line-height: 1;
    color: var(--paydea-muted);
    transition: color .15s ease, transform .15s ease;
    flex: 0 0 auto;
}

.woocommerce-MyAccount-navigation ul li a:hover .paydea-nav-icon {
    color: var(--paydea-accent-dark);
    transform: scale(1.1);
}

.woocommerce-MyAccount-navigation ul li.is-active .paydea-nav-icon,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active .paydea-nav-icon {
    color: var(--paydea-accent-dark);
}

.woocommerce-MyAccount-navigation .paydea-nav-label {
    flex: 1 1 0;
}

/* Voce "Esci" colorata diversamente */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #991b1b;
    border-top: 1px solid var(--paydea-border);
    margin-top: 6px;
    padding-top: 14px !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout .paydea-nav-icon {
    color: #dc2626;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

/* ============================================================
 * 2. DASHBOARD BACHECA
 * ============================================================ */
.paydea-dashboard {
    display: block;
}

.paydea-dashboard-welcome {
    margin-bottom: 24px;
}

.paydea-dashboard-welcome h2 {
    font-size: 28px;
    font-weight: 800;
    color: var(--paydea-text);
    margin: 0 0 6px;
    line-height: 1.2;
    letter-spacing: -.5px;
}

.paydea-dashboard-welcome p {
    color: var(--paydea-muted);
    font-size: 15px;
    margin: 0;
}

/* Banner compleanno */
.paydea-dashboard-birthday-banner {
    background: var(--paydea-grad-amber);
    color: #78350f;
    padding: 14px 20px;
    border-radius: var(--paydea-radius-in);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 24px;
    box-shadow: 0 4px 14px rgba(245, 158, 11, .25);
}

/* Stats grid */
.paydea-dashboard-stats {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 14px !important;
    margin-bottom: 32px;
    width: 100% !important;
    box-sizing: border-box;
    /* Reset eventuali float / clear da WooCommerce parent */
    float: none !important;
    clear: none !important;
}

/* CRITICO: nascondo tutti i figli del grid che NON sono .paydea-stat
   (es. wrapper .u-column, .col-1, .col-2 iniettati da temi/plugin esterni). */
.paydea-dashboard-stats > *:not(.paydea-stat) {
    display: none !important;
}

/* Override aggressivi: alcuni temi/plugin aggiungono clear:both su nth-child
   o float sulle "colonne". Resetto tutto sui figli del grid. */
.paydea-dashboard-stats > .paydea-stat {
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    grid-column: auto !important;
}

.paydea-dashboard-stats > .paydea-stat::before,
.paydea-dashboard-stats > .paydea-stat::after {
    content: none !important;
    display: none !important;
}

.paydea-stat {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 16px 14px;
    background: #fff;
    border: 1px solid var(--paydea-border);
    border-radius: var(--paydea-radius-in);
    text-decoration: none !important;
    color: inherit !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    position: relative;
    overflow: hidden;
    min-width: 0;
    box-sizing: border-box;
    /* Override eventuali float/display da WooCommerce */
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

a.paydea-stat:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
    border-color: var(--paydea-accent);
}

.paydea-stat-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, .12);
}

.paydea-stat-icon .dashicons {
    font-size: 22px;
    width: 22px;
    height: 22px;
    line-height: 1;
}

.paydea-stat--orders .paydea-stat-icon    { background: var(--paydea-grad-mint); }
.paydea-stat--cashback .paydea-stat-icon  { background: var(--paydea-grad-amber); }
.paydea-stat--spent .paydea-stat-icon     { background: var(--paydea-grad-purple); }
.paydea-stat--downloads .paydea-stat-icon { background: var(--paydea-grad-blue); }

.paydea-stat-body {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
}

.paydea-stat-value {
    font-size: 22px;
    font-weight: 800;
    color: var(--paydea-text);
    line-height: 1.1;
    margin-bottom: 4px;
    letter-spacing: -.3px;
}

.paydea-stat-label {
    font-size: 12px;
    color: var(--paydea-muted);
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 600;
    line-height: 1.3;
}

/* Sezione "Azioni rapide" */
.paydea-dashboard-section-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--paydea-text);
    text-transform: uppercase;
    letter-spacing: .5px;
    margin: 0 0 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--paydea-border);
}

.paydea-dashboard-actions {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-auto-rows: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    box-sizing: border-box;
    float: none !important;
    clear: none !important;
    align-items: stretch !important;
}

/* CRITICO: nascondo tutti i figli del grid che NON sono .paydea-action */
.paydea-dashboard-actions > *:not(.paydea-action) {
    display: none !important;
}

.paydea-dashboard-actions > .paydea-action {
    float: none !important;
    clear: none !important;
    margin: 0 !important;
    width: auto !important;
    max-width: none !important;
    grid-column: auto !important;
    height: 100% !important;
}

.paydea-dashboard-actions > .paydea-action::before,
.paydea-dashboard-actions > .paydea-action::after {
    content: none !important;
    display: none !important;
}

.paydea-action {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 4px;
    padding: 16px 16px 14px;
    background: var(--paydea-bg-soft);
    border: 1px solid var(--paydea-border);
    border-radius: var(--paydea-radius-in);
    text-decoration: none !important;
    color: var(--paydea-text) !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease;
    position: relative;
    /* Override eventuali float/display da WooCommerce */
    float: none !important;
    width: auto !important;
    box-sizing: border-box;
    min-width: 0;
    margin: 0 !important;
    height: 100%;
}

.paydea-action:hover {
    transform: translateY(-2px);
    background: #fff;
    border-color: var(--paydea-accent);
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
}

.paydea-action-icon {
    font-size: 22px;
    width: 22px;
    height: 22px;
    line-height: 1;
    color: var(--paydea-accent-dark);
    margin-bottom: 8px;
    transition: transform .18s ease;
}

.paydea-action:hover .paydea-action-icon {
    transform: scale(1.15) rotate(-3deg);
}

.paydea-action-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--paydea-text);
    line-height: 1.2;
}

.paydea-action-desc {
    font-size: 12px;
    color: var(--paydea-muted);
    line-height: 1.3;
}

/* Tile "Esci" rosso */
.paydea-action--logout {
    background: #fef2f2;
    border-color: #fecaca;
}

.paydea-action--logout .paydea-action-icon {
    color: #dc2626;
}

.paydea-action--logout:hover {
    background: #fef2f2;
    border-color: #f87171;
}

/* Footer note ultimo ordine */
.paydea-dashboard-footer-note {
    margin-top: 28px;
    padding: 12px 16px;
    background: var(--paydea-bg-soft);
    border-radius: var(--paydea-radius-in);
    color: var(--paydea-muted);
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.paydea-dashboard-footer-note .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: var(--paydea-accent-dark);
}

.paydea-dashboard-footer-note strong {
    color: var(--paydea-text);
    font-weight: 700;
}

/* ============================================================
 * 3. CARD INDIRIZZI RIDISEGNATE
 * ============================================================ */
.paydea-addresses-intro {
    color: var(--paydea-muted);
    font-size: 14px;
    margin: 0 0 20px !important;
}

.paydea-addresses {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.paydea-address-card {
    background: #fff;
    border: 1px solid var(--paydea-border);
    border-radius: var(--paydea-radius);
    padding: 22px 24px;
    transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
    position: relative;
    overflow: hidden;
}

.paydea-address-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--paydea-grad-mint);
}

.paydea-address-card--shipping::before {
    background: var(--paydea-grad-blue);
}

.paydea-address-card:hover {
    border-color: #cbd5e1;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .07);
}

.paydea-address-card.is-empty {
    background: var(--paydea-bg-soft);
    border-style: dashed;
}

.paydea-address-card.is-empty::before {
    opacity: .4;
}

/* Header card indirizzo */
.paydea-address-header {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--paydea-border);
}

.paydea-address-card.is-empty .paydea-address-header {
    border-bottom-color: rgba(0, 0, 0, .08);
}

.paydea-address-title {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 1 auto;
    min-width: 0;
}

.paydea-address-icon {
    font-size: 20px;
    width: 20px;
    height: 20px;
    line-height: 1;
    color: var(--paydea-accent-dark);
    flex: 0 0 auto;
}

.paydea-address-card--shipping .paydea-address-icon {
    color: var(--paydea-blue);
}

.paydea-address-title h3 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--paydea-text) !important;
    margin: 0 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    flex: 1 1 0;
    min-width: 0;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* Bottone "Modifica" piccolo a destra */
.paydea-address-edit-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* padding-top maggiore di padding-bottom: compensa l'asimmetria
       del glyph maiuscolo (no descender) e centra otticamente il testo */
    padding: 0px 18px 8px !important;
    background: var(--paydea-bg-soft) !important;
    background-image: none !important;
    color: var(--paydea-accent-dark) !important;
    border: 1px solid var(--paydea-border) !important;
    border-radius: 50px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: background .15s ease, border-color .15s ease, transform .15s ease !important;
    box-shadow: none !important;
    flex: 0 0 auto;
    line-height: 1 !important;
    white-space: nowrap;
    vertical-align: middle !important;
}

.paydea-address-edit-btn:hover {
    background: #fff !important;
    border-color: var(--paydea-accent) !important;
    color: var(--paydea-accent-dark) !important;
    transform: none !important;
    box-shadow: 0 2px 6px rgba(93, 213, 184, .2) !important;
}

.paydea-address-edit-btn .dashicons {
    font-size: 13px !important;
    width: 13px !important;
    height: 13px !important;
    line-height: 1 !important;
}

/* Body indirizzo */
.paydea-address-body address {
    font-style: normal;
    font-size: 14px;
    line-height: 1.6;
    color: var(--paydea-text);
    margin: 0;
}

/* Empty-state */
.paydea-address-empty {
    text-align: center;
    padding: 8px 0 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.paydea-address-empty-icon {
    display: block;
    font-size: 36px !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 1 !important;
    color: #cbd5e1;
    margin: 0 auto 10px;
}

.paydea-address-empty p {
    color: var(--paydea-muted);
    font-size: 13px;
    margin: 0 0 14px !important;
    text-align: center;
}

.paydea-address-add-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* padding-top maggiore di padding-bottom: compensa l'asimmetria
       del glyph maiuscolo (no descender) e centra otticamente il testo */
    padding: 0px 22px 10px !important;
    background: var(--paydea-grad-mint) !important;
    background-image: linear-gradient(135deg, var(--paydea-accent) 0%, var(--paydea-accent-dark) 100%) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 50px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .3px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(93, 213, 184, .3) !important;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
    white-space: nowrap;
    line-height: 1 !important;
    margin: 0 auto !important;
    vertical-align: middle !important;
}

.paydea-address-add-btn:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 5px 14px rgba(93, 213, 184, .42) !important;
    filter: brightness(1.03) !important;
    color: #fff !important;
}

.paydea-address-add-btn .dashicons {
    font-size: 13px !important;
    width: 13px !important;
    height: 13px !important;
    line-height: 1 !important;
}

/* ============================================================
 * RESPONSIVE — Mio Account upgrade
 * ============================================================ */
@media (max-width: 991px) {
    .paydea-account-header {
        margin: -12px -8px 8px;
        padding: 16px 12px;
    }
    .paydea-account-avatar-wrap {
        width: 48px;
        height: 48px;
    }
    .paydea-account-avatar-wrap::before {
        font-size: 18px;
    }
    .paydea-account-name {
        font-size: 15px;
    }
    .paydea-dashboard-welcome h2 {
        font-size: 22px;
    }
    .paydea-dashboard-stats {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .paydea-dashboard-actions {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .paydea-stat {
        padding: 14px;
        gap: 10px;
    }
    .paydea-stat-icon {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 10px;
    }
    .paydea-stat-icon .dashicons {
        font-size: 20px;
        width: 20px;
        height: 20px;
    }
    .paydea-stat-value {
        font-size: 18px;
    }
    .paydea-stat-label {
        font-size: 11px;
    }
    .paydea-action {
        padding: 14px 14px 12px;
    }
    .paydea-addresses {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .paydea-address-card {
        padding: 18px 18px;
    }
    .paydea-address-header {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .paydea-dashboard-stats {
        grid-template-columns: 1fr !important;
    }
    .paydea-dashboard-actions {
        grid-template-columns: 1fr !important;
    }
}

/* ============================================================
 * MIO ACCOUNT — Override v2.6.52
 * Rimozione border-left della sidebar (Kadence default)
 * Aumentata specificità con html prefix in v2.6.54
 * Larghezza ridotta a 20% in v2.6.55
 * ============================================================ */
html body.woocommerce-account .account-navigation-wrap,
html body.woocommerce-account .account-navigation-wrap.layout-1,
html body.woocommerce-account .account-navigation-wrap.layout-2,
html body.woocommerce-account .account-navigation-wrap.layout-3,
html body.woocommerce-account.has-sidebar .account-navigation-wrap {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    box-shadow: none !important;
    width: 20% !important;
}

/* Adatta la larghezza del contenuto al 80% (era 70% con sidebar al 30%) */
html body.woocommerce-account .woocommerce-MyAccount-content,
html body.woocommerce-account .account-content-wrap {
    width: 78% !important;
}

/* ============================================================
 * MIO ACCOUNT — Allineamento blocchi v2.6.57
 *
 * Problema risolto:
 *  1. Il logo "Paydea" era separato dalla card sidebar (appariva sopra,
 *     fuori dal riquadro bianco). Ora è incorporato nella stessa card.
 *  2. La card destra (.woocommerce-MyAccount-content) era disallineata
 *     rispetto al top della sidebar.
 * ============================================================ */

/* La sidebar wrapper è la VERA card: include sia il logo Kadence che il mio nav */
html body.woocommerce-account .account-navigation-wrap {
    background: var(--paydea-card-bg) !important;
    border: 1px solid var(--paydea-border) !important;
    border-radius: var(--paydea-radius) !important;
    padding: 16px 14px !important;
    box-shadow: var(--paydea-shadow) !important;
    margin-top: 0 !important;
    box-sizing: border-box !important;
}

/* Il mio <nav> dentro NON deve avere card propria (è ridondante) */
html body.woocommerce-account .account-navigation-wrap .woocommerce-MyAccount-navigation {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* L'header utente (saluto+pill) ora è interno alla card unica:
   tolgo il gradient mint che lo separava e i margini negativi che lo facevano
   sbordare */
html body.woocommerce-account .account-navigation-wrap .paydea-account-header {
    margin: 8px 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--paydea-border) !important;
    padding-bottom: 14px !important;
}

/* Il logo "Paydea" stampato da Kadence prima del nav:
   è dentro .account-navigation-wrap → riceve il padding del wrapper.
   Lo allineiamo allo stesso left padding del menu, niente margine top. */
html body.woocommerce-account .account-navigation-wrap > *:first-child {
    margin-top: 0 !important;
}

/* Allineamento verticale dei due blocchi (sidebar + content) al top */
html body.woocommerce-account .woocommerce {
    align-items: flex-start !important;
}

/* La card del contenuto destro deve avere lo stesso margin-top zero per
   allinearsi al top della sidebar */
html body.woocommerce-account .woocommerce-MyAccount-content {
    margin-top: 0 !important;
}

/* Se Kadence applica un padding/margin top al primary content area, lo neutralizziamo */
html body.woocommerce-account .account-content-wrap,
html body.woocommerce-account .entry-content,
html body.woocommerce-account .content-area {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ============================================================
 * INDIRIZZI — Righe con etichetta + valore (v2.6.63)
 * ============================================================ */
.paydea-address-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.paydea-address-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 0;
    margin: 0;
    line-height: 1.5;
}

.paydea-address-row-label {
    flex: 0 0 90px;
    margin: 0;
    color: var(--paydea-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    white-space: nowrap;
}

.paydea-address-row-value {
    flex: 1 1 auto;
    margin: 0;
    color: var(--paydea-text);
    font-size: 14px;
    font-weight: 500;
    word-break: break-word;
}

/* Mobile: stack label sopra valore */
@media (max-width: 767px) {
    .paydea-address-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
        padding: 6px 0;
        border-bottom: 1px solid var(--paydea-border);
    }
    .paydea-address-row:last-child {
        border-bottom: 0;
    }
    .paydea-address-row-label {
        flex: 0 0 auto;
        font-size: 11px;
    }
    .paydea-address-row-value {
        font-size: 14px;
    }
}

/* ============================================================
 * RESPONSIVE MOBILE — Fix consolidati v2.6.73
 *
 * Coprono i gap nelle media query precedenti e i problemi specifici
 * per schermi piccoli (≤767px) e mini (≤480px).
 * ============================================================ */

/* ─── Tutti i ≤991px: card Mio Account più compatte ───────── */
@media (max-width: 991px) {

    /* Card Mio Account: padding ridotto */
    html body.woocommerce-account .woocommerce-MyAccount-content {
        padding: 20px 18px !important;
        border-radius: 10px !important;
    }

    /* Sidebar wrapper: padding ridotto su mobile */
    html body.woocommerce-account .account-navigation-wrap {
        padding: 14px 12px !important;
        border-radius: 10px !important;
        width: 100% !important;
    }

    /* Card login/register/lost: padding ridotto */
    body.woocommerce-account.woocommerce-page:not(.logged-in) .woocommerce {
        padding: 24px 18px !important;
        border-radius: 10px !important;
        margin: 16px 12px !important;
        max-width: calc(100% - 24px) !important;
    }
}

/* ─── ≤767px: ottimizzazioni tablet/mobile ──────────────────── */
@media (max-width: 767px) {

    /* Form registrazione paydeaFrm: edge-to-edge */
    form[name="paydeaFrm"] {
        margin: 12px 8px !important;
        padding: 20px 16px !important;
        max-width: calc(100% - 16px) !important;
    }

    /* Le righe del form: stack singolo su mobile, no doppia colonna stretta */
    form[name="paydeaFrm"] .medium-6,
    form[name="paydeaFrm"] .medim-6 {
        flex: 1 1 100% !important;
        max-width: 100% !important;
    }

    /* Bottoni form login full-width per facilitare il tap */
    .woocommerce-form-login button[type="submit"],
    .woocommerce-form-register button[type="submit"],
    .woocommerce-ResetPassword button[type="submit"] {
        width: 100% !important;
        min-width: 0 !important;
        padding: 14px 20px !important;
    }

    /* Bottone "Salva modifiche" Dettagli account: full-width */
    .woocommerce-MyAccount-content form.edit-account button[type="submit"],
    button.woocommerce-Button[name="save_account_details"] {
        width: 100% !important;
        padding: 14px 20px !important;
    }

    /* Riga "Password dimenticata?" sotto il bottone su nuova riga */
    .woocommerce-LostPassword {
        display: block !important;
        margin-top: 12px !important;
        text-align: center !important;
    }

    /* Header utente sidebar: compatto */
    .paydea-account-header {
        padding: 12px 10px !important;
        margin: -8px -8px 6px !important;
    }
    .paydea-account-name {
        font-size: 15px !important;
    }
    .paydea-account-email {
        font-size: 11px !important;
    }

    /* Voci menu sidebar: tap target più alto */
    .woocommerce-MyAccount-navigation ul li a {
        padding: 14px 14px !important;
    }

    /* Dashboard welcome: titolo più piccolo */
    .paydea-dashboard-welcome h2 {
        font-size: 22px !important;
        line-height: 1.25 !important;
    }
    .paydea-dashboard-welcome p {
        font-size: 14px !important;
    }

    /* Stats card */
    .paydea-dashboard-stats {
        gap: 10px !important;
    }
    .paydea-stat {
        padding: 12px 14px !important;
        gap: 10px !important;
    }
    .paydea-stat-icon {
        flex: 0 0 36px !important;
        width: 36px !important;
        height: 36px !important;
    }
    .paydea-stat-icon .dashicons {
        font-size: 18px !important;
        width: 18px !important;
        height: 18px !important;
    }
    .paydea-stat-value {
        font-size: 17px !important;
    }
    .paydea-stat-label {
        font-size: 10px !important;
    }

    /* Indirizzi: card edge-to-edge */
    .paydea-addresses {
        gap: 12px !important;
    }
    .paydea-address-card {
        padding: 16px 14px !important;
    }
    .paydea-address-title h3 {
        font-size: 14px !important;
    }
    .paydea-address-edit-btn {
        padding: 0 14px 6px !important;
        font-size: 10px !important;
    }
    .paydea-address-add-btn {
        padding: 0 18px 8px !important;
        font-size: 11px !important;
        max-width: 100% !important;
    }

    /* Bottone "Sfoglia prodotti" nel notice ordini vuoti */
    .woocommerce-MyAccount-content .woocommerce-info {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .woocommerce-MyAccount-content .woocommerce-info .button {
        margin-left: 0 !important;
        margin-top: 10px !important;
    }

    /* Header form custom: titolo "Registrati oppure Accedi" */
    form[name="paydeaFrm"] .text-block h3 {
        font-size: 24px !important;
    }
    form[name="paydeaFrm"] .text-block h3 small {
        font-size: 14px !important;
    }

    /* Input form custom: font 16px (no zoom iOS al focus) */
    form[name="paydeaFrm"] .form-control,
    form[name="paydeaFrm"] input[type="text"],
    form[name="paydeaFrm"] input[type="email"],
    form[name="paydeaFrm"] input[type="password"],
    form[name="paydeaFrm"] input[type="tel"],
    form[name="paydeaFrm"] input[type="number"],
    form[name="paydeaFrm"] input[type="date"],
    form[name="paydeaFrm"] select {
        font-size: 16px !important;
    }
    .woocommerce-form-row .input-text,
    .woocommerce form .form-row input.input-text {
        font-size: 16px !important;
    }

    /* Tabelle (ordini, etc.): scroll orizzontale */
    .woocommerce-MyAccount-content table.shop_table {
        font-size: 13px !important;
    }
    .woocommerce-MyAccount-content table.shop_table th,
    .woocommerce-MyAccount-content table.shop_table td {
        padding: 10px 8px !important;
    }
}

/* ─── ≤480px: smartphone piccoli ────────────────────────────── */
@media (max-width: 480px) {

    /* Stats e Actions: 1 colonna stack */
    .paydea-dashboard-stats {
        grid-template-columns: 1fr !important;
    }

    /* Welcome: ancora più piccolo */
    .paydea-dashboard-welcome h2 {
        font-size: 19px !important;
    }

    /* Card indirizzi: padding minimo */
    .paydea-address-card {
        padding: 14px 12px !important;
    }

    /* Header indirizzi: compresso */
    .paydea-address-header {
        gap: 8px !important;
        padding-bottom: 10px !important;
        margin-bottom: 12px !important;
    }
    .paydea-address-icon {
        font-size: 18px !important;
        width: 18px !important;
        height: 18px !important;
    }

    /* Form custom: padding ulteriormente ridotto */
    form[name="paydeaFrm"] {
        padding: 16px 12px !important;
    }
    form[name="paydeaFrm"] .text-block h3 {
        font-size: 20px !important;
    }
    form[name="paydeaFrm"] .text-block h3 small {
        font-size: 13px !important;
    }

    /* Bottone INVIA form custom: full width */
    form[name="paydeaFrm"] input[type="button"].ur-submit-button,
    form[name="paydeaFrm"] input.btn.button {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Header utente sidebar: ancora più compatto */
    .paydea-account-name {
        font-size: 14px !important;
    }

    /* Card login/lost: edge-to-edge totale */
    body.woocommerce-account.woocommerce-page:not(.logged-in) .woocommerce {
        padding: 18px 14px !important;
        margin: 12px 8px !important;
        max-width: calc(100% - 16px) !important;
    }

    /* Card Mio Account: edge-to-edge */
    html body.woocommerce-account .woocommerce-MyAccount-content {
        padding: 16px 14px !important;
    }

    /* Tabelle ordini: nasconde colonne meno importanti */
    .woocommerce-MyAccount-content table.shop_table .woocommerce-orders-table__cell-order-date,
    .woocommerce-MyAccount-content table.shop_table th.woocommerce-orders-table__header-order-date {
        display: none;
    }
}

/* ─── Fix admin bar WP su mobile (46px invece di 32px) ────── */
@media screen and (max-width: 782px) {
    html.wp-toolbar body.woocommerce-account .woocommerce {
        margin-top: 30px !important;
    }
}


/* ─── Header non trasparente sulle pagine interne (solo la home resta trasparente sull hero) ─── */
body:not(.home) #masthead .site-main-header-wrap .site-header-row-container-inner {
    background: linear-gradient(126deg, rgb(16,20,57) 0%, rgb(81,61,196) 71%, rgb(38,190,204) 100%) !important;
}

/* ─── Rimuove la traccia/bordo attorno alla casella "Cerca prodotti" (header) ─── */
.header-search-bar .search-field,
.header-search-advanced .search-field,
.header-item-search-bar .search-field,
.header-search-bar .search-form,
.header-search-bar .woocommerce-product-search,
.search-toggle-style-bordered .search-field {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
.header-search-bar.search-toggle-style-bordered,
.header-search-bar .search-toggle-style-bordered {
    border: 0 !important;
    box-shadow: none !important;
}

/* Cashback badge header: spazio sopra (non attaccato al bordo) */
/* badge cashback: margini verticali a 0, lo centra il flex del genitore (.header-html-inner
   e display:flex/align-items:center). Con i margini il badge dettava l altezza della riga
   e l header del minisito diventava 84px contro i 60px del principale. */
#masthead .tk-cbadge { display: inline-block; margin-top: 0; margin-bottom: 0; }

/* ============================================================
   Sfondo gradiente brand sulla HOME (sito principale + mini-siti)
   Sostituisce le fasce: un unico gradiente navy -> viola -> teal.
   ============================================================ */
body.home {
    background: linear-gradient(135deg, #101439 0%, #2b1f7a 35%, #513dc4 62%, #26becc 100%) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}
/* Sezioni home trasparenti: lascia vedere il gradiente dietro */
body.home #content,
body.home .site-content,
body.home .content-area,
body.home .elementor-section,
body.home .elementor-section > .elementor-background-overlay,
body.home .elementor-column-wrap {
    background-color: transparent !important;
    background-image: none !important;
}
/* Titoli sezioni leggibili sul gradiente scuro */
body.home .elementor-section h1,
body.home .elementor-section h2,
body.home .elementor-section h3,
body.home .elementor-widget-heading .elementor-heading-title {
    color: #ffffff !important;
}

/* Cashback badge header: padding sotto */
/* (margin-bottom del badge rimosso: gonfiava la riga header) */

/* Lascia vedere il gradiente: wrapper .site trasparente sulla home */
body.home .site, body.home.content-style-unboxed .site { background: transparent !important; }

/* Card video: nessuno sfondo (mostra il gradiente dietro) */
.tk-vid-az-card { background: transparent !important; box-shadow: none !important; }

/* Barra superiore header: gradiente brand (come sito principale) */
.site-top-header-wrap .site-header-row-container-inner { background: linear-gradient(126deg, #101439 0%, #513dc4 71%, #26becc 100%) !important; }

/* Main header bar trasparente sulla home (come sito principale) */
body.home .site-main-header-wrap .site-header-row-container-inner { background: transparent !important; }

/* ============================================================
   TK personalizzazioni sessione (ricostruite dopo upload 2.6.101)
   ============================================================ */
/* "Scopri di più" Elementor: senza sfondo, testo bianco, Montserrat 700 italic 1.1em */
.elementor-button.elementor-button-link.elementor-size-sm.elementor-animation-grow,
.elementor-button.elementor-button-link.elementor-size-sm.elementor-animation-grow:hover,
.elementor-button.elementor-button-link.elementor-size-sm.elementor-animation-grow:focus {
    background: transparent !important; background-color: transparent !important;
    color: #ffffff !important; box-shadow: none !important;
}
.elementor-button.elementor-button-link.elementor-size-sm.elementor-animation-grow .elementor-button-text,
.elementor-button.elementor-button-link.elementor-size-sm.elementor-animation-grow .elementor-button-icon i {
    color: #ffffff !important; font-family: "Montserrat", Helvetica, Arial, sans-serif !important;
    font-weight: 700 !important; font-style: italic !important; font-size: 1.1em !important;
}
/* Home: sfondo navy fallback (gap sotto admin bar) + non-fixed sul minisito */
body.home { background-color: #101439 !important; }
body.elementor-kit-868.home { background-attachment: scroll !important; }
/* Minisite: nascondi riga top-header vuota */
body.elementor-kit-868 #masthead .site-top-header-wrap { display: none !important; }
/* Minisite home: riga bianca tra main-header e bottom-header */
body.elementor-kit-868.home #masthead .site-main-header-wrap .site-header-row-container-inner { border-bottom: none !important; }
/* Minisite home: spazio ricerca <-> categorie */
body.elementor-kit-868.home #primary.content-area { padding-top: 90px !important; }
/* Sticky minisito: nessuna regola specifica. Lo sticky segue gli stessi
   theme_mods del sito principale (header_sticky/mobile_header_sticky), cosi
   riga principale + barra ricerca restano attaccate come sul principale. */
/* Cashback badge header */
#masthead .tk-cbadge { display: inline-block; margin-top: 0 !important; margin-bottom: 0 !important; }
.tk-cbadge-pct { top: 64% !important; font-size: 15px !important; }
/* Bottone "Aggiungi al carrello" viola (come il Cerca) */
.woocommerce .single_add_to_cart_button, .woocommerce button.single_add_to_cart_button,
.woocommerce a.add_to_cart_button, .woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt {
    background: var(--global-palette2) !important; background-color: var(--global-palette2) !important;
    color: #ffffff !important; border-color: var(--global-palette2) !important;
}
.woocommerce .single_add_to_cart_button:hover, .woocommerce a.add_to_cart_button:hover, .woocommerce a.button.alt:hover { background: var(--global-palette2) !important; color: #fff !important; opacity: .92; }
/* Nome prodotto colore #2d3748 */
.woocommerce div.product .product_title, .woocommerce div.product h1.product_title,
.product-title .single-category, .wp-site-blocks .product-hero-section .extra-title,
.single-product .product_title { color: #2d3748 !important; }

/* ============================================================
 * Card archivio shop minisiti — look "bombato" della vetrina TK
 * (radius + ombra + lift, box stelle scuro, badge sconto viola,
 *  pill cashback viola, bottone carrello nero). — tema v2.6.105
 * Replica di assets/css/vetrina.css (.tk-pcard) applicata al
 * loop nativo WooCommerce (li.product).
 * ============================================================ */

/* Sfondo pagine #f1f1f1 (così le card bianche staccano), TRANNE la home.
   Dietro la griglia c'è il body (palette8), quindi basta cambiarlo. */
body:not(.home):not(.page-template-front-page) {
    background-color: #f1f1f1 !important;
}

/* Griglia: gap reale tra le card, nessun bordo contenitore */
.woocommerce ul.products.product-archive {
    gap: 22px !important;
    column-gap: 22px !important;
    row-gap: 22px !important;
    border: none !important;
}

/* Card bombata: bordo + radius + ombra SEMPRE visibile; overflow hidden
   clippa gli angoli (immagine/footer) così la card è davvero arrotondata */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product.entry.loop-entry {
    background: #fff !important;
    border: 1px solid #ffffff !important;    /* bordo bianco della card */
    border-radius: 12px !important;
    overflow: hidden !important;
    position: relative;
    box-shadow: none !important;             /* nessuna ombra (era lei a sembrare un bordo) */
    transition: box-shadow .2s, transform .2s !important;
}
.woocommerce ul.products li.product:hover {
    box-shadow: 0 8px 28px rgba(0, 0, 0, .13) !important;
    transform: translateY(-3px);
}
/* La card tiene il suo bordo 1px (come la vetrina). Azzero invece bordi/ombre
   SOLO sui figli e pseudo-elementi, così non si formano doppie cornici. */
.woocommerce ul.products li.product .product-details,
.woocommerce ul.products li.product .product-details.entry-content-wrap,
.woocommerce ul.products li.product .entry-content-wrap,
.woocommerce ul.products li.product .product-thumbnail,
.woocommerce ul.products li.product .content-bg,
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after,
.woocommerce ul.products li.product .product-details::before,
.woocommerce ul.products li.product .product-details::after {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}
/* Sfondo card e footer bianco puro (il tema usa una tinta cyan che stacca
   dalla pagina e sembra una cornice). */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product.entry.loop-entry,
.woocommerce ul.products li.product .product-details,
.woocommerce ul.products li.product .product-details.entry-content-wrap,
.woocommerce ul.products li.product .content-bg {
    background-color: #fff !important;
}

/* Thumbnail quadrata che riempie la larghezza (cover, niente bande bianche) */
.woocommerce ul.products li.product .product-thumbnail {
    position: relative;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.woocommerce ul.products li.product .product-thumbnail > a:first-child {
    display: block !important;
    height: auto !important;
    aspect-ratio: 1 / 1;   /* immagine quadrata come la vetrina */
    overflow: hidden;
    background: #f5f5f5;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.woocommerce ul.products li.product .product-thumbnail > a:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* Badge sconto viola (pill percentuale) — come la vetrina */
.woocommerce ul.products li.product .product-onsale .onsale,
.woocommerce ul.products li.product .onsale {
    display: inline-block !important;
    background: #826ac8 !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 6px 14px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
    width: auto !important;
    height: auto !important;
}
/* Margin della pill: staccata dall'angolo della card (come la vetrina) */
.woocommerce ul.products li.product .product-onsale {
    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    margin: 0 !important;
}

/* Box stelle scuro overlay in basso a destra sulla foto */
.woocommerce ul.products li.product .star-rating-block {
    position: absolute;
    bottom: 10px;
    right: 10px;
    margin: 0;
    padding: 4px 8px;
    background: rgba(0, 0, 0, .55);
    border-radius: 4px;
    z-index: 4;
    pointer-events: none;
    line-height: 1;
}
.woocommerce ul.products li.product .star-rating-block .star-rating {
    margin: 0;
    color: #f7bb03;
}
.woocommerce ul.products li.product .star-rating-block .star-rating::before,
.woocommerce ul.products li.product .star-rating-block .star-rating span::before {
    color: #f7bb03;
}

/* Dettagli (titolo + prezzo + footer) — padding compatto come la vetrina
   (il tema mette 2rem: troppo). Allineati a sinistra. */
.woocommerce ul.products li.product .product-details,
.woocommerce ul.products li.product .product-details.entry-content-wrap,
.loop-entry .entry-content-wrap {
    padding: 16px 16px 18px !important;
    text-align: left !important;
}

/* CORNICE: il tema disegna un bordo unico attorno alla griglia con
   ul.products.grid-cols::after (border 1px var(--global-gray-400) a tutta
   dimensione). È quella la "cornice": la rimuovo. */
.woocommerce ul.products.grid-cols::after,
.woocommerce ul.products.grid-cols:after {
    content: none !important;
    border: 0 !important;
    display: none !important;
}
/* Titolo scuro e bold (no verde tema) — riserva 2 righe come la vetrina,
   così lo spazio titolo→prezzo è uniforme anche con titoli a 1 riga */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title_ink {
    color: #2d3748 !important;
    font-weight: 700 !important;
    text-align: left !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title a,
.woocommerce ul.products li.product .woocommerce-loop-product__title_ink {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.4 !important;
    min-height: 2.8em !important;   /* 2 righe riservate */
}

/* Prezzo a sinistra */
.woocommerce ul.products li.product .price {
    justify-content: flex-start !important;
    text-align: left !important;
}

/* Pill cashback — identica alla vetrina (.tk-cashback-price) */
.woocommerce ul.products li.product .tk-archive-cashback {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0 0 8px;
    width: 100%;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    background: linear-gradient(113deg, #4f3f7d 0%, #826ac8 100%);
    border: 1px solid #826ac8;
    border-radius: 6px;
    line-height: 1.4;
    box-sizing: border-box;
    padding: 10px;
    white-space: nowrap;
}
.woocommerce ul.products li.product .tk-archive-cashback::before {
    content: '\21A9';
    font-size: 11px;
    opacity: .6;
}

/* Bottone carrello nero full-width (come .tk-pcard__btn).
   Il padding orizzontale lo dà ora .product-details, qui solo top. */
.woocommerce ul.products li.product .product-action-wrap {
    padding: 0 !important;
    margin-top: 6px;
}
.woocommerce ul.products li.product .product-action-wrap a.button.add_to_cart_button,
.woocommerce ul.products li.product .product-action-wrap a.button {
    display: block;
    width: 100%;
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 11px 10px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center;
    letter-spacing: .2px;
}
.woocommerce ul.products li.product .product-action-wrap a.button.add_to_cart_button:hover,
.woocommerce ul.products li.product .product-action-wrap a.button:hover {
    background: #70d0cc !important;
    color: #fff !important;
    opacity: 1;
}

/* ============================================================
 * Stato ATTIVO wishlist/compare sui bottoni reali (tkwssw/tkwssc).
 * Dopo il toggle all'hub il JS federato aggiunge .tkv-wl-attivo /
 * .tkv-cp-attivo: coloriamo l'icona (font-icon) di rosso = cuore
 * "attivo", come sul sito principale. — v2.6.114
 * ============================================================ */
/* Wishlist attiva = cuore PIENO rosso. Nascondo il glifo outline (font-icon)
   con color:transparent e mostro un heart SVG pieno come sfondo dell'icona. */
.tkwssw-btn.tkv-wl-attivo,
.woosw-btn.tkv-wl-attivo {
    color: transparent !important;
}
.tkwssw-btn.tkv-wl-attivo .tkwssw-btn-icon,
.woosw-btn.tkv-wl-attivo .woosw-btn-icon {
    color: transparent !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e0245e'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}
/* Se l'icona fosse un SVG inline, riempilo comunque di rosso */
.tkwssw-btn.tkv-wl-attivo svg,
.woosw-btn.tkv-wl-attivo svg {
    fill: #e0245e !important;
    stroke: #e0245e !important;
}
/* Confronto attivo = icona due-frecce NERA (come il sito principale).
   Nascondo il glifo verde del minisito e mostro l'icona SVG di confronto. */
.tkwssc-btn.tkv-cp-attivo,
.woosc-btn.tkv-cp-attivo {
    color: transparent !important;
}
.tkwssc-btn.tkv-cp-attivo .tkwssc-btn-icon,
.woosc-btn.tkv-cp-attivo .woosc-btn-icon {
    color: transparent !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e4057' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='17 1 21 5 17 9'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpolyline points='7 23 3 19 7 15'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}
.tkwssc-btn.tkv-cp-attivo svg,
.woosc-btn.tkv-cp-attivo svg {
    stroke: #2e4057 !important;
}



/* TK: titoli/testi teal WooCommerce -> scuro navy (leggibili su sfondo chiaro) */
.woocommerce-tabs ul.tabs li a,
.woocommerce-tabs ul.tabs li.active a,
#reviews h2, #reviews #comments h2,
.woocommerce-Reviews-title,
#review_form #reply-title, .comment-reply-title,
.related.products > h2, .up-sells.products > h2, .cross-sells.products > h2,
.woocommerce div.product .related > h2, .woocommerce div.product .upsells > h2,
.single-product-payments .title{
    color:#1f2937 !important;
}

/* TK: bottone Confronta smart-suite usa la stessa icona ⇄ delle card (il picker non la propone) */
.tkwssc-btn .tkwssc-btn-icon::before{content:none !important;}
.tkwssc-btn .tkwssc-btn-icon{
    font-size:0 !important;
    width:18px !important;height:18px !important;display:inline-block !important;
    background-repeat:no-repeat !important;background-position:center !important;background-size:contain !important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e4057' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='17 1 21 5 17 9'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpolyline points='7 23 3 19 7 15'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") !important;
}

/* TK: bottone Confronta smart-suite (schede tema/correlati) -> stessi colori delle card */
.tkwssc-btn,
.tkwssc-btn.tkwssc-btn-added,
.tkwssc-btn.tkv-cp-attivo{
    background:#fff !important;
    border:none !important;
    box-shadow:0 2px 6px rgba(0,0,0,.12) !important;
}
.tkwssc-btn:hover{ background:#2e4057 !important; }
.tkwssc-btn:hover .tkwssc-btn-icon{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='17 1 21 5 17 9'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpolyline points='7 23 3 19 7 15'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") !important;
}

/* TK: testi prodotto sbiaditi (COD / Categoria / meta) -> leggibili */
.product_meta, .product_meta span, .sku_wrapper, .posted_in, .tagged_as, .single-product-payments .title{ color:#374151 !important; }
.product_meta a, .posted_in a, .tagged_as a{ color:#1f2937 !important; }
.product_meta a:hover, .posted_in a:hover{ color:#0f172a !important; }

/* TK: wishlist smart-suite hover = cerchio scuro (era teal) */
.tkwssw-btn:hover{ background:#2e4057 !important; }
.tkwssw-btn:not(.tkwssw-added):not(.tkv-wl-attivo):hover .tkwssw-btn-icon{ color:#fff !important; }
.tkwssw-btn:not(.tkwssw-added):not(.tkv-wl-attivo):hover .tkwssw-btn-icon svg{ fill:#fff !important; stroke:#fff !important; }
/* TK: confronto smart-suite ATTIVO = icona rossa (anche in hover) */
.tkwssc-btn.tkwssc-btn-added,
.tkwssc-btn.woosc-btn-added,
.tkwssc-btn.tkv-cp-attivo{ background:#fff !important; }
.tkwssc-btn.tkwssc-btn-added:hover,
.tkwssc-btn.woosc-btn-added:hover,
.tkwssc-btn.tkv-cp-attivo:hover{ background:#2e4057 !important; }
.tkwssc-btn.tkwssc-btn-added .tkwssc-btn-icon,
.tkwssc-btn.woosc-btn-added .tkwssc-btn-icon,
.tkwssc-btn.tkv-cp-attivo .tkwssc-btn-icon,
.tkwssc-btn.tkwssc-btn-added:hover .tkwssc-btn-icon,
.tkwssc-btn.woosc-btn-added:hover .tkwssc-btn-icon,
.tkwssc-btn.tkv-cp-attivo:hover .tkwssc-btn-icon{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e0245e' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='17 1 21 5 17 9'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14'/%3E%3Cpolyline points='7 23 3 19 7 15'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E") !important;
}

/* === TK DEFINITIVO bottoni smart-suite wishlist/confronto (scheda prodotto + correlati) === */
a.tkwssw-btn, a.tkwssc-btn,
a.tkwssw-btn:hover, a.tkwssc-btn:hover,
a.tkwssw-btn:focus, a.tkwssc-btn:focus{ text-decoration:none !important; border:none !important; box-shadow:0 2px 6px rgba(0,0,0,.12) !important; }
a.tkwssw-btn::after, a.tkwssc-btn::after{ display:none !important; content:none !important; }
/* cerchio: bianco a riposo/attivo, scuro in hover */
a.tkwssw-btn, a.tkwssc-btn,
a.tkwssw-btn.tkwssw-added, a.tkwssw-btn.tkv-wl-attivo,
a.tkwssc-btn.tkwssc-btn-added, a.tkwssc-btn.woosc-btn-added, a.tkwssc-btn.tkv-cp-attivo{ background:#fff !important; }
a.tkwssw-btn:hover, a.tkwssc-btn:hover,
a.tkwssw-btn.tkwssw-added:hover, a.tkwssw-btn.tkv-wl-attivo:hover,
a.tkwssc-btn.tkwssc-btn-added:hover, a.tkwssc-btn.woosc-btn-added:hover, a.tkwssc-btn.tkv-cp-attivo:hover{ background:#2e4057 !important; }
/* cuore wishlist (glifo via color): navy a riposo, bianco hover, ROSSO attivo (anche hover) */
a.tkwssw-btn{ color:#2e4057 !important; }
a.tkwssw-btn:hover{ color:#fff !important; }
a.tkwssw-btn.tkwssw-added, a.tkwssw-btn.tkv-wl-attivo,
a.tkwssw-btn.tkwssw-added:hover, a.tkwssw-btn.tkv-wl-attivo:hover{ color:#e0245e !important; }

/* TK: titoli category-card del plugin sempre BIANCHI (vincono su tutto) */
html body .tkms-cc-card .tkms-cc-card-label,
html body .tkms-cc-track .tkms-cc-card-label,
html body .tkms-cc-card-label{ color:#ffffff !important; }

/* TK: titoli categoria (cerchi Elementor in .tk-category-grid) bianchi */
.tk-category-grid .elementor-heading-title,
.tkcg-container .elementor-heading-title{ color:#ffffff !important; }


/* TK: icona casa header (link .tk-home-link) - filled moderna */
a.tk-home-link{
    display:inline-block; width:32px; height:32px; line-height:0; text-indent:-9999px; overflow:hidden;
    background:center/contain no-repeat;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M11.47 3.84a.75.75 0 0 1 1.06 0l8.69 8.69a.75.75 0 1 0 1.06-1.06l-8.69-8.69a2.25 2.25 0 0 0-3.18 0l-8.69 8.69a.75.75 0 1 0 1.06 1.06l8.69-8.69Z'/%3E%3Cpath d='m12 5.43 8.16 8.16c.03.03.06.06.09.09v6.2c0 1.03-.84 1.87-1.88 1.87H15a.75.75 0 0 1-.75-.75v-4.5a.75.75 0 0 0-.75-.75h-3a.75.75 0 0 0-.75.75V21a.75.75 0 0 1-.75.75H5.63a1.88 1.88 0 0 1-1.88-1.87v-6.2c.03-.03.06-.06.09-.09L12 5.43Z'/%3E%3C/svg%3E");
    transition:transform .2s ease, opacity .2s ease;
    filter:drop-shadow(0 1px 2px rgba(0,0,0,.28));
}
a.tk-home-link:hover{ opacity:.9; transform:translateY(-2px) scale(1.08); }