/* Header refresh (2026-10-27): loaded only when build_site.py HEADER_STYLE is 'A' or 'B'.
   Shorter header bar (smaller logo, tighter nav/CTA) + a stronger top strip. B adds the gold tagline (.hdr-strip--tag). */
:root { --strip-h: 42px; --header-h: 116px; }

/* ---- top strip ---- */
.hdr-strip { background: linear-gradient(180deg, #123A2F 0%, #0B2B21 100%);
  border-bottom: 1px solid var(--gold); box-shadow: inset 0 1px 0 rgba(196,164,106,.18); }
.hdr-strip__contact { gap: 30px; }
.hdr-strip__contact a { font-weight: 700; font-size: 1rem; letter-spacing: .03em; color: #FBF6EC; gap: 9px; }
.hdr-strip__contact a:hover, .hdr-strip__contact a:focus-visible { color: #E7C989; }
.hdr-strip__contact svg { width: 18px; height: 18px; color: var(--gold); stroke-width: 2.1; }
.hdr-social { gap: 9px; }
.hdr-social a { width: 30px; height: 30px; border: 0; background: var(--gold); color: #0B2B21;
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
  transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease; }
.hdr-social svg { width: 15px; height: 15px; }
.hdr-social a:hover, .hdr-social a:focus-visible { background: #E7C989; color: #0B2B21; transform: translateY(-1px);
  box-shadow: 0 0 0 2px rgba(231,201,137,.35), 0 3px 8px rgba(0,0,0,.3); }
.hdr-social a:focus-visible { outline: 2px solid #FBF6EC; outline-offset: 2px; }
/* B: tagline centred between contact and social */
.hdr-strip--tag .hdr-strip__inner { display: grid; grid-template-columns: 1fr auto 1fr; }
.hdr-strip--tag .hdr-social { justify-self: end; }
.hdr-strip__tag { margin: 0; font-family: var(--serif); font-style: italic; font-weight: 600; font-size: 1.08rem;
  line-height: 1; letter-spacing: .03em; color: var(--gold); white-space: nowrap; }

/* ---- header bar ---- */
.site-header__logo { flex: 0 1 250px; min-width: 200px; }
.site-header__logo img { max-width: 250px; }
.site-nav a, .site-nav a[aria-current="page"] { font-size: 1.04rem; padding: 6px 0; }
.hdr-cta { min-height: 42px; padding: 0 20px; font-size: .94rem; }

@media (max-width: 1279px) {
  .site-nav a, .site-nav a[aria-current="page"] { font-size: 1rem; }
  .site-header__logo { min-width: 190px; }
}
@media (max-width: 1180px) and (min-width: 1101px) { .site-nav a, .site-nav a[aria-current="page"] { font-size: .95rem; } }
@media (max-width: 1100px) {
  :root { --header-h: 96px; }
  .site-header__logo img { width: 205px; }
}
@media (max-width: 760px) { .hdr-strip__tag { display: none; } .hdr-strip--tag .hdr-strip__inner { display: flex; } }
@media (max-width: 600px) {
  :root { --strip-h: 38px; --header-h: 80px; }
  .hdr-strip__contact a { font-size: .92rem; gap: 7px; letter-spacing: .01em; }
  .hdr-strip__contact svg { width: 17px; height: 17px; }
  .site-header__logo img { width: 172px; }
}
@media (max-width: 359px) { .site-header__logo img { width: 158px; } }
@media (prefers-reduced-motion: reduce) { .hdr-social a { transition: none; } .hdr-social a:hover { transform: none; } }

/* ---- A without the strip (2026-10-27): header = the bar only; socials sit after the Enroll button ---- */
.site-header--nostrip { top: 0; }
.site-header--nostrip ~ .mobile-menu { top: var(--menu-top, calc(var(--header-h) + 3px)); }
.hdr-social--bar { flex: none; gap: 8px; margin-left: -8px; }   /* bar gap is 22px; ~14px from the button */
.site-header .hdr-social--bar a { width: 34px; height: 34px; border: 1.5px solid var(--gold); background: transparent; color: var(--green);
  box-shadow: none; }
.site-header .hdr-social--bar svg { width: 15px; height: 15px; }
.site-header .hdr-social--bar a:hover, .site-header .hdr-social--bar a:focus-visible { background: var(--green); border-color: var(--green);
  color: var(--cream); transform: translateY(-1px); box-shadow: 0 4px 10px rgba(22,54,45,.2); }
.site-header .hdr-social--bar a:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
@media (max-width: 1279px) { .hdr-social--bar { gap: 6px; margin-left: -10px; } .site-header .hdr-social--bar a { width: 32px; height: 32px; } }
@media (max-width: 1100px) { .hdr-social--bar { display: none; } }   /* burger layout: socials live in the mobile menu */

/* ---- C (2026-10-27, user mock-up): single cream bar, thin gold rule; logo + bulb watermark | nav | phone/email | socials over ENROLL ---- */
/* the watermark's top runs off the bar, as in the mock-up */
.site-header--c .site-header__inner { overflow: clip; }
.site-header--c { --header-h: 116px; border-bottom: 1px solid var(--gold); box-shadow: 0 8px 22px rgba(22, 54, 45, .08);
  background: linear-gradient(180deg, #FCF8F1 0%, var(--cream-light) 100%); }
:root:has(.site-header--c) { --header-h: 116px; }
.site-header--c .site-header__inner { gap: 26px; padding: 0 36px; max-width: 1440px; margin: 0 auto; }
.site-header--c .site-header__logo { position: relative; isolation: isolate; flex: 0 1 252px; min-width: 200px; }
.site-header--c .site-header__logo img { max-width: 252px; }
.site-header--c .site-header__logo::after { content: ""; position: absolute; z-index: -1; pointer-events: none;
  top: 50%; right: -82px; width: 126px; height: 148px; transform: translateY(-53%);
  /* C2 (2026-10-27, user: "too small, looks weak"): the logo's own bulb, tinted tan with a filled glass
     (make_hdr_watermark.py), taller than the bar so the bar crops its rays and base like the mock-up */
  background: url(/shared/images/hdr-bulb-watermark.png) center / contain no-repeat;
  background-image: image-set(url(/shared/images/hdr-bulb-watermark.webp) type("image/webp"), url(/shared/images/hdr-bulb-watermark.png) type("image/png"));
  opacity: .22; }
.site-header--c .site-nav { margin-left: auto; }
.site-header--c .site-nav ul { gap: 22px; }
.site-header--c .site-nav a, .site-header--c .site-nav a[aria-current="page"] { font-size: 1.02rem; padding: 6px 0; color: var(--green); }
.site-header--c .site-nav a::after { height: 1.5px; bottom: 1px; }
/* gold vertical dividers */
.hdr-c-contact, .hdr-c-act { position: relative; flex: none; }
.hdr-c-contact { display: flex; flex-direction: column; gap: 9px; padding-left: 24px; }
.hdr-c-contact::before { content: ""; position: absolute; left: 0; top: 50%; height: 56px; width: 1px; transform: translateY(-50%); background: var(--gold); opacity: .8; }
.hdr-c-act { display: flex; flex-direction: column; align-items: center; gap: 9px; padding-left: 24px; }
.hdr-c-act::before { content: ""; position: absolute; left: 0; top: 50%; height: 56px; width: 1px; transform: translateY(-50%); background: var(--gold); opacity: .8; }
.hdr-c-line { display: inline-flex; align-items: center; gap: 10px; font-family: Lora, Georgia, "Times New Roman", serif; font-weight: 400; font-size: .9rem;
  line-height: 1; letter-spacing: .01em; color: var(--green-dark); text-decoration: none; white-space: nowrap; transition: color .2s ease; }
.hdr-c-ic { flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--gold); color: #fff;
  display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 1px 2px rgba(22,54,45,.18); transition: background-color .2s ease; }
.hdr-c-ic svg { width: 14px; height: 14px; stroke-width: 2; }
.hdr-c-line:hover, .hdr-c-line:focus-visible { color: var(--green); text-decoration: underline; text-decoration-color: var(--gold); text-underline-offset: 3px; }
.hdr-c-line:hover .hdr-c-ic, .hdr-c-line:focus-visible .hdr-c-ic { background: var(--green); }
.site-header .hdr-social--c { gap: 8px; }
.site-header .hdr-social--c a { width: 31px; height: 31px; border: 0; background: var(--gold); color: #fff; box-shadow: 0 1px 2px rgba(22,54,45,.18); }
.site-header .hdr-social--c svg { width: 14px; height: 14px; }
.site-header .hdr-social--c a:hover, .site-header .hdr-social--c a:focus-visible { background: var(--green); color: var(--cream); transform: translateY(-1px); box-shadow: 0 3px 8px rgba(22,54,45,.2); }
.site-header .hdr-social--c a:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.site-header--c .hdr-cta { min-height: 44px; padding: 0 30px; gap: 14px; background: var(--green-dark); color: var(--cream);
  font-weight: 700; font-size: .9rem; letter-spacing: .16em; box-shadow: 0 4px 12px rgba(22, 54, 45, .22); }
.site-header--c .hdr-cta:hover, .site-header--c .hdr-cta:focus-visible { background: var(--green); color: #fff; box-shadow: 0 8px 18px rgba(22, 54, 45, .28); }
.site-header--c .hdr-cta[aria-current="page"] { box-shadow: 0 0 0 2px var(--cream-light), 0 0 0 4px var(--gold); }
@media (max-width: 1279px) {
  .site-header--c .site-header__inner { gap: 20px; padding: 0 26px; }
  .site-header--c .site-header__logo { flex-basis: 228px; min-width: 190px; }
  .site-header--c .site-header__logo::after { right: -74px; width: 114px; height: 136px; }
  .site-header--c .site-nav ul { gap: 17px; }
  .site-header--c .site-nav a, .site-header--c .site-nav a[aria-current="page"] { font-size: .96rem; }
  .hdr-c-contact, .hdr-c-act { padding-left: 20px; }
  .hdr-c-line { font-size: .86rem; gap: 8px; }
  .site-header--c .hdr-cta { padding: 0 20px; letter-spacing: .13em; }
}
@media (max-width: 1180px) and (min-width: 1101px) {
  .site-header--c .site-header__inner { gap: 16px; padding: 0 22px; }
  .site-header--c .site-header__logo { flex-basis: 206px; min-width: 180px; }
  .site-header--c .site-nav ul { gap: 14px; }
  .site-header--c .site-nav a, .site-header--c .site-nav a[aria-current="page"] { font-size: .92rem; }
  .hdr-c-contact, .hdr-c-act { padding-left: 16px; }
  .hdr-c-line { font-size: .82rem; }
  .hdr-c-ic { width: 24px; height: 24px; }
  .site-header--c .hdr-cta { padding: 0 16px; font-size: .85rem; letter-spacing: .1em; }
}
@media (max-width: 1100px) {
  :root:has(.site-header--c) { --header-h: 96px; }
  .site-header--c { --header-h: 96px; }
  .hdr-c-contact, .hdr-c-act, .site-header--c .site-header__logo::after { display: none; }
  .site-header--c .site-header__logo { flex: none; min-width: 0; }
  .site-header--c .site-header__inner { padding: 0 32px; }
}
@media (max-width: 600px) {
  :root:has(.site-header--c) { --header-h: 80px; }
  .site-header--c { --header-h: 80px; }
  .site-header--c .site-header__inner { padding: 0 20px; }
  
}
@media (prefers-reduced-motion: reduce) { .site-header .hdr-social--c a, .hdr-c-line, .hdr-c-ic { transition: none; } }