/* Restyle layer for the older pages (tour, training, shop, waiver, legal,
   payment, cancel, contact, responders, active-fit).
   Loaded LAST, after each page's own styles. Only looks change: no markup,
   field, form or script is touched by this file. */

:root{
  /* surfaces */
  --bg-canvas:#1A1A1C; --bg-surface:#202023; --bg-raised:#202023; --bg-muted:#26262A;
  --bg-inverse:#141416; --bg-inverse-deep:#111113;
  --iron-bone:#1A1A1C; --iron-paper:#202023; --iron-mist:#26262A; --iron-stone:#3A3A3F;
  --iron-ore:#1A1A1C; --iron-black:#141416;
  /* text */
  --fg-1:#FFFFFF; --fg-2:#D6D6DA; --fg-3:#B9B9BE; --fg-4:#8A8A90;
  --fg-on-dark:#FFFFFF; --fg-on-dark-2:#B9B9BE; --fg-on-dark-3:#8A8A90;
  /* lines */
  --border-hairline:rgba(255,255,255,.12); --border-subtle:rgba(255,255,255,.12);
  --border-default:rgba(255,255,255,.22); --border-strong:rgba(255,255,255,.35);
  --border-on-dark:rgba(255,255,255,.12); --border-on-dark-strong:rgba(255,255,255,.22);
  --border-focus:#D4A017;
  /* gold: one gold on dark */
  --gold:#D4A017; --gold-deep:#D4A017; --gold-bright:#E2B232;
  --gold-soft:rgba(212,160,23,.4); --gold-wash:rgba(212,160,23,.1);
  /* type */
  --font-display:"Exo 2",system-ui,sans-serif; --font-body:"Exo 2",system-ui,sans-serif; --font-mono:"Exo 2",system-ui,sans-serif;
  /* no rounded bubbles, no shadows */
  --radius-sm:0; --radius-md:0; --radius-lg:0; --radius-xl:0; --radius-pill:0;
  --shadow-xs:none; --shadow-sm:none; --shadow-md:none; --shadow-lg:none; --shadow-gold:none;
}
body{background:var(--ink)!important;color:var(--fg-2)}
h1,h2,h3,h4{font-family:var(--font)}
/* old display headlines: Exo 2 ExtraBold, upright accent words in gold */
h1,h2,.pitch h2,.formcard h3{font-weight:800!important}
.it{font-style:normal!important;font-weight:800!important}
*{border-radius:0!important}
*,*::before,*::after{box-shadow:none!important}
.btn:hover,.btn-primary:hover{transform:none!important}

/* buttons */
.btn-primary{background:var(--gold)!important;color:var(--on-gold)!important;border:1.5px solid var(--gold)!important}
.btn-primary:hover{background:#E2B232!important;border-color:#E2B232!important}
.btn-light-ghost,.btn-ghost,.btn-outline{background:transparent!important;color:var(--white)!important;border:1.5px solid var(--gold)!important}
.btn-light-ghost:hover,.btn-ghost:hover,.btn-outline:hover{background:var(--gold)!important;color:var(--on-gold)!important}

/* heroes: flat dark band, thin line under */
section.hero,header.phero,header.shop-hero,.doc-hero{background:var(--ink-2)!important;border-bottom:1px solid var(--line)}
section.hero .scrim{background:linear-gradient(180deg,rgba(20,20,22,.6),rgba(20,20,22,.9))!important}
section.hero .stamp{border-width:1px}

/* form cards and fields */
.formcard,.optcard,.securenote,.toc,.doc-body .contactblock{background:var(--card)!important;border:1px solid var(--line)!important}
.field input,.field select,.field textarea,input[type=text],input[type=email],input[type=tel],input[type=date],input[type=number],select,textarea{
  background:var(--ink)!important;color:var(--white)!important;border:1px solid var(--line-2)!important;font-family:var(--font)!important}
.field input::placeholder,textarea::placeholder,input::placeholder{color:var(--mute-2)!important}
.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--gold)!important;outline:2px solid var(--gold)!important;outline-offset:0}
select option{background:var(--ink);color:var(--white)}
input[type=checkbox],input[type=radio]{accent-color:var(--gold)}
/* thank-you / status messages inside forms */
.formcard .ok,.ok,.success,.thanks{background:var(--gold-wash)!important;border:1px solid var(--gold)!important;color:var(--white)!important}
.formcard .proofbox{background:var(--gold-wash)!important;border:1px solid var(--gold-soft)!important;color:var(--fg-2)!important}

/* shop */
.shopbar{background:rgba(26,26,28,.94)!important;border-bottom:1px solid var(--line)!important}
.locseg button{border:1px solid var(--line-2)!important;background:transparent!important;color:var(--fg-2)!important}
.locseg button.on{background:var(--gold)!important;border-color:var(--gold)!important;color:var(--on-gold)!important}
.pimg{background:#F4F4F2!important}

/* legal documents */
.doc-body a{color:var(--gold)}

/* no glows or effects (design system) */
section.hero::after{display:none!important}

/* old hero .content padding zeroed the side gutter (live bug on phones) */
.container.content{padding-left:32px!important;padding-right:32px!important}
@media(max-width:640px){.container,.container.content{padding-left:16px!important;padding-right:16px!important}}
section.dochero{background:var(--ink-2)!important;border-bottom:1px solid var(--line)}

/* give page: no pattern, upright accents, thin line */
header.hero::before{display:none!important}
header.hero{background:var(--ink-2)!important;border-bottom:1px solid var(--line)!important}
.ital{font-style:normal!important;font-weight:800!important;text-transform:uppercase!important}