/*
BRC Warm Air v0.2.0 — store-grid skin (mark, 2026-07-25)
Staged inactive; ships only when the brc-warmair child theme is activated (overnight flip).
Design source: /preview/warmair-store/ mock (Direction A, Scott-approved).
Brand lock: Cormorant Garamond / DM Sans / DM Mono, bark on cream, terracotta CTA.
*/
:root{
  --wa-bark:#3d2b24;--wa-bark-deep:#2a1d18;--wa-bark-soft:#5a4036;
  --wa-cream:#faf6f0;--wa-canvas:#fdfbf8;--wa-hair:#e4dccf;--wa-hair-dk:#d5c6b1;
  --wa-terracotta:#9e603c;--wa-bronze:#9e8266;--wa-sage:#7d8471;
  --wa-ink60:rgba(61,43,36,.7);--wa-ink40:rgba(61,43,36,.45);
  --wa-serif:'Cormorant Garamond',Georgia,serif;
  --wa-sans:'DM Sans',-apple-system,Helvetica,Arial,sans-serif;
  --wa-mono:'DM Mono',Menlo,monospace;
  --wa-shadow:0 6px 24px rgba(42,29,24,.08);--wa-shadow-sm:0 3px 12px rgba(42,29,24,.06);
}

/* ---------- store canvas ---------- */
body.post-type-archive-product,
body.tax-product_cat{background:var(--wa-canvas)}

/* ---------- grid ---------- */
.woocommerce ul.products,
.woocommerce-page ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0 0 48px;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after,
.woocommerce-page ul.products::before,.woocommerce-page ul.products::after{content:none;display:none}

/* ---------- card ---------- */
.woocommerce ul.products li.product.wa-card,
.woocommerce-page ul.products li.product.wa-card{float:none;width:auto;margin:0;padding:0;background:#fff;border-radius:18px;box-shadow:var(--wa-shadow-sm);overflow:hidden;transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column}
.wa-card:hover{transform:translateY(-4px);box-shadow:var(--wa-shadow)}
.wa-link{display:flex;flex-direction:column;flex:1;text-decoration:none;color:inherit}

.wa-img{position:relative;height:210px;padding:14px;background:#fff}
.wa-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:22px;mix-blend-mode:multiply;margin:0}
.wa-chip{position:relative;z-index:2;display:inline-block;font-family:var(--wa-mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;background:rgba(253,251,248,.82);backdrop-filter:blur(3px);padding:5px 10px;border-radius:100px;color:var(--wa-bark-soft)}

/* ---------- category chip tints (real product_cat slugs; image bg is white) ---------- */
li.product_cat-sleep-research-peptides .wa-chip{background:#ecdcc9}
li.product_cat-neuropeptide-research .wa-chip{background:#ecd0c9}
li.product_cat-cognitive-research-compounds .wa-chip{background:#dcd6e3}
li.product_cat-skin-anti-aging-research-compounds .wa-chip{background:#ecd8c2}
li.product_cat-longevity-research-peptides .wa-chip{background:#d9e0cf}
li.product_cat-metabolic-research .wa-chip{background:#e0ddd5}
li.product_cat-recovery-research-peptides .wa-chip{background:#e8dcc6}
li.product_cat-growth-research .wa-chip{background:#dae1d0}
li.product_cat-reconstitution-solution .wa-chip{background:#dae1d0}
li.product_cat-bundle-25 .wa-chip{background:#ecd0c9}

/* ---------- card body ---------- */
.wa-body{padding:16px 18px 0}
.wa-nm{font-family:var(--wa-serif);font-size:21px;font-weight:500;line-height:1.15;margin:0;color:var(--wa-bark)}
.wa-ds{font-family:var(--wa-sans);font-size:12px;color:var(--wa-ink60);margin:3px 0 12px;min-height:30px}
.wa-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 18px 18px;margin-top:auto}
.wa-pr,.wa-pr .amount,.wa-pr bdi{font-family:var(--wa-mono);font-size:13.5px;color:var(--wa-terracotta);font-weight:400}
.wa-pr del,.wa-pr del .amount{color:var(--wa-ink40);font-size:11.5px}
.wa-foot .button,.wa-foot a.add_to_cart_button,.wa-foot .added_to_cart{background:var(--wa-bark-deep);color:var(--wa-cream);border:none;border-radius:100px;font-family:var(--wa-sans);font-weight:500;font-size:12px;padding:9px 16px;line-height:1.2;transition:.15s;white-space:nowrap}
.wa-foot .button:hover,.wa-foot a.add_to_cart_button:hover{background:var(--wa-terracotta);color:#fff}

/* sale badge */
.wa-card .onsale{position:absolute;z-index:3;top:14px;right:14px;left:auto;margin:0;background:var(--wa-terracotta);color:#fff;font-family:var(--wa-mono);font-size:10px;letter-spacing:.08em;border-radius:100px;padding:5px 10px;min-height:0;min-width:0;line-height:1.2}

/* ---------- archive header + controls ---------- */
.woocommerce-products-header{text-align:center;margin:44px 0 10px}
.woocommerce-products-header__title{font-family:var(--wa-serif);font-weight:500;font-size:36px;color:var(--wa-bark)}
.woocommerce .woocommerce-result-count{font-family:var(--wa-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--wa-ink40)}
.woocommerce .woocommerce-ordering select{font-family:var(--wa-sans);font-size:13px;border:1px solid var(--wa-hair-dk);border-radius:100px;padding:8px 14px;background:#fff;color:var(--wa-bark-soft)}

/* ---------- pagination ---------- */
.woocommerce nav.woocommerce-pagination ul{border:none}
.woocommerce nav.woocommerce-pagination ul li{border:none}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{font-family:var(--wa-mono);font-size:12px;border:1px solid var(--wa-hair-dk);border-radius:100px;margin:0 3px;padding:8px 14px;color:var(--wa-bark-soft);background:#fff}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--wa-bark-deep);color:var(--wa-cream);border-color:var(--wa-bark-deep)}

/* ---------- responsive ---------- */
@media(max-width:960px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);gap:16px}
  .wa-img{height:170px}
  .wa-nm{font-size:19px}
}
@media(max-width:520px){
  .woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:1fr}
  .wa-img{height:200px}
}
/* ============================================================
   Warm Air — single product (PDP hero/buy-box) v0.3.0
   ============================================================ */
.single-product .wa-single{max-width:1200px;margin:0 auto;padding:0 32px}
.wa-pdp{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;margin-top:44px}
.wa-pdp-gallery{position:relative;background:#fff;border-radius:24px;box-shadow:var(--wa-shadow);min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wa-pdp-gallery img{width:74%;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 18px 30px rgba(42,29,24,.18));margin:0}
.wa-ribbon{position:absolute;top:20px;left:20px;right:auto;bottom:auto;width:auto;height:auto;inset:20px auto auto 20px;z-index:2;font-family:var(--wa-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:rgba(253,251,248,.85);padding:6px 12px;border-radius:100px;color:var(--wa-bark-soft)}

.wa-buy{padding:6px 0}
.wa-eyebrow{font-family:var(--wa-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--wa-terracotta)}
.wa-title{font-family:var(--wa-serif);font-weight:500;font-size:52px;line-height:1.02;margin:10px 0 6px;color:var(--wa-bark)}
.wa-syn{font-family:var(--wa-serif);font-style:italic;font-size:17px;color:var(--wa-ink60);margin-bottom:18px}
.wa-syn p{margin:0}
.wa-price-row{display:flex;align-items:baseline;gap:14px;margin:22px 0 18px}
.wa-price,.wa-price .amount,.wa-price bdi{font-family:var(--wa-serif);font-size:40px;font-weight:500;color:var(--wa-bark)}
.wa-price del,.wa-price del .amount{font-size:22px;color:var(--wa-ink40)}
.wa-price ins{text-decoration:none}
.wa-free{font-family:var(--wa-mono);font-size:11px;letter-spacing:.06em;color:var(--wa-sage)}

/* native Woo add-to-cart, Warm Air skin */
.single-product .wa-buy form.cart{margin:0 0 8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.single-product .wa-buy form.cart .quantity{display:flex;align-items:center;border:1px solid var(--wa-hair-dk);border-radius:100px;overflow:hidden}
.single-product .wa-buy form.cart .quantity input.qty{width:54px;border:none;background:transparent;text-align:center;font-family:var(--wa-mono);font-size:14px;color:var(--wa-bark);padding:12px 0}
.single-product .wa-buy form.cart button.single_add_to_cart_button{flex:1;min-width:200px;background:var(--wa-terracotta);color:#fff;border:none;border-radius:100px;font-family:var(--wa-sans);font-weight:700;font-size:14.5px;letter-spacing:.04em;padding:17px 24px;box-shadow:0 8px 20px rgba(158,96,60,.28);transition:.15s}
.single-product .wa-buy form.cart button.single_add_to_cart_button:hover{background:#8a5233}

.wa-assure{display:flex;gap:22px;margin-top:22px;flex-wrap:wrap}
.wa-assure div{display:flex;align-items:center;gap:8px;font-family:var(--wa-sans);font-size:12.5px;color:var(--wa-ink60)}
.wa-assure .wa-tick{color:var(--wa-sage);font-weight:700}

@media(max-width:960px){
  .wa-pdp{grid-template-columns:1fr;gap:26px}
  .wa-pdp-gallery{min-height:360px}
  .wa-title{font-size:40px}
  .single-product .wa-single{padding:0 20px}
}

/* ---------- homepage warm-air alignment (2026-07-26) ---------- */
.elementor-element-ef9ca05{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(42,29,24,.14);margin:48px 48px 48px 0;align-self:center}
.elementor-element-ef9ca05::after{content:"RESEARCH USE ONLY";position:absolute;top:20px;left:20px;right:auto;bottom:auto;width:auto;height:auto;inset:20px auto auto 20px;z-index:2;font-family:var(--wa-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:rgba(253,251,248,.85);padding:6px 12px;border-radius:100px;color:var(--wa-bark-soft)}
.elementor-element-5e5bd05 .elementor-button{background:var(--wa-bark-deep);border-radius:100px;font-family:var(--wa-mono);letter-spacing:.1em;text-transform:uppercase;padding:16px 30px;transition:background .2s}
.elementor-element-5e5bd05 .elementor-button:hover{background:var(--wa-bark)}

/* ---------- homepage warm-air alignment (2026-07-26) ---------- */
.elementor-element-ef9ca05{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(42,29,24,.14);margin:48px 48px 48px 0;align-self:center}
.elementor-element-ef9ca05::after{content:"RESEARCH USE ONLY";position:absolute;top:20px;left:20px;right:auto;bottom:auto;width:auto;height:auto;inset:20px auto auto 20px;z-index:2;font-family:var(--wa-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:rgba(253,251,248,.85);padding:6px 12px;border-radius:100px;color:var(--wa-bark-soft)}
.elementor-element-5e5bd05 .elementor-button{background:var(--wa-bark-deep);border-radius:100px;font-family:var(--wa-mono);letter-spacing:.1em;text-transform:uppercase;padding:16px 30px;transition:background .2s}
.elementor-element-5e5bd05 .elementor-button:hover{background:var(--wa-bark)}

/* fix: neutralize entrance/motion fade on hero product card (ghosted after geometry change) */
.elementor-element-ef9ca05.elementor-invisible{visibility:visible!important;opacity:1!important}
.elementor-element-ef9ca05,.elementor-element-ef9ca05>*,.elementor-element-ef9ca05 .elementor-motion-effects-container,.elementor-element-ef9ca05 .elementor-motion-effects-layer{opacity:1!important;transform:none!important;animation:none!important}
