/* ============================================================================
   MyZUCCHINI — BRAND 2.0 LIVE OVERRIDES  (brand2.css)
   DEPLOY: Appearance → Customize → Additional CSS  (preferred, instantly
   reversible) — or enqueue from the child theme (see brand2-functions.php).
   Loads AFTER theme + Elementor styles. Append-only; deletes nothing.
   Selectors target WooCommerce core + common Organio/Elementor hooks.
   VERIFY each section on staging/preview before publishing.
   ============================================================================ */

/* ---- 0 · FONTS (skip this @import if enqueued via functions.php) ---------- */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400..700;1,9..144,400..700&family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

/* ---- 1 · TOKENS ----------------------------------------------------------- */
:root{
  --mz-cellar:#14402E; --mz-zucchini:#4F7E3A; --mz-sprout:#9CBF6B;
  --mz-gold:#D9A13B;   --mz-paper:#F2EBDB;    --mz-charcoal:#221F1A;
  --mz-cellar-deep:#0E2E21; --mz-paper-dim:#E7DFC9;
  --mz-sku-kraut:#D9A13B; --mz-sku-cucumber:#5B8C46; --mz-sku-tomato:#C03A2B;
  --mz-sku-carrot:#D87A2D; --mz-sku-asparagus:#7A9B4E; --mz-sku-ginger:#B96A32;
  --mz-sku-mustard:#C7A11C;
  --mz-font-display:'Fraunces','Lora',Georgia,serif;
  --mz-font-body:'Archivo',Arial,sans-serif;
  --mz-font-data:'IBM Plex Mono','Courier New',monospace;
}

/* ---- 2 · GLOBAL TYPE & COLOR ---------------------------------------------- */
body{ font-family:var(--mz-font-body); color:var(--mz-charcoal);
      background-color:var(--mz-paper); }
h1,h2,h3,h4,.elementor-heading-title,
.woocommerce div.product .product_title{
  font-family:var(--mz-font-display); color:var(--mz-cellar);
  font-weight:700; line-height:1.12; }
a{ color:var(--mz-zucchini); }
a:hover{ color:var(--mz-cellar); }

/* ---- 3 · BUTTONS (Woo + Elementor + theme) -------------------------------- */
.woocommerce a.button, .woocommerce button.button,
.woocommerce input.button, .woocommerce #respond input#submit,
.elementor-button, .button, button[type=submit]{
  font-family:var(--mz-font-data) !important;
  font-size:13px; letter-spacing:2px; text-transform:uppercase;
  background-color:var(--mz-cellar) !important; color:var(--mz-paper) !important;
  border:none; border-radius:2px; padding:14px 26px;
  transition:background .15s ease; }
.woocommerce a.button:hover, .woocommerce button.button:hover,
.elementor-button:hover, .button:hover{
  background-color:var(--mz-cellar-deep) !important; color:var(--mz-paper) !important; }
/* Gold = Add to Cart only (the one CTA that converts) */
.woocommerce .single_add_to_cart_button,
.woocommerce a.add_to_cart_button,
.woocommerce-cart .checkout-button{
  background-color:var(--mz-gold) !important; color:var(--mz-cellar-deep) !important;
  font-weight:600; }
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.add_to_cart_button:hover,
.woocommerce-cart .checkout-button:hover{
  background-color:#c79133 !important; }

/* ---- 4 · PRODUCT CARDS (shop/archive) -------------------------------------- */
.woocommerce ul.products li.product{
  background:#fff; border:1px solid rgba(34,31,26,.10);
  border-top:4px solid var(--mz-cellar); border-radius:3px;
  padding:0 0 16px; transition:transform .15s ease; }
.woocommerce ul.products li.product:hover{ transform:translateY(-3px); }
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--mz-font-display); font-size:1.15rem;
  color:var(--mz-cellar); padding:12px 14px 2px; }
.woocommerce ul.products li.product .price{
  font-family:var(--mz-font-data); color:var(--mz-charcoal);
  font-size:.95rem; padding:0 14px; }
/* SKU accent top-borders — add the class to each product
   (Woo auto-adds product_cat-{slug}; or use these helper classes in
   Products → Quick Edit → custom class via theme, see playbook §4) */
li.product.mz-kraut    { border-top-color:var(--mz-sku-kraut); }
li.product.mz-cucumber { border-top-color:var(--mz-sku-cucumber); }
li.product.mz-tomato   { border-top-color:var(--mz-sku-tomato); }
li.product.mz-carrot   { border-top-color:var(--mz-sku-carrot); }
li.product.mz-asparagus{ border-top-color:var(--mz-sku-asparagus); }
li.product.mz-ginger   { border-top-color:var(--mz-sku-ginger); }
li.product.mz-mustard  { border-top-color:var(--mz-sku-mustard); }

/* Hide compare / wishlist / quick-view clutter (plugin-agnostic best effort) */
.woosc-btn, .woosw-btn, .woosq-btn,
.tinvwl_add_to_wishlist_button, .yith-wcwl-add-to-wishlist,
.compare-button, a.compare{ display:none !important; }

/* ---- 5 · THE FERMENT TAG™ (markup injected by brand2-functions.php) ------- */
.mz-ferment-tag{
  font-family:var(--mz-font-data); font-size:12px; line-height:1.85;
  letter-spacing:1px; color:var(--mz-cellar);
  border:1px dashed var(--mz-zucchini); padding:14px 18px;
  display:inline-block; margin:14px 0 18px;
  background:rgba(255,255,255,.45); text-transform:uppercase; }
.mz-ferment-tag .mz-live{ color:var(--mz-gold); font-weight:500; }

/* ---- 6 · PDP refinements ---------------------------------------------------- */
.woocommerce div.product p.price{
  font-family:var(--mz-font-data); color:var(--mz-charcoal); font-size:1.3rem; }
.woocommerce div.product .woocommerce-product-details__short-description{
  font-size:1.05rem; color:#3d382e; }
/* trust line under ATC */
.mz-pdp-trust{
  font-family:var(--mz-font-data); font-size:11px; letter-spacing:1.5px;
  color:var(--mz-zucchini); border-top:1px solid rgba(34,31,26,.15);
  padding-top:12px; margin-top:14px; line-height:2.1; text-transform:uppercase; }

/* ---- 7 · ANNOUNCEMENT / TOP BAR -------------------------------------------- */
.mz-announce, .top-bar, .header-top{
  background:var(--mz-cellar-deep) !important; color:var(--mz-sprout) !important;
  font-family:var(--mz-font-data); font-size:11px; letter-spacing:2px; }
.top-bar a, .header-top a{ color:var(--mz-paper) !important; }

/* ---- 8 · FOOTER ------------------------------------------------------------- */
footer, .site-footer, .elementor-location-footer{
  background-color:var(--mz-cellar-deep) !important; color:var(--mz-paper); }
footer h4, footer .widget-title, .site-footer .widget-title{
  font-family:var(--mz-font-data) !important; font-size:11px !important;
  letter-spacing:2px; text-transform:uppercase; color:var(--mz-sprout) !important; }
footer a, .site-footer a{ color:#cfd8c4 !important; }
footer a:hover, .site-footer a:hover{ color:var(--mz-gold) !important; }

/* ---- 9 · FORMS / NEWSLETTER -------------------------------------------------- */
input[type=email], input[type=text], textarea{
  border:1.5px solid var(--mz-cellar); border-radius:2px;
  background:#fff; font-family:var(--mz-font-body); }

/* ---- 10 · CART / CHECKOUT (styling only — never touch logic) ----------------- */
.woocommerce-checkout #payment{ background:var(--mz-paper-dim); border-radius:3px; }
.woocommerce table.shop_table{ border:1px solid rgba(34,31,26,.12); border-radius:3px; }
.woocommerce table.shop_table th{
  font-family:var(--mz-font-data); font-size:11px; letter-spacing:1.5px;
  text-transform:uppercase; color:var(--mz-zucchini); }