/* =====================================================================
   Brave Horse Winery — Vinoshipper cart theme
   Restyles the Injector's cart drawer to match the site.

   Load AFTER your main stylesheet:
     <link rel="stylesheet" href="/css/vinoshipper-theme.css">

   Palette pulled from the live site:
     --black #0a0806   --charcoal #18140f   --charcoal-2 #221c15
     --cream #f3ede3   --cream-dim #d9d0bf  --stone #8b8578
     --gold  #c9a25d   --gold-bright #e8c77e
     --burgundy #5b1420
   Type: Fraunces (headings) · Cormorant Garamond (body) · Jost (UI)
   ===================================================================== */

:root {

  /* ---- Global Injector tokens ------------------------------------- */
  --vs-font-family: 'Cormorant Garamond', serif;
  --vs-spacer: 1rem;
  --vs-gap: 0.75rem;

  /* ---- Drawer shell ----------------------------------------------- */
  --vs-cart-font-family: 'Cormorant Garamond', serif;
  --vs-cart-background-color: #18140f;
  --vs-cart-color: #f3ede3;
  --vs-cart-shown-width-max: 430px;

  --vs-cart-link-color: #c9a25d;
  --vs-cart-link-text-decoration: none;
  --vs-cart-link-hover-color: #e8c77e;
  --vs-cart-link-hover-text-decoration: underline;

  /* ---- Backdrop + motion ------------------------------------------ */
  --vs-cart-stage-backdrop-shown-background-color: rgba(10, 8, 6, 0.72);
  --vs-cart-stage-z-index: 9000;
  --vs-cart-stage-backdrop-z-index: 8999;
  --vs-cart-animation-duration: 520ms;
  --vs-cart-animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  --vs-cart-animation-close-duration: 380ms;
  --vs-cart-animation-close-timing-function: cubic-bezier(0.22, 1, 0.36, 1);

  /* ---- Contents ---------------------------------------------------- */
  --vs-cart-contents-color: #f3ede3;
  --vs-cart-contents-background-color: transparent;
  --vs-cart-contents-border-color: rgba(201, 162, 93, 0.18);

  /* ---- Checkout button (mirrors .shop-buy) ------------------------- */
  --vs-cart-actions-checkout-font-family: 'Jost', sans-serif;
  --vs-cart-actions-checkout-background-color: #c9a25d;
  --vs-cart-actions-checkout-color: #0a0806;
  --vs-cart-actions-checkout-border-color: #c9a25d;
  --vs-cart-actions-checkout-border-radius: 0;
  --vs-cart-actions-checkout-padding: 14px 20px;
  --vs-cart-actions-checkout-font-size: 11px;
  --vs-cart-actions-checkout-font-weight: 400;
  --vs-cart-actions-checkout-letter-spacing: 0.14em;
  --vs-cart-actions-checkout-text-transform: uppercase;
  --vs-cart-actions-checkout-hover-background-color: #e8c77e;
  --vs-cart-actions-checkout-hover-color: #0a0806;
  --vs-cart-actions-checkout-hover-border-color: #e8c77e;

  /* ---- Continue shopping (mirrors .btn-ghost) ---------------------- */
  --vs-cart-actions-continue-font-family: 'Jost', sans-serif;
  --vs-cart-actions-continue-background-color: transparent;
  --vs-cart-actions-continue-color: #d9d0bf;
  --vs-cart-actions-continue-border-color: rgba(217, 208, 191, 0.35);
  --vs-cart-actions-continue-border-radius: 0;
  --vs-cart-actions-continue-padding: 14px 20px;
  --vs-cart-actions-continue-font-size: 11px;
  --vs-cart-actions-continue-letter-spacing: 0.14em;
  --vs-cart-actions-continue-text-transform: uppercase;
  --vs-cart-actions-continue-hover-color: #f3ede3;
  --vs-cart-actions-continue-hover-border-color: #c9a25d;

  /* ---- Badges + tooltips ------------------------------------------- */
  --vs-badge-background-color: #5b1420;
  --vs-badge-color: #f3ede3;
  --vs-badge-border-radius: 0;
}

/* Headings inside the drawer pick up the display face. */
.vs-cart h1,
.vs-cart h2,
.vs-cart h3 {
  font-family: 'Fraunces', serif;
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* NOTE
   Variable names above come from Vinoshipper's Cart Styling docs. The
   drawer, backdrop, link and action-button names are confirmed; a few
   of the --vs-cart-contents-* and per-state names are inferred from
   their documented pattern. Load the page, open the drawer, and delete
   any that DevTools shows as unused. */