/* Inner-page heroes follow the homepage layout chosen under Design.
   header.php puts tpl-<layout> on <body>. Keeping every layout in this one file
   means About, Complaint, GenZ, News, Videos and the rest match their homepage.
   Leader Profile keeps the default warm hero from public-modern.css. */

/* Phone sizing shared by every layout: compact heroes, smaller headings. */
@media (max-width:640px){
  .page-hero{padding:26px 0 24px}
  .page-hero:after{display:none}
  .page-hero h1{margin:0 0 8px;font-size:clamp(26px,7.4vw,32px);line-height:1.15}
  .page-hero p{margin:0;font-size:15px;line-height:1.6}
  .modern-hero{padding:26px 0 24px}
  .modern-hero-grid{gap:20px}
  .modern-hero h1{font-size:clamp(28px,8vw,36px);line-height:1.12}
  .modern-hero-lead{font-size:15px;line-height:1.6}
  .breadcrumbs,.modern-breadcrumbs{margin-bottom:10px;font-size:12px}
  .page-content{padding-top:24px}
}

/* Layout heroes. The leader's site background, when set, stays under each overlay. */
body:is(.tpl-civic-modern,.tpl-campaign-bold,.tpl-public-office,.tpl-jansampark-bold) :is(.page-hero,.modern-hero){background-size:cover;background-position:center}
body:is(.tpl-civic-modern,.tpl-campaign-bold,.tpl-public-office,.tpl-jansampark-bold) :is(.page-hero,.modern-hero):is(:before,:after){display:none}

/* Civic Modern: mint editorial, navy headings, muted green labels. */
body.tpl-civic-modern :is(.page-hero,.modern-hero){background-image:linear-gradient(115deg,rgba(248,251,251,.97) 0%,rgba(237,245,241,.94) 60%,rgba(255,247,233,.9) 100%),var(--site-hero-bg,none);border-bottom:1px solid #dfe8e4}
body.tpl-civic-modern :is(.page-hero,.modern-hero) h1{color:#10243d;letter-spacing:-.04em}
body.tpl-civic-modern :is(.page-hero,.modern-hero) h1 span{color:var(--orange)}
body.tpl-civic-modern .modern-kicker{color:color-mix(in srgb,var(--bjp-green,#138a43) 45%,#1b1b1b)}

/* Campaign Bold: saffron rays, deep brown display type. */
body.tpl-campaign-bold :is(.page-hero,.modern-hero){background-image:repeating-conic-gradient(from 0deg at 85% 110%,rgba(255,255,255,.18) 0 6deg,transparent 6deg 14deg),linear-gradient(120deg,rgba(255,241,213,.97),rgba(255,224,178,.94) 60%,rgba(255,195,105,.9)),var(--site-hero-bg,none)}
body.tpl-campaign-bold :is(.page-hero,.modern-hero) h1{color:#7d2500;letter-spacing:-.05em;text-shadow:0 4px 0 #fff5e3}
body.tpl-campaign-bold .modern-kicker{color:#a83d00}

/* Public Office: calm service desk, navy headings, theme-colour label. */
body.tpl-public-office :is(.page-hero,.modern-hero){background-image:linear-gradient(135deg,rgba(243,247,246,.97),rgba(255,249,238,.95)),var(--site-hero-bg,none);border-bottom:1px solid #dfe5e8}
body.tpl-public-office :is(.page-hero,.modern-hero) h1{color:#10243d;letter-spacing:-.045em}
body.tpl-public-office .modern-kicker{color:var(--orange)}

/* JanSampark Bold: dark grid, uppercase white headline, warm kicker. */
body.tpl-jansampark-bold :is(.page-hero,.modern-hero){background-color:#101216;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#0d0f13f5,#101216d9 58%,#10121699),var(--site-hero-bg,none);background-size:42px 42px,42px 42px,cover,cover;color:#fff;border-bottom:4px solid var(--orange)}
body.tpl-jansampark-bold :is(.page-hero,.modern-hero) h1{color:#fff;text-transform:uppercase;letter-spacing:-.04em;line-height:.95}
body.tpl-jansampark-bold :is(.page-hero,.modern-hero) h1 span{color:#ffbd89}
body.tpl-jansampark-bold :is(.page-hero p,.modern-hero-lead){color:#d6d9de}
body.tpl-jansampark-bold :is(.breadcrumbs,.modern-breadcrumbs){color:#aab0b8}
body.tpl-jansampark-bold :is(.breadcrumbs,.modern-breadcrumbs) a,body.tpl-jansampark-bold .modern-kicker{color:#ffbd89}
body.tpl-jansampark-bold .modern-hero .modern-btn-soft{background:#ffffff14;border-color:#ffffff33;color:#fff}
body.tpl-jansampark-bold .modern-hero .modern-stat{background:#ffffff0f;border-color:#ffffff24;color:#fff}
body.tpl-jansampark-bold .modern-hero .modern-stat small{color:#c9ced5}
body.tpl-jansampark-bold .modern-hero :is(.genz-youth-card,.modern-quote){background:#fff;color:#18140f}
body.tpl-jansampark-bold .modern-hero .genz-youth-card :is(h3,p){color:#18140f}