/* Castaldi · area clienti, cassa e carrello (prototipo: login, registrazione, account, checkout).
   Le regole partono da «body» per stare sopra a quelle di WooCommerce ed Elementor (stessa convenzione di sito.css). */

/* ---------- testa delle pagine, passaggi ---------- */
body .pagina-testa { padding-block: clamp(20px, 3vw, 36px) clamp(24px, 3vw, 40px); display: flex; flex-direction: column; gap: 14px; }
body .pagina-testa .titolo-xl { margin: 0; }
body .conto-testa { gap: 8px; }
body .passi { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; counter-reset: passo; }
body .passi li { counter-increment: passo; display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 16px 0 7px; border-radius: 999px; background: var(--grigio); color: var(--ink); font-size: 15px; font-weight: 600; }
body .passi li::before { content: counter(passo); width: 26px; height: 26px; border-radius: 50%; background: var(--bianco); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 800; }
body .passi .fatto { background: var(--ink); color: var(--bianco); }
body .passi .fatto::before { content: "✓"; }
body .passi [aria-current="step"] { background: var(--blu); color: var(--bianco); }
body .passi [aria-current="step"]::before { color: var(--blu); }

/* ---------- elementi comuni ---------- */
body .icona-btn--chiara { background: var(--bianco); color: var(--blu); border: 0; }
body .icona-btn--piccola { width: 36px; height: 36px; flex: 0 0 36px; }
body .password { position: relative; display: block; }
body .password .input { padding-right: 56px; }
body .password button { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ink); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
body .password button:hover { background: var(--grigio); }
body .forza { display: flex; gap: 6px; margin-top: 6px; }
body .forza span { flex: 1; height: 6px; border-radius: 999px; background: var(--grigio); transition: background-color .3s; }
body .forza[data-livello="1"] span:nth-child(-n+1), body .forza[data-livello="2"] span:nth-child(-n+2), body .forza[data-livello="3"] span { background: var(--blu); }
body .riga-totale { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; color: var(--ink); font-variant-numeric: tabular-nums; }
body .riga-totale--piccola { font-size: 15px; }
body .riga-totale-nome { font-weight: 700; }
body .riga-totale strong, body .riga-totale .order-total strong { font-family: var(--f-titoli); font-size: 26px; letter-spacing: -0.02em; }
body .riga-totale--piccola strong { font-family: inherit; font-size: inherit; letter-spacing: 0; }

/* ---------- moduli WooCommerce col disegno del sito ---------- */
body .woocommerce form .form-row { display: flex; flex-direction: column; gap: 6px; float: none; width: auto; margin: 0; padding: 0; min-width: 0; }
body .woocommerce form .form-row::before, body .woocommerce form .form-row::after { display: none; }
body .woocommerce form .form-row label, body .woocommerce form .form-row legend { margin: 0; font-size: 14px; font-weight: 700; line-height: 1.4; color: var(--ink); }
body .woocommerce form .form-row label .aiuto, body .woocommerce form .form-row .optional { font-size: 13px; font-weight: 400; color: var(--testo); }
body .woocommerce form .form-row .required, body .woocommerce form .form-row abbr.required { display: none; }
body .woocommerce form .form-row .woocommerce-input-wrapper { display: block; width: 100%; }
body .woocommerce form .form-row .input-text, body .woocommerce form .form-row select, body .woocommerce form .form-row textarea,
body .woocommerce form .woocommerce-Input, body .woocommerce .input { width: 100%; min-height: 52px; margin: 0; padding: 0 16px; border: 1px solid var(--linea); border-radius: 14px; background: var(--bianco); font: inherit; font-size: 16px; line-height: 1.4; color: var(--ink); box-shadow: none; box-sizing: border-box; }
body .woocommerce form .form-row textarea.input-text, body .woocommerce form .form-row textarea { min-height: 140px; padding: 14px 16px; resize: vertical; }
body .woocommerce form .form-row select { padding-right: 44px; background: var(--bianco) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23222222' stroke-width='2.2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center; appearance: none; -webkit-appearance: none; cursor: pointer; }
body .woocommerce form .form-row .input-text:focus, body .woocommerce form .form-row select:focus, body .woocommerce form .form-row textarea:focus, body .woocommerce .input:focus { border-color: var(--blu); outline: 3px solid rgba(62,80,180,.2); outline-offset: 0; }
body .woocommerce form .form-row.woocommerce-invalid .input-text, body .woocommerce form .form-row.woocommerce-invalid select { border-color: #B3261E; }
body .woocommerce form .form-row.woocommerce-invalid label { color: #B3261E; }
body .woocommerce form .form-row.woocommerce-validated .input-text, body .woocommerce form .form-row.woocommerce-validated select { border-color: var(--linea); }
body .woocommerce .checkout-inline-error-message { margin: 0; font-size: 13px; color: #B3261E; }
body .woocommerce form .form-row .description { display: block; position: static; margin: 0; padding: 0; background: none; color: var(--testo); font-size: 13px; }
body .woocommerce form .form-row .description::before { display: none; }
body .woocommerce form .form-row .input-checkbox, body .woocommerce form .spunta input[type="checkbox"] { flex: 0 0 22px; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--blu); cursor: pointer; }
body .woocommerce form .form-row label.checkbox, body .woocommerce form label.spunta { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; font-weight: 400; color: var(--testo); cursor: pointer; }
body .woocommerce form .form-row label.checkbox span { color: var(--testo); }
body .woocommerce .button, body .woocommerce button.button, body .woocommerce a.button, body .woocommerce input.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 22px; border: 0; border-radius: 999px; background: var(--ink); color: var(--bianco); font: inherit; font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background-color .2s; }
body .woocommerce .button:hover, body .woocommerce button.button:hover, body .woocommerce a.button:hover { background: var(--blu); color: var(--bianco); }
body .woocommerce .button:disabled, body .woocommerce .button.disabled { opacity: .5; cursor: not-allowed; }
body .woocommerce .button.alt, body .woocommerce button.button.alt { background: var(--blu); }
body .woocommerce .button.alt:hover, body .woocommerce button.button.alt:hover { background: var(--ink); }

/* tabelle di WooCommerce (ordini, dettaglio ordine, carrello) come .tabella */
body .woocommerce table.shop_table { width: 100%; margin: 0; border: 0; border-radius: 0; border-collapse: collapse; font-size: 15px; font-variant-numeric: tabular-nums; }
body .woocommerce table.shop_table th, body .woocommerce table.shop_table td { padding: 14px 12px; border: 0; border-bottom: 1px solid var(--bordo); background: none; text-align: left; vertical-align: middle; line-height: 1.5; }
body .woocommerce table.shop_table thead th { font-size: 13px; font-weight: 600; color: var(--testo); }
body .woocommerce table.shop_table tbody th, body .woocommerce table.shop_table tfoot th { color: var(--ink); font-weight: 700; }
body .woocommerce table.shop_table tfoot td, body .woocommerce table.shop_table tfoot th { border-top: 0; }
body .woocommerce table.shop_table a { color: var(--ink); font-weight: 600; }
body .woocommerce table.shop_table a:hover { color: var(--blu); }
body .woocommerce table.shop_table .button { min-height: 36px; padding: 0 16px; font-size: 14px; }
body .woocommerce table.shop_table .woocommerce-orders-table__cell-order-actions { white-space: nowrap; }
body .woocommerce table.shop_table .woocommerce-orders-table__cell-order-actions .button + .button { margin-left: 6px; }
body .woocommerce mark { background: none; color: var(--ink); font-weight: 700; }

/* ---------- accesso e registrazione ---------- */
body .conto-accesso { display: flex; flex-wrap: wrap; gap: 24px; margin-block: 28px clamp(48px, 6vw, 88px); }
body .conto-accesso:has(.conto-scheda--larga) { align-items: flex-start; }
body .conto-scheda { flex: 1 1 440px; min-width: 0; }
body .conto-scheda--larga { flex: 1.3 1 520px; }
body .conto-scheda .titolo-xl { margin: 0; }
body .conto-intro { margin: 12px 0 0; font-size: 18px; }
body .conto-modulo, body .woocommerce form.conto-modulo { margin: 28px 0 0; padding: 0; border: 0; border-radius: 0; display: flex; flex-direction: column; gap: 18px; text-align: left; }
body .conto-modulo .campi-nome { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
body .conto-modulo .spunta a { color: var(--blu); font-weight: 700; }
body .conto-modulo .campo { margin: 0; }
body .conto-modulo .griglia-campi { gap: 16px; }
body .conto-modulo .form-row { margin: 0; }
body .conto-modulo fieldset { margin: 0; padding: 0; border: 0; }
body .conto-modulo .interessi .chips { margin-top: 10px; }
body .conto-riga { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
body .conto-centro { margin: 0; text-align: center; }
body .conto-pannello { flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }
body .conto-pannello .conto-intro, body .conto-pannello .titolo-l { margin: 0; }
body .conto-vantaggi { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
body .conto-vantaggi li { display: flex; gap: 12px; align-items: center; }
body .conto-nota { margin: 0; color: var(--grigio); }
body .conto-lato { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
body .conto-perche { display: flex; flex-direction: column; gap: 18px; }
body .conto-perche .titolo-m { margin: 0; }
body .conto-motivo { display: flex; gap: 14px; }
body .conto-motivo p { margin: 0; }
body .conto-motivo strong { color: var(--ink); }
body .conto-voto p { margin: 8px 0 0; }
body .conto-voto .conto-voto-numero { margin: 0; font-family: var(--f-titoli); font-size: 40px; font-weight: 800; line-height: 1; color: var(--bianco); }

/* ---------- area clienti ---------- */
body .conto-layout, body .cassa { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px; padding-bottom: clamp(48px, 6vw, 88px); }
body .woocommerce .conto-layout .menu-account, body .menu-account { float: none; width: auto; flex: 1 1 240px; max-width: 280px; min-width: 0; position: sticky; top: 16px; display: flex; flex-direction: column; gap: 4px; }
body .menu-account a { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 16px; border-radius: 14px; color: var(--testo); font-weight: 600; }
body .menu-account a:hover { background: var(--grigio); color: var(--ink); }
body .menu-account a[aria-current="page"] { background: var(--ink); color: var(--bianco); }
body .woocommerce .conto-layout .conto-contenuto, body .conto-contenuto { float: none; width: auto; flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
body .conto-pagina > :first-child { margin-top: 0; }
body .conto-pagina > :last-child { margin-bottom: 0; }
body .conto-bacheca { display: flex; flex-direction: column; gap: 16px; }
body .conto-numeri { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; }
body .conto-numeri .pannello p { margin: 0; }
body .conto-numeri .pannello--blu .piccolo { color: var(--grigio); }
body .conto-numero, body .conto-numero .c2e-progresso-numero { font-family: var(--f-titoli); font-size: 44px; font-weight: 800; line-height: 1.1; color: var(--ink); }
body .pannello--blu .conto-numero, body .pannello--blu .conto-numero .c2e-progresso-numero { color: var(--bianco); }
body .conto-sezione-testa { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
body .conto-sezione-testa .titolo-m { margin: 0; }
body .conto-desideri .conto-sezione-testa { margin-bottom: 16px; }
body .conto-fila { display: flex; flex-wrap: wrap; gap: 16px; }
body .conto-fila > * { flex: 1 1 320px; min-width: 0; }
body .conto-fila > .conto-desideri { flex: 1.3 1 380px; }
body .conto-fila > .conto-collezione { flex: 1 1 300px; }
body .conto-collezione, body .conto-valutazione { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
body .conto-collezione .titolo-m, body .conto-valutazione .titolo-m, body .conto-collezione .occhiello { margin: 0; }
body .conto-collezione .c2e-progresso { width: 100%; }
body .conto-valutazione p { margin: 0; }
body .conto-indirizzo address { margin: 12px 0 0; font-style: normal; line-height: 1.8; }
body .conto-indirizzo .link-blu { display: inline-block; margin-top: 12px; }
body .conto-indirizzo p { margin: 12px 0 0; }
/* indirizzi salvati */
body .woocommerce .conto-contenuto .woocommerce-Addresses { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; margin: 16px 0 0; }
body .woocommerce .conto-contenuto .woocommerce-Addresses::before, body .woocommerce .conto-contenuto .woocommerce-Addresses::after { display: none; }
body .woocommerce .conto-contenuto .woocommerce-Address { float: none; width: auto; padding: 22px; border-radius: 20px; background: var(--grigio); }
body .woocommerce .conto-contenuto .woocommerce-Address-title { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; }
body .woocommerce .conto-contenuto .woocommerce-Address-title::before, body .woocommerce .conto-contenuto .woocommerce-Address-title::after { display: none; }
body .woocommerce .conto-contenuto .woocommerce-Address-title h2 { margin: 0; font-family: var(--f-titoli); font-size: 22px; color: var(--ink); }
body .woocommerce .conto-contenuto .woocommerce-Address-title .edit { float: none; color: var(--blu); font-weight: 700; }
body .woocommerce .conto-contenuto .woocommerce-Address address { margin: 12px 0 0; font-style: normal; line-height: 1.8; }
/* moduli dell'area clienti: indirizzo e dettagli account */
body .woocommerce .conto-contenuto .woocommerce-address-fields__field-wrapper,
body .woocommerce .conto-contenuto .edit-account { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
body .woocommerce .conto-contenuto .edit-account .form-row-wide, body .woocommerce .conto-contenuto .edit-account fieldset,
body .woocommerce .conto-contenuto .edit-account > p:last-of-type, body .woocommerce .conto-contenuto .edit-account > div:not(.clear) { grid-column: 1 / -1; }
body .woocommerce .conto-contenuto .edit-account .clear { display: none; }
body .woocommerce .conto-contenuto .edit-account fieldset { margin: 8px 0 0; padding: 22px; border: 1px solid var(--bordo); border-radius: 20px; display: grid; gap: 16px; }
body .woocommerce .conto-contenuto .edit-account legend { padding: 0 8px; font-family: var(--f-titoli); font-size: 20px; font-weight: 700; color: var(--ink); }
body .woocommerce .conto-contenuto .edit-account em { font-size: 13px; color: var(--testo); }
body .woocommerce .conto-contenuto .woocommerce-address-fields > p:last-child, body .woocommerce .conto-contenuto .woocommerce-address-fields .button { margin-top: 18px; }
body .woocommerce .conto-pagina h2, body .woocommerce .conto-pagina h3 { font-family: var(--f-titoli); color: var(--ink); }
/* dettaglio dell'ordine */
body .woocommerce .woocommerce-order-details, body .woocommerce .woocommerce-customer-details { margin: 24px 0 0; }
body .woocommerce .woocommerce-order-details__title, body .woocommerce .woocommerce-column__title { margin: 0 0 12px; font-family: var(--f-titoli); font-size: 24px; color: var(--ink); }
body .woocommerce .woocommerce-customer-details .col2-set { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
body .woocommerce .woocommerce-customer-details .col2-set::before, body .woocommerce .woocommerce-customer-details .col2-set::after { display: none; }
body .woocommerce .woocommerce-customer-details .col2-set .col-1, body .woocommerce .woocommerce-customer-details .col2-set .col-2 { float: none; width: auto; }
body .woocommerce .woocommerce-customer-details address { margin: 0; padding: 22px; border: 0; border-radius: 20px; background: var(--grigio); font-style: normal; line-height: 1.8; }
body .woocommerce .woocommerce-customer-details address p[class] { margin: 4px 0 0; padding-left: 0; }
body .woocommerce .woocommerce-customer-details address p::before { display: none; }
body .woocommerce .recesso-ordine { margin: 16px 0 0; }
body .woocommerce .woocommerce-pagination { display: flex; gap: 8px; margin-top: 16px; }

/* ---------- cassa ---------- */
body .cassa > .woocommerce-NoticeGroup, body .cassa > .woocommerce-error, body .cassa > .woocommerce-message, body .cassa > .woocommerce-info { flex: 1 1 100%; }
body .woocommerce .cassa-colonna, body .cassa-colonna { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 16px; float: none; width: auto; }
body .cassa-sezione .titolo-m { margin: 0; }
body .cassa-sezione .titolo-m .aiuto { font-family: var(--f-testo); font-size: 15px; font-weight: 400; letter-spacing: 0; }
body .cassa-campi, body .cassa-sezione .woocommerce-billing-fields, body .cassa-note { margin-top: 18px; }
body .cassa-sezione .woocommerce-billing-fields .cassa-campi { margin-top: 0; }
body .cassa-campi { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
body .cassa-campi::before, body .cassa-campi::after { display: none; }
/* campi larghi come nel prototipo: email, codice fiscale, indirizzo, telefono */
body .cassa-campi #billing_email_field, body .cassa-campi #billing_codice_fiscale_field, body .cassa-campi #billing_company_field,
body .cassa-campi #billing_address_1_field, body .cassa-campi #billing_address_2_field, body .cassa-campi #billing_phone_field,
body .cassa-campi #shipping_company_field, body .cassa-campi #shipping_address_1_field, body .cassa-campi #shipping_address_2_field,
body .cassa-campi #account_username_field, body .cassa-campi #account_password_field { grid-column: 1 / -1; }
body .cassa-campi .form-row[style*="display: none"], body .cassa-campi .form-row[hidden] { display: none; }
body .cassa-spunta { margin-top: 14px; }
body .cassa-accedi { margin: 10px 0 0; }
body .cassa-conto { margin-top: 14px; }
body .cassa-conto .create-account.griglia-campi { margin-top: 14px; }
body .cassa-altro-indirizzo { margin: 16px 0 0; }
body .shipping_address { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--bordo); }
body .cassa-sottotitolo { margin: 0 0 14px; font-family: var(--f-titoli); font-size: 20px; font-weight: 700; color: var(--ink); }
body .scelte { list-style: none; margin: 18px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
body .scelte > li { margin: 0; padding: 0; }
body .scelta { display: flex; align-items: center; gap: 14px; margin: 0; padding: 18px; border: 1.5px solid var(--linea); border-radius: 18px; cursor: pointer; transition: border-color .2s, background-color .2s; }
body .scelta:has(input:checked) { border-color: var(--blu); background: rgba(62,80,180,.06); }
body .scelta input[type="radio"] { width: 22px; height: 22px; margin: 0; accent-color: var(--blu); flex: 0 0 22px; }
body .scelta .testo-scelta { flex: 1; min-width: 0; }
body .scelta strong { display: block; color: var(--ink); }
body .scelta .piccolo { display: block; }
body .scelta-prezzo { font-weight: 700; color: var(--ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
body .scelta img { max-height: 26px; width: auto; margin: 0; }
body .niente-spedizione { padding: 18px; border-radius: 18px; background: var(--grigio); }
/* metodi di pagamento: niente sfondo né fumetto di WooCommerce */
body .cassa #payment { background: none; border-radius: 0; }
body .cassa #payment ul.payment_methods { margin: 18px 0 0; padding: 0; border: 0; }
body .cassa #payment ul.payment_methods::before, body .cassa #payment ul.payment_methods::after { display: none; }
/* la scheda è tutto il <li>: titolo e descrizione del metodo stanno dentro, come nel prototipo */
body .cassa #payment ul.payment_methods li.wc_payment_method { padding: 18px; border: 1.5px solid var(--linea); border-radius: 18px; line-height: 1.5; font-weight: 400; transition: border-color .2s, background-color .2s; }
body .cassa #payment ul.payment_methods li.wc_payment_method:has(input.input-radio:checked) { border-color: var(--blu); background: rgba(62,80,180,.06); }
body .cassa #payment ul.payment_methods li.wc_payment_method .scelta { padding: 0; border: 0; border-radius: 0; background: none; }
body .cassa #payment ul.payment_methods li input { margin: 0; }
body .cassa #payment div.payment_box { margin: 0; padding: 4px 0 0 36px; background: none; color: var(--testo); font-size: 14px; }
body .cassa #payment li.wc_payment_method:has(input.input-radio[style*="none"]) div.payment_box { padding-left: 0; }
body .cassa #payment div.payment_box::before { display: none; }
body .cassa #payment div.payment_box p { margin: 0 0 8px; }
body .cassa #payment div.payment_box p:last-child { margin-bottom: 0; }
/* riepilogo */
body .colonna-riepilogo { flex: 0 1 440px; min-width: 0; position: sticky; top: 16px; }
body .riepilogo-scheda { display: flex; flex-direction: column; gap: 16px; }
body .riepilogo-scheda .titolo-m { margin: 0; }
body .riepilogo { display: flex; flex-direction: column; gap: 16px; }
body .riepilogo-righe { display: flex; flex-direction: column; gap: 14px; }
body .riepilogo .riga-carrello { grid-template-columns: 56px minmax(0, 1fr) auto; }
body .riepilogo .mini { width: 56px; height: 56px; border-radius: 12px; }
body .riepilogo .riga-carrello dl.variation { margin: 4px 0 0; font-size: 13px; }
body .riepilogo-sconto { display: flex; gap: 8px; }
body .riepilogo-sconto .input { min-height: 48px; }
body .riepilogo-sconto.in-corso { opacity: .6; pointer-events: none; }
body .riepilogo-totali { border-top: 1px solid var(--bordo); padding-top: 14px; display: flex; flex-direction: column; gap: 8px; }
body .riepilogo-totali .woocommerce-remove-coupon { margin-left: 6px; font-size: 13px; color: var(--testo); text-decoration: underline; }
body .riepilogo .place-order { display: flex; flex-direction: column; gap: 14px; }
body .riepilogo .woocommerce-terms-and-conditions-wrapper { display: flex; flex-direction: column; gap: 10px; }
body .riepilogo .woocommerce-privacy-policy-text p { margin: 0; font-size: 13px; line-height: 1.5; color: var(--testo); }
body .riepilogo .woocommerce-privacy-policy-text a { color: var(--blu); font-weight: 700; }
body .riepilogo .woocommerce-terms-and-conditions-checkbox-text a { color: var(--blu); font-weight: 700; }
body .riepilogo #place_order { width: 100%; min-height: 52px; font-size: 16px; }
body .riepilogo-fiducia { margin: 0; display: flex; gap: 8px; align-items: center; }
body .blockUI.blockOverlay { border-radius: 28px; }
@media (max-width: 1020px) {
  body .colonna-riepilogo { flex: 1 1 100%; position: static; }
}
@media (max-width: 760px) {
  body .woocommerce .conto-layout .menu-account, body .menu-account { position: static; max-width: none; flex: 1 1 100%; flex-direction: row; flex-wrap: wrap; gap: 8px; }
  body .menu-account a { min-height: 44px; border: 1px solid var(--linea); border-radius: 999px; }
  body .menu-account a[aria-current="page"] { border-color: var(--ink); }
}

/* ---------- conferma d'ordine ---------- */
body .conferma { display: flex; flex-direction: column; gap: 24px; padding-bottom: clamp(48px, 6vw, 88px); }
body .conferma-pannello { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; }
body .conferma-pannello .titolo-l, body .conferma-pannello p { margin: 0; }
body .conferma-testo { font-size: 18px; max-width: 60ch; }
body .woocommerce ul.conferma-dati, body .conferma-dati { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 16px 40px; }
body .woocommerce ul.conferma-dati::before, body .woocommerce ul.conferma-dati::after { display: none; }
body .woocommerce ul.conferma-dati li { float: none; margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; gap: 2px; font-size: 14px; text-transform: none; color: var(--grigio); }
body .woocommerce ul.conferma-dati li strong { display: block; font-size: 20px; line-height: 1.3; color: var(--bianco); }
body .conferma-azioni { display: flex; flex-wrap: wrap; gap: 12px; }
body .conferma-dettagli > * { margin: 0 0 24px; }
body .conferma-dettagli .wc-bacs-bank-details-heading { font-family: var(--f-titoli); font-size: 24px; color: var(--ink); margin: 0 0 12px; }
body .conferma-dettagli .wc-bacs-bank-details { list-style: none; margin: 0; padding: 22px; border-radius: 20px; background: var(--grigio); display: grid; gap: 8px; }
body .woocommerce .conferma-dettagli ul.wc-bacs-bank-details li { float: none; margin: 0; padding: 0; border: 0; font-size: 14px; line-height: 1.5; text-transform: none; }
body .woocommerce .conferma-dettagli ul.wc-bacs-bank-details li strong { display: block; font-size: 17px; color: var(--ink); }
body .conferma-dettagli .woocommerce-order-details, body .conferma-dettagli .woocommerce-customer-details { padding: clamp(22px, 3vw, 40px); border: 1px solid var(--bordo); border-radius: 28px; }

/* ---------- carrello (pagina) ---------- */
body.woocommerce-cart .woocommerce { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 32px; }
body.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper { flex: 1 1 100%; }
body .woocommerce-cart-form { flex: 999 1 560px; min-width: 0; }
body .woocommerce table.shop_table.cart .product-thumbnail img { width: 64px; height: 64px; object-fit: contain; border-radius: 12px; background: var(--grigio); }
body .woocommerce table.shop_table.cart .product-remove a.remove { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--testo) !important; font-size: 22px; font-weight: 400; }
body .woocommerce table.shop_table.cart .product-remove a.remove:hover { background: var(--grigio); color: var(--ink) !important; }
body .woocommerce table.shop_table.cart .quantity .qty { width: 72px; min-height: 44px; padding: 0 8px; border: 1px solid var(--linea); border-radius: 12px; text-align: center; font: inherit; }
body .woocommerce table.shop_table.cart td.actions { padding-top: 18px; border-bottom: 0; }
body .woocommerce table.shop_table.cart td.actions .coupon { display: flex; flex-wrap: wrap; gap: 8px; float: left; }
body .woocommerce table.shop_table.cart td.actions .coupon .input-text { width: 200px; min-height: 44px; padding: 0 14px; border: 1px solid var(--linea); border-radius: 999px; font: inherit; }
body .woocommerce table.shop_table.cart td.actions > .button { float: right; }
body.woocommerce-cart .cart-collaterals { flex: 0 1 440px; min-width: 0; width: auto; }
body.woocommerce-cart .cart-collaterals .cart_totals { float: none; width: auto; padding: clamp(22px, 3vw, 40px); border: 1px solid var(--bordo); border-radius: 28px; background: var(--bianco); }
body.woocommerce-cart .cart-collaterals .cart_totals h2 { margin: 0 0 12px; font-family: var(--f-titoli); font-size: clamp(22px, 2vw, 28px); color: var(--ink); }
body.woocommerce-cart .cart-collaterals .cart_totals .order-total strong { font-family: var(--f-titoli); font-size: 26px; color: var(--ink); }
body.woocommerce-cart .wc-proceed-to-checkout { padding: 18px 0 0; }
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { width: 100%; min-height: 52px; margin: 0; background: var(--blu); font-size: 16px; }
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover { background: var(--ink); }
body.woocommerce-cart #shipping_method { list-style: none; margin: 0; padding: 0; }
body.woocommerce-cart #shipping_method li { margin: 0 0 6px; }
body.woocommerce-cart .cart-empty { flex: 1 1 100%; }
body.woocommerce-cart .return-to-shop { flex: 1 1 100%; margin: 0; }
@media (max-width: 1020px) {
  body.woocommerce-cart .cart-collaterals { flex: 1 1 100%; }
}
@media (max-width: 760px) {
  body .woocommerce table.shop_table.cart td.actions .coupon { float: none; width: 100%; margin-bottom: 10px; }
  body .woocommerce table.shop_table.cart td.actions .coupon .input-text, body .woocommerce table.shop_table.cart td.actions .coupon .button { flex: 1 1 100%; width: 100%; }
  body .woocommerce table.shop_table.cart td.actions > .button { float: none; width: 100%; }
}