/* ── Single Product Page ─────────────────────────────────────── */
/* Note: Full styles live inline in woocommerce/single-product.php
   This file adds any overrides and WooCommerce default resets. */

body.single-product { background: var(--bone); }

/* ── WooCommerce default resets ─────────────────────────────── */
.woocommerce div.product { margin: 0; }
.woocommerce .woocommerce-notices-wrapper { padding: 0 0 16px; }
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  font-family: var(--sans); font-size: 13px; letter-spacing: 0.04em;
  border-top-color: var(--green); background: var(--bone-dark);
  padding: 16px 24px; margin-bottom: 24px;
}
.woocommerce-message a.button, .woocommerce-info a.button {
  font-family: var(--sans); font-size: 10.5px; letter-spacing: 0.16em;
  text-transform: uppercase; background: var(--ink); color: var(--bone);
  padding: 10px 24px; transition: background 0.2s;
}
.woocommerce-message a.button:hover { background: var(--green); }

/* ── Variation form ─────────────────────────────────────────── */
.variations td, .variations th { vertical-align: middle; padding: 8px 0; }
.variations label {
  font-family: var(--sans); font-size: 11px; letter-spacing: 0.12em;
  text-transform: uppercase; color: var(--ink-50);
}
.variations select {
  width: 100%; font-family: var(--sans); font-size: 13px;
  background: var(--bone); border: 1px solid var(--ink-15);
  padding: 10px 14px; outline: none; appearance: none;
  cursor: pointer; color: var(--ink);
  transition: border-color 0.2s;
}
.variations select:focus { border-color: var(--ink); }
.reset_variations {
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--ink-50); margin-left: 8px;
  transition: color 0.2s;
}
.reset_variations:hover { color: var(--ink); }

/* ── Star ratings ───────────────────────────────────────────── */
.star-rating { color: var(--green); }
.woocommerce-product-rating { margin-bottom: 16px; }

/* ── Tabs (WC default override — we use custom accordion in template) ── */
.woocommerce-tabs { display: none; }

/* ── Related / Upsells ──────────────────────────────────────── */
.related.products, .upsells.products { padding: 80px 0; }
.related.products > h2, .upsells.products > h2 {
  font-family: var(--serif); font-size: 22px; font-weight: 500;
  text-align: center; margin-bottom: 40px; letter-spacing: -0.01em;
}