/* LaLush — stile brand "wellness terroso" per le pagine WooCommerce (checkout, carrello, prodotto) */
:root{
  --bg:#F2EADD;--magenta:#BE6E4C;--cyan:#7E9A78;--purple:#AE9270;
  --lime:#7C9E78;--red:#C25B3C;--green:#5F9269;--ink:#3A362E;
  --line:rgba(58,53,43,.16);--glass:rgba(255,252,246,.72);--muted:rgba(58,53,43,.62);
}

/* ---- sfondo sabbia caldo su tutte le pagine WC ---- */
body.woocommerce-page,
body.woocommerce-checkout,
body.woocommerce-cart,
body.single-product{
  background:
    radial-gradient(ellipse 80% 60% at 18% 12%, rgba(190,110,76,.10), transparent 55%),
    radial-gradient(ellipse 70% 55% at 86% 16%, rgba(126,154,120,.10), transparent 55%),
    radial-gradient(ellipse 70% 60% at 50% 92%, rgba(174,146,112,.10), transparent 55%),
    var(--bg) !important;
  background-attachment:fixed !important;
  color:var(--ink) !important;
  font-family:'Inter', system-ui, sans-serif;
}
body.woocommerce-page .wp-site-blocks,
body.woocommerce-page .wp-block-group,
body.woocommerce-page main{ background:transparent !important; }

/* header/footer del tema trasparenti per fondersi col fondo */
body.woocommerce-page header.wp-block-template-part,
body.woocommerce-page footer.wp-block-template-part{ background:transparent !important; }

/* ---- testo scuro + titoli brand ---- */
body.woocommerce-page :is(h1,h2,h3,h4,p,label,span,td,th,li,a,legend,strong,dt,dd){ color:var(--ink); }
body.woocommerce-page :is(h1,h2,h3){ font-family:'Fraunces', serif; font-weight:900; letter-spacing:-.01em; }
body.woocommerce-page :is(.wc-block-components-checkout-step__title,.wc-block-components-title){ font-family:'Fraunces', serif !important; color:var(--ink) !important; }

/* ---- bottoni terracotta come la home ---- */
body.woocommerce-page :is(.button, .wp-element-button, button[type=submit],
  .wc-block-components-button, .single_add_to_cart_button,
  .wc-block-components-checkout-place-order-button){
  background:linear-gradient(135deg, var(--magenta), var(--purple)) !important;
  color:#2c2620 !important; border:0 !important; border-radius:14px !important;
  font-family:'Space Grotesk', sans-serif !important; font-weight:700 !important;
  box-shadow:0 8px 22px -10px rgba(58,53,43,.4) !important; transition:transform .12s, box-shadow .12s;
}
body.woocommerce-page :is(.button, .wp-element-button, .wc-block-components-button):hover{
  transform:translateY(-1px); box-shadow:0 10px 28px -8px rgba(58,53,43,.5) !important;
}

/* ---- campi form chiari ---- */
body.woocommerce-page :is(input, select, textarea,
  .wc-block-components-text-input input, .wc-block-components-text-input){
  background:#FCF9F3 !important; border:1px solid var(--line) !important;
  color:var(--ink) !important; border-radius:10px !important;
}
body.woocommerce-page ::placeholder{ color:rgba(58,53,43,.45) !important; }
body.woocommerce-page .wc-block-components-text-input label,
body.woocommerce-page label{ color:rgba(58,53,43,.72) !important; }

/* ---- pannelli / riepilogo ordine come card chiara ---- */
body.woocommerce-page :is(.cart_totals, .woocommerce-checkout-review-order,
  .wc-block-components-totals-wrapper, .wp-block-woocommerce-checkout-order-summary-block,
  .wc-block-components-panel, table.shop_table, .woocommerce-order){
  background:var(--glass) !important; border:1px solid var(--line) !important; border-radius:16px !important;
}
body.woocommerce-page table.shop_table :is(td,th){ border-color:var(--line) !important; }

/* ---- prezzo in terracotta ---- */
body.woocommerce-page :is(.woocommerce-Price-amount, .wc-block-components-product-price,
  .wc-block-formatted-money-amount, .wc-block-components-totals-item__value){
  color:var(--magenta) !important; font-weight:700 !important;
}

/* ---- logo al posto del titolo testuale nell'header ---- */
body.woocommerce-page .wp-block-site-title a{
  display:inline-block; overflow:hidden; white-space:nowrap; text-indent:-9999px;
  width:104px; height:36px;
  background:url(/wp-content/uploads/lalush_logo_dark.png) left center / contain no-repeat;
}

/* ---- link / notice ---- */
body.woocommerce-page a:hover{ color:var(--magenta) !important; }
body.woocommerce-page :is(.woocommerce-message, .woocommerce-info,
  .wc-block-components-notice-banner){
  background:var(--glass) !important; border:1px solid rgba(95,146,105,.5) !important; color:var(--ink) !important; border-radius:12px !important;
}