/* =====================================================================
   PE-PRICES.CSS — dedicated figure treatment for every price on the site.
   Owner order 2026-11-03: "Pricing needs to stand out more — it almost
   looks like a 1 not a 4." ($4,595 on the Proudest poster card.)

   WHY THIS FILE EXISTS: prices used to render in the Bodoni Moda display
   face. Its 4 is an open Didone glyph — thin diagonal, no closed
   triangle — which washes out at phone sizes and reads as a 1. Glyph
   test (2026-11-03, rendered from the shipped subset fonts): Bodoni 600
   and 800 and Cinzel 700/800 all carry the open 4; DM Sans carries a
   closed, triangular 4 that stays unmistakable at 32px, 24px and 17px
   on both paper and night backgrounds.

   THE TREATMENT: names keep the approved V4 lettering (untouched).
   FIGURES get their own voice —
     face:  "DM Sans" (already in the site stack), weight 800
     nums:  tabular-nums + lining-nums everywhere
     light: deeper gold #6e4a06 on paper (#fffdf6) — 7.7:1, up from
            gold-deep #8a5f10 at 5.5:1
     dark:  gold-pale #f6db9c on night surfaces — ~13:1
     plus:  metallic text-stroke / stacked text-shadow / sheen animation
            stripped from figures only (they thinned the strokes); one
            soft separation shadow on dark surfaces instead.
   Sizes are bumped per surface so the price is the loudest number on
   its card.

   THIS FILE IS THE FINAL WORD ON PRICE FIGURES. It loads last on every
   price-bearing page and uses !important deliberately — pe-main.css and
   several inline page styles carry their own !important price rules.
   If you restyle a price, do it here, not in the older sheets.
   ===================================================================== */

/* ---- the figure voice: every price surface ---- */
.poster .price,
.party-card .price,
.package .price,
.price-gold,
.tier .price,
.upgrade-price,
.wz-tier-price,
.wz-total-row strong,
.retainer,
.upsell-card .u-price,
.amt-amount,
.tier-banner-price,
.pa-card-price,
.tier-card .tc-price,
.grand .g-total,
.m-foliobar .m-total .m-val,
.lock-summary .ls-total span:last-child,
.addon-price,
.addon .ad-price,
.rline .rl-price,
.addon-item em,
.lock-pct {
  font-family: "DM Sans", system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  -webkit-text-stroke: 0 !important;
  animation: none !important;
}

/* ---- on paper: deeper gold, no shadow ---- */
.poster .price {
  color: #6e4a06 !important;
  -webkit-text-fill-color: #6e4a06 !important;
  text-shadow: none !important;
  font-size: 2.55rem !important;
}

/* ---- on night: gold-pale, one soft separation shadow ---- */
.party-card .price,
.package .price,
.price-gold,
.tier .price,
.upgrade-price,
.wz-tier-price,
.wz-total-row strong,
.retainer,
.upsell-card .u-price,
.amt-amount,
.tier-banner-price,
.pa-card-price,
.tier-card .tc-price,
.grand .g-total,
.m-foliobar .m-total .m-val,
.lock-summary .ls-total span:last-child,
.addon-price,
.addon .ad-price,
.rline .rl-price,
.addon-item em,
.lock-pct {
  color: #f6db9c !important;
  -webkit-text-fill-color: #f6db9c !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, .45) !important;
}

/* ---- size bumps: the price is the loudest number on the card ---- */
.packages .package .price,
.packages .party-card .price { font-size: clamp(3rem, 5vw, 4rem) !important; }
.package .price { font-size: 2.9rem !important; }
.party-card .price { font-size: 2.55rem !important; }
.price-gold { font-size: 1.8rem !important; }
.tier .price { font-size: 2.1rem !important; }
.upgrade-price { font-size: 1.7rem !important; }
.wz-tier-price { font-size: 1.55rem !important; }
.wz-total-row strong { font-size: 2.2rem !important; }
.upsell-card .u-price { font-size: 1.22rem !important; }
.amt-amount { font-size: 1.85rem !important; }
.tier-banner-price { font-size: 1.55rem !important; }
.pa-card-price { font-size: 1.15rem !important; }
.tier-card .tc-price { font-size: 1.9rem !important; }
.m-foliobar .m-total .m-val { font-size: 1.65rem !important; }
.lock-summary .ls-total span:last-child { font-size: 1.3rem !important; }
.addon-price { font-size: 1.3rem !important; }
.addon .ad-price { font-size: 1.18rem !important; }
.rline .rl-price { font-size: 1.12rem !important; }
.addon-item em { font-size: 1.4rem !important; }
/* .grand .g-total keeps its own clamp(2.6rem,6vw,4rem) — already monumental.
   .retainer keeps its own clamp — it is a sentence; only its figures change voice. */


/* =====================================================================
   APPLIED 2026-11-03 — OWNER PICK: V3 SHEEN (Barry, 14:49 EST: "i like sheen")
   The rules below are appended verbatim from
   hidden_files/price-finish-variants-2026-11-03/pe-prices-v3-sheen.css
   per PRICE-FINISH-VARIANTS-2026-11-03.md (V3 exact delta: append).
   Accepted trade: wrapped town/corporate prices lose the metal paint
   for this sheen finish. Backup: hidden_files/price-fix-backups-2026-11-03/
   pe-prices.css.pre-v3-a1cf3214.bak
   ===================================================================== */
/* =====================================================================
   VARIANT V3 — SHEEN (candidate finish for price figures)
   Owner taste note 2026-11-03: the flat DM Sans figure treatment
   "looks much better but a lot more plain."

   WHAT THIS DOES: figures keep the pe-prices.css golds as their
   body color, with one restrained top-light gradient laid over
   them (background-clip:text): a light band across the top of the
   glyphs settling into the flat production gold — lit metal, not
   textured foil. No grain, no brushing, no stroke, no shadow, NO
   ANIMATION — the gradient is parked, per the brief.

   Paper gradient: lightest stop #caa233 lives only in the top
   quarter of the glyph; from mid-glyph down it is the production
   #6e4a06 deepening slightly to the foot.
   Night gradient: opens at #fff8e1 and settles through the
   production #f6db9c to a deeper foot.

   WRAPPED SURFACES: .tier .price / .package .price / .party-card
   .price / .lock-pct are wrapped by pe-letterforms.js in
   span.pe-metal[data-text]. V2/V3 neutralize the wrap the same
   way: ::after mirror off, the sheen gradient applied to the span
   itself (it is inline-block, so its own clip box is exact).

   HOW TO APPLY (if the owner picks V3): append this file's rules to
   pe-prices.css (or load it after pe-prices.css). Paint-only
   overrides; the figure voice stays as pe-prices.css sets it.
   Clipped text carries text-shadow:none (the letterforms audit's
   silver-wash rule) — enforced below on every sheened element.
   ===================================================================== */

/* ---- paper: top-light sheen over deep gold ---- */
.poster .price {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image: linear-gradient(180deg,#caa233 0%,#a3791f 24%,#77560d 52%,#6e4a06 78%,#5f3e04 100%) !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

/* ---- night: top-light sheen over gold-pale ---- */
.party-card .price,
.package .price,
.price-gold,
.tier .price,
.upgrade-price,
.wz-tier-price,
.wz-total-row strong,
.retainer,
.upsell-card .u-price,
.amt-amount,
.tier-banner-price,
.pa-card-price,
.tier-card .tc-price,
.grand .g-total,
.m-foliobar .m-total .m-val,
.lock-summary .ls-total span:last-child,
.addon-price,
.addon .ad-price,
.rline .rl-price,
.addon-item em,
.lock-pct {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image: linear-gradient(180deg,#fff8e1 0%,#fbe9b4 22%,#f6db9c 50%,#eed086 78%,#e3bc60 100%) !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
}

/* ---- wrapped spans inside price hosts: metal cast OFF, sheen ON ---- */
.tier .price .pe-metal,
.package .price .pe-metal,
.party-card .price .pe-metal,
.lock-pct .pe-metal {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  background-image: linear-gradient(180deg,#fff8e1 0%,#fbe9b4 22%,#f6db9c 50%,#eed086 78%,#e3bc60 100%) !important;
  background-color: transparent !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  filter: none !important;
}
.tier .price .pe-metal::after,
.package .price .pe-metal::after,
.party-card .price .pe-metal::after,
.lock-pct .pe-metal::after {
  content: none !important;
}