/*
Theme Name: Roaster Storefront (Aruma)
Theme URI: https://linkit.digital
Description: White-label specialty-coffee storefront child theme. Elementor Pro display layer + native WooCommerce checkout + ACF lot schema. Cloneable per roaster. Pilot: Aruma Reserve.
Author: Linkit Digital
Author URI: https://linkit.digital
Template: hello-elementor
Version: 1.0.0
Text Domain: roaster-storefront
*/

/* ============================================================
   BRAND TOKENS — canonical, mirrors TIER_THEME in render_label.py
   Single source of truth for storefront + label engine.
   Per-clone: override these six values, everything reflows.
   ============================================================ */
:root {
  --parchment:   #E7DAC2;
  --ivory:       #F4EEE3;
  --espresso:    #211710;
  --dark-green:  #233127;
  --copper-light:#CA9E71;
  --copper-deep: #8C5E36;

  /* Semantic mappings — reference these in templates, not raw hex */
  --bg-page:        var(--ivory);
  --bg-alt:         var(--parchment);
  --text-primary:   var(--espresso);
  --text-invert:    var(--ivory);
  --brand-accent:   var(--copper-deep);
  --brand-accent-2: var(--copper-light);
  --surface-dark:   var(--dark-green);

  /* Type scale */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body:    "Inter", system-ui, sans-serif;

  /* Rhythm */
  --maxw: 1200px;
  --gutter: clamp(1rem, 4vw, 3rem);
}

/* Base */
body {
  background: var(--bg-page);
  color: var(--text-primary);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,.display { font-family: var(--font-display); font-weight: 500; letter-spacing: .01em; }

/* ============================================================
   WOOCOMMERCE — brand-token styling over native markup.
   Native checkout preserved; only presentation is themed.
   ============================================================ */
.woocommerce-page { background: var(--bg-page); }

.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price { color: var(--brand-accent); font-family: var(--font-display); }

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
  background: var(--espresso);
  color: var(--text-invert);
  border-radius: 0;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .82rem;
  padding: .9em 1.6em;
  transition: background .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover { background: var(--brand-accent); }

/* Product card */
.woocommerce ul.products li.product { background: var(--bg-alt); padding: 0 0 1.5rem; }
.woocommerce ul.products li.product .woocommerce-loop-product__title { color: var(--text-primary); font-family: var(--font-display); }

/* Lot meta block (rendered from ACF on single product) */
.lot-meta { display:grid; grid-template-columns:repeat(2,1fr); gap:.75rem 2rem; margin:1.5rem 0; }
.lot-meta__row { border-bottom:1px solid color-mix(in srgb, var(--copper-light) 40%, transparent); padding-bottom:.4rem; }
.lot-meta__label { display:block; font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; color:var(--brand-accent); }
.lot-meta__value { font-family:var(--font-display); font-size:1.05rem; color:var(--text-primary); }

/* Notices / accents */
.woocommerce-message,
.woocommerce-info { border-top-color: var(--brand-accent); }

/* Utility */
.brand-band { background: var(--surface-dark); color: var(--text-invert); }
.container { max-width: var(--maxw); margin-inline:auto; padding-inline: var(--gutter); }