/* ===========================================================================
   Arjuna POD — campaign palette layer.
   Load order on checkout / upsell / receipt:
     css/next-core.css  ->  css/brand-theme.css  ->  css/arjuna.css  ->  css/personalize.css
   This file holds ONLY :root colour tokens plus the currency-code rules. Re-skin a campaign here
   (or replace the file with a Campaigns OS generated brand-theme.css that keeps the --pod--*
   tokens below); component CSS reads tokens and never hardcodes a campaign colour.
   The defaults are a neutral placeholder palette, not a brand.
   =========================================================================== */
:root {
  /* next-core / shared-commerce tokens */
  --brand--color--primary: #1f2937;
  --brand--color--primary-dark: #111827;
  --brand--color--primary-light: #e5e7eb;
  --brand--color--primary-lighter: #f3f4f6;
  --brand--color--primary-foreground: #ffffff;
  --brand--color--accent: #1f2937;
  --brand--color--accent-foreground: #ffffff;
  --brand--color--background: #ffffff;
  --brand--color--surface: #ffffff;
  --brand--color--border: #e5e7eb;
  --brand--color--foreground: #333333;
  --brand--color--text-primary: #333333;
  --brand--color--text-inverse: #ffffff;
  --brand--color--rating-star: #f5a623;
  --brand--color--cta-primary: #1f2937;
  /* cta-foreground and cta-primary are a PAIR: a light/bright CTA needs a dark foreground. */
  --brand--color--cta-foreground: #ffffff;
  --component--color--outline: #d1d5db;

  /* Arjuna POD family tokens (read by arjuna.css and personalize.css) */
  --pod--color--cta: var(--brand--color--cta-primary);          /* Complete Purchase + upsell accept */
  --pod--color--cta-border: var(--brand--color--primary-dark);
  --pod--color--cta-foreground: var(--brand--color--cta-foreground);
  --pod--color--select: var(--brand--color--primary-dark);      /* selected radio dot */
  --pod--color--positive: #08927a;                               /* savings labels, "+X% OFF" */
  --pod--color--label-green: #08927a;                            /* tier price label --green */
  --pod--color--label-blue: #1f5ae0;                             /* tier price label --blue */
  --pod--color--soft: var(--brand--color--primary-lighter);     /* upsell box + stepper fill */
  --pod--color--soft-border: var(--brand--color--primary-light);
  --pod--color--switch-on: #1f5ae0;                              /* insurance switch ON */
  --pod--color--switch-off: #c9c9c9;
  --pod--color--success: #1f8a3b;                                /* check marks, "Saved" chip */
  --pod--color--danger: #a22d2b;                                 /* crosses, errors */
  --pod--color--badge: #a3282b;                                  /* guarantee tile on the hero image */
  --pod--color--badge-foreground: #ffffff;
  --pod--color--banner: #acf4a1;                                 /* promo strip + timer pill */
  --pod--color--banner-foreground: #0a0a0a;
  --pod--color--promo-code: var(--pod--color--banner);            /* "✓ CODE" text on the black promo pill; must read on black */
  --pod--color--accept: #fdd22f;                                 /* upsell-stepper accept button */
  --pod--color--accept-foreground: #1a1814;
  --pod--color--saving: #d23c18;                                 /* upsell-stepper "You save" line */
  --pod--color--media-panel: #efe9df;                            /* upsell-stepper image panel */
}

/* ---- Currency codes on converted prices --------------------------------
   Every price carries a .cc-currency-code span with the ISO code. Hidden by default, so a US shopper
   never sees "USD"; js/currency-code.js sets data-cc-currency on <html> from the cart summary. */
.cc-currency-code { display: none; }
html[data-cc-currency]:not([data-cc-currency="USD"]) .cc-currency-code {
  display: inline; margin-left: .25em; font-size: .75em; font-weight: 600; text-decoration: none;
}
html[data-cc-currency]:not([data-cc-currency="USD"]) .summary-total__coin.cc-currency-code {
  display: block; margin-left: 0; font-size: inherit; font-weight: 700;
}
.cc-charged-in { display: none; margin: .375rem 0 0; font-size: .8125rem; text-align: right; }
html[data-cc-currency]:not([data-cc-currency="USD"]) .cc-charged-in { display: block; }
.cc-currency-code.cc-currency-code--off { display: none !important; }