/* 46/60 Academy — AHD brand family look (2026-11-06).
   Same skeleton as athletichitting.com: AHD display font, dark header bar,
   heavy italic headlines, squared buttons. Arizona colors stay 46/60's own.
   Loaded last on every page so it wins over older page styles. */

@font-face{font-family:AHDDisplay;src:url(/assets/fonts/ahd-display.woff) format('woff');font-weight:100 900;font-style:normal;font-display:swap;size-adjust:70%}
@font-face{font-family:AHDDisplay;src:url(/assets/fonts/ahd-display.woff) format('woff');font-weight:100 900;font-style:italic;font-display:swap;size-adjust:70%}

:root{
  --az-navy:#06163b;
  --az-navy2:#0f2a5e;
  --az-red:#a1242a;
  --az-copper:#a1242a;
  --az-copper-lt:#f1c656;
  --az-gold:#f1c656;
  --az-cream:#f8f0db;
  --red:#a1242a;
  --red2:#b8323a;
  --ahd-display:AHDDisplay,"Arial Black",Impact,sans-serif;
  /* Site-wide fallbacks: some home sections use these outside the block that defined them,
     which left the Backspin Jr. quote card with no background. */
  --academy-navy:#06163b;
  --academy-red:#a1242a;
  --academy-gold:#f1c656;
  --academy-cream:#f8f0db;
  --academy-ink:#111c31;
}

/* ---------- Headlines: AHD lettering ---------- */
html body:not(#ahdx) h1,
html body:not(#ahdx) h2:not(article h2):not(.post-body h2):not(.prose h2),
html body:not(#ahdx) .section-head h2,
html body:not(#ahdx) .hometown-grid h2,
html body:not(#ahdx) .whole-home h2,
html body:not(#ahdx) .masterclass-pitch h2{
  font-family:var(--ahd-display)!important;
  font-style:italic!important;
  font-weight:900!important;
  text-transform:uppercase;
  letter-spacing:-.01em!important;
  line-height:.98!important;
}
html body:not(#ahdx) h3:not(article h3):not(.post-body h3):not(.prose h3){
  font-family:var(--ahd-display)!important;
  font-style:italic!important;
  font-weight:900!important;
  text-transform:uppercase;
  letter-spacing:0!important;
  line-height:1.05!important;
}
html body:not(#ahdx) .eyebrow{letter-spacing:.16em!important;font-weight:800!important}
html body:not(#ahdx) .step-num,html body:not(#ahdx) .course-count strong{font-family:var(--ahd-display);font-style:italic}

/* ---------- Header bar: dark like AHD, Arizona navy ---------- */
html body:not(#ahdx) header.top{
  background:var(--az-navy)!important;
  border-bottom:3px solid var(--az-copper-lt)!important;
  box-shadow:0 6px 18px #00000033!important;
  backdrop-filter:none!important;
}
html body:not(#ahdx) header.top .brand{color:var(--az-cream)!important;text-decoration:none}
html body:not(#ahdx) header.top .brand img{display:none!important}
html body:not(#ahdx) header.top .brand .wm{display:flex;align-items:center;gap:12px;line-height:1}
html body:not(#ahdx) header.top .brand .wm b{font:italic 900 34px/1 var(--ahd-display);color:var(--az-cream);letter-spacing:0}
html body:not(#ahdx) header.top .brand .wm b i{font-style:inherit;color:var(--az-copper-lt)}
html body:not(#ahdx) header.top .brand .wm em{display:flex;flex-direction:column;gap:3px;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--az-copper-lt);padding-left:12px;border-left:2px solid #5c7bb0}
html body:not(#ahdx) header.top .brand .wm em small{display:block;font-size:11px!important;font-weight:650;letter-spacing:.02em!important;color:#e6edf8!important;text-transform:none;white-space:nowrap}

/* top-level links */
html body:not(#ahdx) header.top .nav>a,
html body:not(#ahdx) header.top .nav .ng>summary,
html body:not(#ahdx) header.top .nav .ng>summary b{color:var(--az-cream)!important}
html body:not(#ahdx) header.top .nav>a:hover,
html body:not(#ahdx) header.top .nav .ng>summary:hover{color:#ffffff!important;text-decoration:none}
html body:not(#ahdx) header.top .academy-menu .ng.has-cur>summary b{box-shadow:inset 0 -2px 0 var(--az-copper-lt)!important}
/* dropdowns stay light so their links read */
html body:not(#ahdx) header.top .academy-menu .ng-sub a{color:#1b1917!important}
html body:not(#ahdx) header.top .academy-menu .ng-sub{border-top-color:var(--az-copper)!important}
/* waitlist / my academy button: AHD style */
html body:not(#ahdx) header.top .nav a.as-login,
html body:not(#ahdx) header.top .academy-menu .nav-cta{
  background:var(--az-copper)!important;color:#fff!important;border:2px solid #fff;border-radius:8px!important;
  font-weight:800!important;letter-spacing:.05em!important;text-transform:uppercase;
}
/* menu button on dark bar */
html body:not(#ahdx) header.top .menu{
  background:transparent!important;color:var(--az-cream)!important;
  border:2px solid var(--az-copper-lt)!important;border-radius:8px!important;box-shadow:none!important;
}
html body:not(#ahdx) header.top .menu[aria-expanded=true]{background:var(--az-copper)!important;border-color:#fff!important;color:#fff!important}

/* phone menu panel: navy, cream links */
@media(max-width:1150px){
  html body:not(#ahdx) header.top .nav.open{background:var(--az-navy)!important;box-shadow:0 14px 24px #0006!important}
  html body:not(#ahdx) header.top .nav.open a,
  html body:not(#ahdx) header.top .nav.open .ng>summary,
  html body:not(#ahdx) header.top .nav.open .ng>summary b{color:var(--az-cream)!important}
  html body:not(#ahdx) header.top .nav.open .ng>summary small{color:#c9d6ea!important}
  html body:not(#ahdx) header.top .nav.open .ng-sub{position:static!important;background:transparent!important;border:0!important;border-left:3px solid var(--az-copper-lt)!important;box-shadow:none!important;min-width:0!important}
  html body:not(#ahdx) header.top .nav.open .ng-sub a{color:var(--az-cream)!important}
  html body:not(#ahdx) header.top .nav.open a:hover,
  html body:not(#ahdx) header.top .nav.open .ng[open]>summary{background:#ffffff14!important}
  html body:not(#ahdx) header.top .nav.open .nav-ahd{background:#ffffff14!important;color:var(--az-gold)!important}
}
@media(max-width:620px){
  html body:not(#ahdx) header.top .brand .wm b{font-size:28px}
  html body:not(#ahdx) header.top .brand .wm em{font-size:10px;padding-left:9px}
  html body:not(#ahdx) header.top .brand .wm em small{font-size:9.5px!important}
}

/* ---------- Buttons: AHD shape ---------- */
html body:not(#ahdx) .btn{border-radius:8px!important;letter-spacing:.05em!important;text-transform:uppercase;font-weight:800!important}
html body:not(#ahdx) .btn.red{background:var(--az-copper)!important;border-color:var(--az-copper)!important;color:#fff!important}
html body:not(#ahdx) .btn.red:hover{background:#861c22!important}
html body:not(#ahdx) .hero .btn.red,html body:not(#ahdx) .urgent-hero .btn.red,html body:not(#ahdx) .course-hero .btn.red{border-color:#fff!important}

/* ---------- Dark sections: navy instead of brown ---------- */
html body:not(#ahdx) .hero{background:linear-gradient(120deg,#030c24 0%,var(--az-navy) 55%,var(--az-navy2) 100%)!important}
html body:not(#ahdx) .urgent-hero{background:var(--az-navy)!important}
html body:not(#ahdx) .urgent-hero .hero-art:after{background:linear-gradient(90deg,#06163bf2 0%,#06163be0 28%,#06163b96 46%,#06163b22 66%,transparent 100%)!important}
@media(max-width:900px){html body:not(#ahdx) .urgent-hero .hero-art:after{background:linear-gradient(0deg,#06163b 0%,transparent 35%)!important}}
html body:not(#ahdx) .hero .eyebrow,html body:not(#ahdx) .urgent-hero .eyebrow{color:var(--az-gold)!important}
html body:not(#ahdx) .course-hero{background:linear-gradient(120deg,#030c24 0%,var(--az-navy) 70%,var(--az-navy2) 100%)!important}
html body:not(#ahdx) .block.dark{background:var(--az-navy)!important}
html body:not(#ahdx) .footer{background:#030c24!important;border-top:3px solid var(--az-copper-lt)}

/* Cleaner top: header only (strips removed; hidden here too in case an old cached script adds them) */
html body:not(#ahdx) .academy-online-strip,
html body:not(#ahdx) .academy-relationship,
html body:not(#ahdx) .allskills-overline{display:none!important}

/* ---------- Contrast fixes (site-wide audit, 2026-11-06) ---------- */
/* Red labels sitting on navy cards/bands -> logo gold */
html body:not(#ahdx) .live-card .eyebrow,
html body:not(#ahdx) .intro-bottom-banner .as-eyebrow,
html body:not(#ahdx) .academy-rank .eyebrow,
html body:not(#ahdx) .as-dark-section .as-eyebrow,
html body:not(#ahdx) .block.dark .eyebrow{color:var(--az-gold)!important}
/* Headline on navy section was navy */
html body:not(#ahdx) .as-dark-section h2,
html body:not(#ahdx) .as-dark-section h3{color:#ffffff!important}
/* Outline buttons on navy sub-heroes were navy-on-navy */
html body:not(#ahdx) .as-subhero .as-outline{color:#ffffff!important;border-color:#ffffff!important;background:transparent!important}
/* Coach Playbook video panel lost its dark background */
html body:not(#ahdx) .video-shell{background:var(--az-navy)!important;color:#ffffff}
html body:not(#ahdx) .video-shell .eyebrow{color:var(--az-gold)!important}
html body:not(#ahdx) .video-shell .video-box,html body:not(#ahdx) .video-shell .video-box small{color:#f8f0db!important}
/* Free tools cards are light: dark text */
html body:not(#ahdx) .g-tools-grid a span{color:#3a4252!important}
html body:not(#ahdx) .g-tools-grid a em{color:var(--az-red)!important}
/* Spin Reader answer buttons had no background */
html body:not(#ahdx) .prt-btns button:not([class*="prt-"]){background:var(--az-navy)}
html body:not(#ahdx) .prt-btns button:nth-child(2){background:var(--az-red)}
html body:not(#ahdx) .prt-btns button:nth-child(3){background:#2f4a73}
/* Small grey text on cream */
html body:not(#ahdx) .as-muted{color:#4f565c!important}
html body:not(#ahdx) .prt-key kbd{color:#3d3428!important}
/* Gold label on light badge strip */
html body:not(#ahdx) .academy-badge-strip .academy-club-label{color:#7a4d00!important}
/* Level 3 pathway tag: gold background needs dark text */
html body:not(#ahdx) .pathway-stage:nth-child(3) .pathway-step{background:var(--az-gold)!important;color:var(--az-navy)!important}
/* Clubhouse step numbers on red strip */
html body:not(#ahdx) .steps-strip b{color:#ffffff!important}
html body:not(#ahdx) .legal-hero .eyebrow{color:var(--az-gold)!important}