/* ──────────────────────────────────────────────
   CAPYS — Restyling checkout/carrello/account WooCommerce
   Palette "Antica Capua": avorio, terra, sabbia, porpora
   Scoped alle sole pagine WooCommerce.
   ────────────────────────────────────────────── */

:root {
  --capys-ink: #2a211a;
  --capys-cream: #f6efe2;
  --capys-sand: #e3d5bc;
  --capys-sand-light: #ece3d2;
  --capys-terra: #9a5e3a;
  --capys-porpora: #6e1b2e;
  --capys-line: rgba(42, 33, 26, 0.12);
}

/* ── Sfondo e testo base ── */
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
  background: var(--capys-cream) !important;
  color: var(--capys-ink);
  font-family: "Didact Gothic", system-ui, sans-serif;
}

body.woocommerce-cart .site-content,
body.woocommerce-checkout .site-content,
body.woocommerce-account .site-content,
body.woocommerce-cart #main,
body.woocommerce-checkout #main,
body.woocommerce-account #main {
  background: var(--capys-cream) !important;
}

/* ── Titoli in serif ── */
body.woocommerce-cart h1,
body.woocommerce-checkout h1,
body.woocommerce-account h1,
.woocommerce h2,
.woocommerce h3,
.wc-block-components-title,
#order_review_heading,
.cart_totals h2,
.woocommerce-checkout #payment .wc-block-components-title {
  font-family: "Cinzel", Georgia, serif !important;
  color: var(--capys-ink) !important;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.woocommerce .entry-title,
.woocommerce-account .entry-title {
  font-family: "Cinzel", Georgia, serif !important;
}

/* ── Tabelle (carrello, totali, riepilogo ordine) ── */
.woocommerce table.shop_table,
.woocommerce-checkout .shop_table,
.wc-block-cart-items,
.wc-block-components-totals-wrapper {
  border: 1px solid var(--capys-line) !important;
  border-radius: 4px;
  background: #fff;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-checkout .cart_totals th,
.woocommerce-checkout .cart_totals td {
  border-color: var(--capys-line) !important;
}
.woocommerce table.shop_table thead th,
.cart_totals h2,
.woocommerce-checkout #order_review_heading {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.78rem;
}

/* riquadro riepilogo ordine / totali su sabbia chiara */
.woocommerce-checkout #order_review,
.woocommerce .cart_totals,
.wc-block-components-totals-wrapper {
  background: var(--capys-sand-light) !important;
  padding: 1.5rem !important;
  border-radius: 4px;
}

/* ── Campi form ── */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.select2-container .select2-selection,
.wc-block-components-text-input input {
  background: #fff !important;
  border: 1px solid var(--capys-line) !important;
  border-radius: 3px !important;
  color: var(--capys-ink) !important;
  padding: 0.7rem 0.8rem !important;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.wc-block-components-text-input input:focus {
  border-color: var(--capys-terra) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px var(--capys-terra) !important;
}
.woocommerce form .form-row label,
.wc-block-components-text-input label {
  color: var(--capys-ink);
  font-size: 0.85rem;
  letter-spacing: 0.02em;
}

/* ── Bottoni ── */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.wc-block-components-button {
  background: var(--capys-ink) !important;
  color: var(--capys-cream) !important;
  border: 1px solid var(--capys-ink) !important;
  border-radius: 2px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  font-size: 0.8rem !important;
  font-weight: 500 !important;
  padding: 0.95rem 1.8rem !important;
  transition: background 0.3s ease, border-color 0.3s ease !important;
  box-shadow: none !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.wc-block-components-button:hover,
#place_order:hover {
  background: var(--capys-porpora) !important;
  border-color: var(--capys-porpora) !important;
  color: #fff !important;
}

/* CTA principali (procedi / paga ora) in porpora */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
#place_order,
.wc-block-components-checkout-place-order-button {
  background: var(--capys-porpora) !important;
  border-color: var(--capys-porpora) !important;
  width: 100%;
  text-align: center;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
#place_order:hover,
.wc-block-components-checkout-place-order-button:hover {
  background: var(--capys-ink) !important;
  border-color: var(--capys-ink) !important;
}

/* ── Link e accenti ── */
.woocommerce a,
.woocommerce-account a,
.wc-block-components-link {
  color: var(--capys-terra);
}
.woocommerce a:hover,
.wc-block-components-link:hover {
  color: var(--capys-porpora);
}

/* prezzi/totali in evidenza */
.woocommerce .order-total .amount,
.woocommerce .cart_totals .order-total .amount,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
  color: var(--capys-terra) !important;
  font-family: "Playfair Display", Georgia, serif !important;
}

/* messaggi / notice */
.woocommerce-message,
.woocommerce-info,
.wc-block-components-notice-banner {
  border-top-color: var(--capys-terra) !important;
  background: #fff !important;
}
.woocommerce-message::before,
.woocommerce-info::before {
  color: var(--capys-terra) !important;
}

/* badge "step" / titoli sezione checkout a blocchi */
.wc-block-components-checkout-step__title {
  font-family: "Cinzel", Georgia, serif !important;
  color: var(--capys-ink) !important;
}

/* ══════════════════════════════════════════════════════════════
   OVERRIDE ANTI-PORTO (v1.0.3)
   Neutralizza lo skin arancione di Porto (#e0612a) e il guscio del
   tema (header banner, step, footer) sulle sole pagine WooCommerce.
   ══════════════════════════════════════════════════════════════ */

/* Step/breadcrumb checkout (Porto .woo-page-header) */
.woo-page-header.page-header-8 {
  background: var(--capys-cream) !important;
  padding: 2.2rem 0 0.4rem !important;
  border: 0 !important;
}
.woo-page-header .breadcrumb { background: transparent !important; margin: 0 !important; }
.woo-page-header .breadcrumb li,
.woo-page-header .breadcrumb li a {
  color: var(--capys-ink) !important;
  font-family: "Cinzel", Georgia, serif !important;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.8rem;
}
.woo-page-header .breadcrumb li.current,
.woo-page-header .breadcrumb li.current a { color: var(--capys-terra) !important; }
.woo-page-header .breadcrumb li.disable,
.woo-page-header .breadcrumb li.disable a { color: rgba(42, 33, 26, 0.38) !important; }

/* Box "Totale carrello" (Porto .card) */
.cart-collaterals .card,
.cart_totals .card.card-default {
  background: var(--capys-sand-light) !important;
  border: 1px solid var(--capys-line) !important;
  box-shadow: none !important;
}
.cart-collaterals .card-sub-title,
.cart-collaterals h4,
.cart_totals h4,
.cart_totals th h4,
.shipping_calculator h2,
.shipping_calculator h2 a,
body.woocommerce-cart h4,
body.woocommerce-checkout h4 {
  color: var(--capys-ink) !important;
  font-family: "Cinzel", Georgia, serif !important;
}

/* Importi: totale in terra/serif, subtotale in ink */
.cart_totals .order-total .amount,
.order-total .woocommerce-Price-amount {
  color: var(--capys-terra) !important;
  font-family: "Playfair Display", Georgia, serif !important;
}
.product-subtotal .woocommerce-Price-amount { color: var(--capys-ink) !important; }

/* Nome prodotto + link lista */
.woocommerce td.product-name a,
.product-name a,
ul.cart_list .product-details a,
.product_list_widget .product-details a { color: var(--capys-ink) !important; }
.woocommerce td.product-name a:hover { color: var(--capys-porpora) !important; }

/* Sweep skin arancione Porto → terra (solo queste pagine) */
.color-primary,
.text-color-primary,
html .heading-primary,
html .lnk-primary,
.stock,
.has-primary-color,
article.post .post-title { color: var(--capys-terra) !important; }

/* CTA "Procedi con l'ordine" (Porto .btn-v-dark) → porpora */
.wc-proceed-to-checkout a.btn,
.wc-proceed-to-checkout .btn-v-dark,
.wc-proceed-to-checkout a.btn.btn-v-dark {
  background: var(--capys-porpora) !important;
  border-color: var(--capys-porpora) !important;
  color: #fff !important;
}
.wc-proceed-to-checkout a.btn i,
.wc-proceed-to-checkout a.btn span { color: #fff !important; }
.wc-proceed-to-checkout a.btn:hover {
  background: var(--capys-ink) !important;
  border-color: var(--capys-ink) !important;
}

/* Footer Porto: via la barra nera col logo "porto", copyright minimale su crema */
#footer.footer {
  background: var(--capys-cream) !important;
  border-top: 1px solid var(--capys-line) !important;
  box-shadow: none !important;
}
#footer .footer-bottom { background: var(--capys-cream) !important; }
#footer .logo, #footer .logo img { display: none !important; }
#footer .footer-copyright { color: rgba(42, 33, 26, 0.6) !important; }

/* Logo header: forza il logo Capys (standard-logo) e nasconde il retina-logo
   che su schermi Retina mostra il placeholder Porto 'beauty-logo.png' (= "PORTO"). */
#header .logo img.retina-logo { display: none !important; }
#header .logo img.standard-logo { display: inline-block !important; }

/* Header checkout MINIMALE: solo il logo. Via burger, ricerca, social, icona
   carrello blu (tutti dentro .header-right) e il menu off-canvas scuro vuoto. */
#header .header-right,
.porto-popup-menu,
.sidebar-overlay,
#header .mobile-toggle,
#header .share-links { display: none !important; }
#header .header-left { width: 100% !important; }

/* Miniatura prodotto nel carrello: più grande e con cornice */
.woocommerce table.shop_table td.product-thumbnail img,
td.product-thumbnail img,
.cart_item .product-thumbnail img {
  width: 88px !important;
  height: auto !important;
  max-width: none !important;
  border: 1px solid var(--capys-line) !important;
  background: #fff;
  padding: 4px;
}
.woocommerce table.shop_table td.product-thumbnail { width: 110px; }