/* ==========================================================================
   Sale-aligned skin — SAFE SUBSET (a11y fixes + antique gold + flat background)
   --------------------------------------------------------------------------
   Loaded AFTER assets/css/pp-v2-design-system.css, gated by
   pp_sale_aligned_skin_v1 (see inc/sections/sale-aligned-skin-v1.php).

   This is a PURE OVERRIDE layer — no base file is edited. Flip the gate to 0
   ( wp option update pp_sale_aligned_skin_v1 0 ) and the entire look reverts.

   Specificity strategy: token redefs use `body.pp-theme-v2` (0,1,1) to beat the
   base `:root` (0,1,0); component fixes use !important to beat the (non-!important)
   base component rules; the page-background rule re-asserts the base's !important.

   NOT included here (intentionally — needs sign-off / is a redesign, not a fix):
   font swap (Sora/Inter), gold-led CTA flip, hero/section gradient flatten,
   track-order teal remap. See pp-sale-alignment-recommendations-2026-06-25.html.
   ========================================================================== */

/* --- 1. Token retune: antique gold (+soft), flat surfaces, neutral & green alignment --- */
:root,
body.pp-theme-v2 {
  --pp-gold: #b8932e;          /* was #d4af37 — bring the decorative gold to the antique sale tone */
  --pp-gold-soft: #d8b657;     /* new — gold that stays legible on dark/navy grounds */
  --pp-ink: #0f1b2d;           /* was #16263a — match sale ink */
  --pp-slate: #5b6b7f;         /* was #475569 — match sale muted */
  --pp-line: #e3e9f2;          /* was #e6ecf3 — match sale hairline */
  --pp-green: #1d6b3f;         /* was #15803d — also lifts the borderline savings-green contrast */
  --pp-band: #002952;          /* was #0a2342 — collapse the two-tone navy to one band */
  --ppv2-bg-gradient: #f7f9fc; /* flatten the 3-stop page gradient */
  --ppv2-surface-alt: #f7f9fc;
}

/* --- 2. Flat page background (overrides the base !important 3-stop gradient) --- */
body.pp-theme-v2,
body.pp-theme-v2 #page,
body.pp-theme-v2 .site {
  background: #f7f9fc !important;
  background-color: #f7f9fc !important;
}

/* --- 3. Footer a11y: contact links inherited the global #1A6BBF hover (~2.6:1 on
       navy = FAIL); quick-link/social hover used the bright #d4af37. Unify all
       footer link hovers to gold-soft #d8b657 (~5.5:1 on navy = PASS). --- */
body.pp-theme-v2 .pp-custom-footer a:hover,
body.pp-theme-v2 .pp-custom-footer a:focus-visible {
  color: #d8b657 !important;
}

/* --- 4. Shop sidebar category count: #8899AA on white ~2.9:1 (FAIL) -> muted ~5:1 --- */
body.pp-theme-v2 .pp-shop-sidebar .pp-cat-count {
  color: #5b6b7f !important;
}

/* --- 5. Side-cart strike / remove glyph: #9ca3af ~2.5:1 -> muted #5b6b7f --- */
body.pp-sidecart-redesign-v2 .pp-sidecart-item__strike,
body.pp-sidecart-redesign-v2 .pp-sidecart-upsell__strike,
body.pp-sidecart-redesign-v2 .pp-sidecart-item__remove {
  color: #5b6b7f !important;
}

/* --- 6. Side-cart meter + header: off-palette bright blue #0066CC -> navy ramp --- */
body.pp-sidecart-redesign-v2 .pp-sidecart-meter__fill {
  background: linear-gradient(90deg, #003d82 0%, #002952 100%) !important;
}
body.pp-sidecart-redesign-v2 .pp-sidecart-header {
  background: linear-gradient(135deg, #002952 0%, #003d82 100%) !important;
}