/* ==========================================================================
   Vinoteca — WooCommerce: fogli di stile core disattivati (vedi
   inc/woocommerce-setup.php, filtro woocommerce_enqueue_styles), tutto lo
   stile passa da qui. Questo file copre wrapper/notice/pulsanti/form comuni
   a tutte le pagine WooCommerce; gli stili specifici di prodotto singolo,
   carrello e checkout arrivano in Fase 4.
   ========================================================================== */

#primary{max-width:1160px;margin:0 auto;padding:0 28px;}

.woocommerce-products-header{padding:48px 0 8px;}
.woocommerce-products-header__title{
  font-family:"Newsreader",serif;font-style:italic;font-weight:600;
  font-size:clamp(1.7rem,3.6vw,2.3rem);
}

.woocommerce-breadcrumb{
  font-size:.78rem;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;
  padding:24px 0 0;margin:0 0 -12px;
}
.woocommerce-breadcrumb a{color:var(--ink-dim);text-decoration:none;}
.woocommerce-breadcrumb a:hover{color:var(--accent);}

.woocommerce-pagination{padding:36px 0 56px;}
.woocommerce-pagination ul.page-numbers{display:flex;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
.woocommerce-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;
  border:1px solid var(--rule);color:var(--ink);text-decoration:none;font-size:.82rem;font-weight:700;
}
.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination a.page-numbers:hover{border-color:var(--accent);color:var(--accent);}

.woocommerce-info,
.woocommerce-message,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments{
  list-style:none;margin:0 0 28px;padding:16px 20px;border:1px solid var(--rule);border-left:4px solid var(--accent);
  background:var(--paper);font-size:.92rem;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;
}
.woocommerce-error{border-left-color:#a33;}
.woocommerce-message .button,
.woocommerce-info .button{margin:0;}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit{
  font-family:"Karla",sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.03em;
  background:var(--accent);color:var(--paper);border:0;border-radius:0;padding:12px 20px;cursor:pointer;text-decoration:none;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{background:var(--accent-hover);color:var(--paper);}

.woocommerce .quantity .qty{
  width:60px;padding:10px;border:1px solid var(--rule);background:var(--paper);color:var(--ink);font-family:"Karla",sans-serif;
}

.woocommerce span.onsale{
  background:var(--accent);color:var(--paper);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  padding:5px 10px;position:absolute;top:10px;left:10px;border-radius:0;min-height:0;min-width:0;line-height:1;margin:0;
}

.woocommerce .star-rating{display:none;}

.woocommerce-Price-amount{font-weight:inherit;}
del .woocommerce-Price-amount{color:var(--ink-dim);opacity:.7;font-weight:400;}
ins{text-decoration:none;}

/* ==========================================================================
   Carrello e checkout a blocchi (WooCommerce Blocks — questo sito usa i
   blocchi nativi Cart/Checkout, non gli shortcode classici: le pagine
   Basket/Checkout sono Pagine WP con blocchi woocommerce/cart e
   woocommerce/checkout). Il markup/comportamento (validazione, step,
   calcolo spedizione/tasse) resta interamente quello core — qui solo colori
   e tipografia allineati ai token del tema. I titoli di step (<h2>/<h3> del
   blocco) ereditano già Newsreader corsivo dalla regola globale h1,h2 in
   base.css, non serve ripeterlo qui.
   ========================================================================== */

/*
 * !important qui: il colore di sfondo dei bottoni "contained" di WooCommerce
 * Blocks (Procedi al pagamento, Effettua ordine, Applica codice promozionale)
 * viene dal CSS compilato della libreria di componenti @wordpress/components
 * che WooCommerce include — non da una singola classe con specificità bassa
 * che si possa sovrascrivere normalmente, ma da regole generate a build-time
 * senza un punto di override pulito lato tema classico (nessun theme.json).
 * Pratica standard raccomandata da WooCommerce stesso per temi che
 * personalizzano lo stile dei blocchi Cart/Checkout.
 */
.wc-block-components-button.contained,
.wc-block-components-button.contained:disabled,
.wc-block-components-button.contained[aria-disabled="true"]{
  background:var(--accent) !important;color:var(--paper) !important;border-radius:0 !important;border:0 !important;
  font-family:"Karla",sans-serif;font-weight:700;
}
.wc-block-components-button.contained:hover{background:var(--accent-hover) !important;color:var(--paper) !important;}
.wc-block-components-button.contained:disabled,
.wc-block-components-button.contained[aria-disabled="true"]{opacity:.5;}

.wc-block-components-text-input input,
.wc-block-components-combobox-control input,
.wc-block-components-textarea{
  background:var(--paper);border-color:var(--rule);border-radius:0;font-family:"Karla",sans-serif;color:var(--ink);
}
.wc-block-components-text-input label,
.wc-block-components-combobox-control label{font-family:"Karla",sans-serif;}

.wc-block-components-checkout-step{padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid var(--rule);}
.wc-block-components-checkout-step:last-child{border-bottom:0;}

.wc-block-components-order-summary,
.wc-block-components-totals-wrapper,
.wc-block-checkout-order-summary,
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-cart-order-summary-block{
  background:var(--paper);border:1px solid var(--rule);
}

/* Il riquadro "Cart totals"/riepilogo ordine di WooCommerce dovrebbe avere
   un padding orizzontale sulle singole righe (Subtotale, Spedizione, ecc.)
   di suo — ma il CSS compilato del blocco lo azzera esplicitamente con
   `.wc-block-cart .wp-block-woocommerce-cart-order-summary-block
   .wc-block-components-totals-item{padding-left:0;padding-right:0}`, un
   selettore a 3 classi che batte in specificità il nostro (o quello nativo
   di WC stesso, a 2 classi, pensato per applicarsi qui) a prescindere
   dall'ordine di caricamento dei fogli di stile. Serve !important per
   vincere — stesso motivo per cui i bottoni dei blocchi Cart/Checkout qui
   sotto lo usano già: nessun punto di override pulito lato tema classico
   contro CSS compilato di @wordpress/components. */
.wc-block-components-sidebar .wc-block-components-totals-item,
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-sidebar .wc-block-components-totals-coupon,
.wc-block-components-totals-wrapper .wc-block-components-totals-item,
.wc-block-checkout-order-summary .wc-block-components-totals-item{
  padding:14px 18px !important;
}
.wc-block-components-sidebar .wc-block-components-panel .wc-block-components-totals-item,
.wc-block-components-sidebar .wc-block-components-totals-item .wc-block-components-panel{
  padding:0 !important;
}

.wc-block-components-quantity-selector{border-color:var(--rule);border-radius:0;}
.wc-block-components-quantity-selector__button:hover{color:var(--accent);}

.wc-block-cart-item__remove-link,
.wc-block-components-checkout-return-to-cart-button{color:var(--ink-dim);text-decoration:underline;text-underline-offset:2px;}
.wc-block-cart-item__remove-link:hover,
.wc-block-components-checkout-return-to-cart-button:hover{color:var(--accent);}

.wc-block-components-radio-control__input:checked{accent-color:var(--accent);}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option-checked{
  border-color:var(--accent) !important;
}

.wc-block-cart__empty-cart__title{font-size:1.6rem;}