/**
 * Scheda prodotto e pagine WooCommerce, vestite col tema.
 * Tocco leggero: allineo tipografia, colori e bottoni ai token, senza
 * combattere WooCommerce riga per riga.
 */
.woo{padding:clamp(2rem,5vw,3.5rem) 0;}
.woo .wrap{max-width:1080px;}

/* Prodotto singolo: due colonne su desktop */
.woocommerce div.product{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:clamp(1.6rem,4vw,3rem); align-items:start;}
@media(max-width:820px){.woocommerce div.product{grid-template-columns:1fr;}}
/* WooCommerce mette float e width:48% su gallery e summary: dentro il grid
   quel 48% diventa 48% della cella e strozza tutto. Vanno azzerati. */
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .summary{width:auto !important; float:none !important; margin:0 !important;}

.woocommerce div.product .product_title{
  font-family:var(--display); font-weight:700; letter-spacing:-.02em;
  font-size:clamp(1.8rem,4vw,2.6rem); line-height:1.05; color:var(--ink); margin:0 0 .6rem;
}
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:var(--jade-ink); font-family:var(--mono); font-weight:600; font-size:1.3rem;
}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--ink-2); margin:.8rem 0 1.2rem;}

/* Bottoni WooCommerce -> stile del tema */
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce #respond input#submit,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order{
  background:var(--jade-fill) !important; color:var(--on-jade) !important;
  border:0 !important; border-radius:10px !important; font-weight:700 !important;
  padding:.85rem 1.5rem !important; font-size:1rem !important; box-shadow:var(--shadow-sm);
  transition:background .12s ease, transform .12s ease;
}
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce a.button:hover,
.woocommerce #place_order:hover{background:var(--jade-ink) !important; transform:translateY(-1px);}
.woocommerce .single_add_to_cart_button.disabled{opacity:.45 !important; cursor:not-allowed;}

/* Card di riepilogo, tabelle, notices coerenti */
.woocommerce table.shop_table{border-radius:14px; border:1px solid var(--line); overflow:hidden;}
.woocommerce table.shop_table th{color:var(--ink);}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info{border-top-color:var(--jade);}
.woocommerce-checkout #payment{background:color-mix(in srgb,var(--ink) 3%,var(--paper)); border-radius:14px; border:1px solid var(--line);}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container--default .select2-selection--single{
  border:1px solid var(--line) !important; border-radius:9px !important; padding:.6rem .7rem !important; background:var(--card);
}

/* Avviso demo */
.slotify-demo-banner{
  background:var(--jade-wash); border:1px solid color-mix(in srgb,var(--jade) 30%,var(--jade-wash));
  color:var(--jade-ink); border-radius:12px; padding:.9rem 1.1rem; margin:0 0 1.4rem;
  font-size:.92rem; display:flex; gap:.6rem; align-items:flex-start;
}
.slotify-demo-banner b{color:var(--ink);}