/* ============================================================
   birchivy — Cart & Checkout (WooCommerce Blocks) branding + trust
   Self-contained tokens (the design system CSS isn't loaded here).
   ============================================================ */
:root {
  --bv-paper: #FAF9F5; --bv-paper-2: #F1F3EC; --bv-ink: #20231C; --bv-ink-soft: #54564B;
  --bv-accent: #B5673C; --bv-accent-ink: #97532F; --bv-line: rgba(32,35,28,.12);
  --bv-display: 'Cormorant Garamond', Georgia, serif; --bv-sans: 'Hanken Grotesk', system-ui, sans-serif;
}

/* On-brand type for the block cart/checkout */
.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart,
.wc-block-components-form, .wc-block-checkout {
  font-family: var(--bv-sans);
  color: var(--bv-ink);
}
.wp-block-woocommerce-checkout h2, .wp-block-woocommerce-cart h2,
.wc-block-components-checkout-step__title, .wc-block-components-title {
  font-family: var(--bv-display) !important; font-weight: 500 !important; letter-spacing: -0.01em;
}

/* ---- Trust strip (injected above the cart/checkout) ---- */
.birchivy-co-trust {
  display: flex; flex-wrap: wrap; gap: 14px 30px; justify-content: center; align-items: center;
  max-width: 1000px; margin: 8px auto 28px; padding: 16px 22px;
  border: 1px solid var(--bv-line); border-radius: 4px; background: var(--bv-paper-2);
}
.birchivy-co-trust > span { display: inline-flex; align-items: center; gap: 9px; font-size: 0.86rem; font-weight: 600; color: var(--bv-ink-soft); }
.birchivy-co-trust b { color: var(--bv-ink); font-weight: 700; }
.birchivy-co-trust svg { width: 18px; height: 18px; color: var(--bv-accent-ink); flex: none; }

/* Reassurance line under the place-order button */
.birchivy-co-reassure {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin: 12px 0 0; font-size: 0.82rem; color: var(--bv-ink-soft); text-align: center;
}
.birchivy-co-reassure svg { width: 15px; height: 15px; color: var(--bv-accent-ink); }

/* ---- Brand the primary buttons + encapsulate the payment area ---- */
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-button a,
.wc-block-components-button.contained {
  background: var(--bv-ink) !important; color: #FAF9F5 !important;
  border-radius: 100px !important; font-weight: 700 !important;
  letter-spacing: 0.08em !important; text-transform: uppercase; font-size: 0.86rem !important;
  transition: background .35s ease, transform .35s ease;
}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.contained:hover { background: var(--bv-accent) !important; transform: translateY(-1px); }

/* Visually encapsulate the payment-method area + a secure cue (Baymard) */
.wp-block-woocommerce-checkout-payment-block {
  border: 1px solid var(--bv-line); border-radius: 6px; padding: 18px 18px 6px;
  position: relative; background: #fff;
}
.wp-block-woocommerce-checkout-payment-block::before {
  content: "🔒 Secured, encrypted payment";
  display: block; font-size: 0.74rem; font-weight: 600; letter-spacing: 0.04em;
  color: var(--bv-ink-soft); margin-bottom: 10px;
}

/* Express checkout (Apple/Google Pay/Link via Stripe) — give it breathing room */
.wp-block-woocommerce-checkout-express-payment-block { margin-bottom: 8px; }

/* Order summary accents */
.wc-block-components-totals-item__value, .wc-block-components-order-summary-item__total-price { font-weight: 700; }
.wc-block-components-product-price__value.is-discounted ins { color: var(--bv-accent-ink); }

@media (max-width: 600px) {
  .birchivy-co-trust { gap: 10px 18px; padding: 14px 16px; }
  .birchivy-co-trust > span { font-size: 0.8rem; }
}