/* ==========================================================================
   BT INTERIOR  v1.0.0
   Brings About / Episodes / Contact / Community into the v11 design language.
   Each of those templates ships its own inline <style> that loads AFTER the
   enqueued sheets, so every rule here is body-scoped to win specificity ties.
   Additive only. Delete file + enqueue to revert.
   ========================================================================== */

:root{
  --bti-ink:   #1A0E2E;
  --bti-ivory: #FFFDF8;
  --bti-warm:  #F7F2E9;
  --bti-gold:  #C9A227;
  --bti-goldl: #DFBB4B;
  --bti-goldd: #7D5F10;   /* AA on light */
  --bti-body:  #4A4453;
  --bti-ez:    cubic-bezier(.22,.61,.36,1);
}

/* --------------------------------------------------------------------------
   1. CINEMATIC PAGE HEROES
   -------------------------------------------------------------------------- */
body .abt-hero,
body .epp-hero,
body .ctp-hero,
body .bt-page-hero,
body .premium-hero{
  position: relative;
  background: var(--bti-ink) !important;
  color: var(--bti-ivory) !important;
  overflow: hidden;
}
body .abt-hero::after,
body .epp-hero::after,
body .ctp-hero::after,
body .bt-page-hero::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:0;
  background:
    linear-gradient(to top, var(--bti-ink) 4%, rgba(26,14,46,.66) 48%, rgba(26,14,46,.30) 100%),
    radial-gradient(120% 80% at 16% 100%, rgba(201,162,39,.20), transparent 62%);
}
body .abt-hero > *, body .epp-hero > *, body .ctp-hero > *, body .bt-page-hero > *{ position:relative; z-index:1; }

/* decorative orbs read as purple blobs against the new ink, dial them down */
body .abt-hero-orb{ opacity:.18 !important; filter: saturate(.4); }

body .abt-hero h1, body .epp-hero h1, body .ctp-hero h1, body .bt-page-hero h1,
body .abt-hero h2, body .epp-hero h2, body .ctp-hero h2{
  color: var(--bti-ivory) !important;
  -webkit-text-fill-color: var(--bti-ivory) !important;
  background-image: none !important;
  font-size: clamp(2.5rem, 6.4vw, 5rem) !important;
  line-height: 1.0 !important;
  letter-spacing: -.02em !important;
}
body .abt-hero p, body .epp-hero p, body .ctp-hero p, body .bt-page-hero p,
body .abt-hero-desc, body .abt-hero-role{
  color: rgba(255,253,248,.86) !important;
  -webkit-text-fill-color: rgba(255,253,248,.86) !important;
}
body .abt-hero-avail, body .abt-hero-proof{ color: rgba(255,253,248,.72) !important; }
body .abt-hero-photo img{ border-radius: 16px; filter: saturate(.92) contrast(1.04); }

/* --------------------------------------------------------------------------
   2. CONTRAST RHYTHM ON INTERIOR PAGES
   -------------------------------------------------------------------------- */
body .abt-bio, body .abt-creds, body .epp-list, body .ctp-form-sec{ background: var(--bti-ivory) !important; }
body .abt-mission, body .abt-impact, body .abt-upsell{ background: var(--bti-warm) !important; }
body .abt-quote, body .abt-cta{ background: var(--bti-ink) !important; color: var(--bti-ivory) !important; }

body .abt-quote h1, body .abt-quote h2, body .abt-quote h3, body .abt-quote p, body .abt-quote blockquote,
body .abt-cta h1,  body .abt-cta h2,  body .abt-cta h3{
  color: var(--bti-ivory) !important; -webkit-text-fill-color: var(--bti-ivory) !important;
  background-image: none !important;
}
body .abt-cta p{ color: rgba(255,253,248,.84) !important; -webkit-text-fill-color: rgba(255,253,248,.84) !important; }

/* --------------------------------------------------------------------------
   3. TYPOGRAPHY
   -------------------------------------------------------------------------- */
body .abt-creds-header h2, body .abt-impact-header h2, body .abt-upsell-header h2,
body .epp-header h2, body .ctp-header h2{
  font-size: clamp(1.9rem, 4.2vw, 3.1rem) !important;
  line-height: 1.05 !important; letter-spacing: -.015em !important;
}
body .abt-lbl, body .abt-lbl-w, body .epp-lbl, body .ctp-lbl{
  letter-spacing: .18em !important; text-transform: uppercase !important;
  font-size: .78rem !important; font-weight: 700 !important;
  color: var(--bti-goldd) !important;
}
body .abt-quote .abt-lbl, body .abt-cta .abt-lbl,
body .abt-hero .abt-lbl{ color: var(--bti-gold) !important; }

/* stat rings / numbers */
body .abt-stat-num{ color: var(--bti-gold) !important; font-variant-numeric: tabular-nums lining-nums; }
body .abt-stat-lbl{ color: var(--bti-body) !important; }
body .abt-quote .abt-stat-lbl, body .abt-cta .abt-stat-lbl{ color: rgba(255,253,248,.75) !important; }

/* --------------------------------------------------------------------------
   4. BUTTONS
   -------------------------------------------------------------------------- */
body .abt-btn-g, body .epp-btn-g, body .ctp-btn-g,
body .abt-btn-p, body .epp-btn-p{
  background: var(--bti-gold) !important;
  color: var(--bti-ink) !important;
  -webkit-text-fill-color: var(--bti-ink) !important;
  font-weight: 700 !important;
  box-shadow: 0 16px 34px -14px rgba(201,162,39,.55);
  transition: transform .16s var(--bti-ez), background .26s var(--bti-ez), box-shadow .26s var(--bti-ez);
}
body .abt-btn-g:hover, body .epp-btn-g:hover, body .ctp-btn-g:hover{
  background: var(--bti-goldl) !important; transform: translateY(-2px);
  box-shadow: 0 0 0 6px rgba(201,162,39,.14), 0 20px 40px -14px rgba(201,162,39,.65);
}
/* outline buttons on dark sections */
body .abt-hero .abt-btn-o,  body .abt-cta .abt-btn-o,
body .abt-hero .abt-btn-ol, body .abt-cta .abt-btn-ol,
body .epp-hero .epp-btn-o,  body .ctp-hero .ctp-btn-o{
  color: var(--bti-ivory) !important;
  -webkit-text-fill-color: var(--bti-ivory) !important;
  border: 1px solid rgba(255,253,248,.45) !important;
  background: transparent !important;
}
body .abt-hero .abt-btn-o:hover, body .abt-cta .abt-btn-o:hover{
  background: rgba(255,253,248,.12) !important; border-color: var(--bti-gold) !important;
}

/* --------------------------------------------------------------------------
   5. CARDS
   -------------------------------------------------------------------------- */
body .abt-cred-card, body .abt-upsell-card, body .epp-card, body .ctp-card{
  transition: transform .26s var(--bti-ez), box-shadow .26s var(--bti-ez), border-color .26s var(--bti-ez);
}
body .abt-cred-card:hover, body .abt-upsell-card:hover, body .epp-card:hover{
  transform: translateY(-6px);
  box-shadow: 0 30px 60px -30px rgba(26,14,46,.4);
  border-color: rgba(201,162,39,.45);
}
body .epp-card img{ transition: transform .5s var(--bti-ez); }
body .epp-card:hover img{ transform: scale(1.05); }

/* --------------------------------------------------------------------------
   6. TRUST / QUOTE BLOCKS
   -------------------------------------------------------------------------- */
body .abt-trust{ background: var(--bti-ink) !important; box-shadow: inset 0 0 0 100vmax rgba(255,253,248,.04); }
body .abt-trust-lbl{ color: rgba(255,253,248,.6) !important; }
body .abt-trust-logo{ filter: brightness(1.6) grayscale(1); opacity:.7; }
body .abt-quote-inner blockquote, body .abt-quote-inner p{
  font-size: clamp(1.5rem, 3vw, 2.4rem) !important; line-height:1.2 !important;
}

/* --------------------------------------------------------------------------
   7. FOCUS
   -------------------------------------------------------------------------- */
body .abt a:focus-visible, body .epp a:focus-visible, body .ctp a:focus-visible{
  outline: 3px solid var(--bti-gold) !important; outline-offset: 3px;
}

/* ==========================================================================
   8. GOLD BUTTON LABELS, high specificity
   WordPress core styles .wp-element-button after our sheet, so plain
   .abt-btn-g loses the tie. These win and keep gold buttons readable.
   ========================================================================== */
body a.abt-btn.abt-btn-g, body a.abt-btn-g.wp-element-button,
body a.epp-btn-g.wp-element-button, body a.ctp-btn-g.wp-element-button,
body .abt-btn-g.wp-element-button, body .abt-btn.abt-btn-g.abt-btn-lg{
  color: var(--bti-ink) !important;
  -webkit-text-fill-color: var(--bti-ink) !important;
}