/* Opt-in header themes. Page content may keep its seasonal character while
   nav-footer.css gives every page the same light footer and revenue actions.
   Nothing here uses a bare element selector, so a theme cannot leak. */
.lfhx-header--forest { background: #384638 !important; border-bottom: 1px solid rgba(255, 252, 247, .14) !important; box-shadow: 0 2px 12px rgba(14, 23, 14, .18) !important; }
.lfhx-header--forest .lfhx-brand { color: #fbfcfb; }
.lfhx-header--forest .lfhx-brand img { height: 44px; width: 44px; object-fit: contain; background: #fbfcfb; border-radius: 50%; padding: 5px; box-shadow: 0 2px 7px rgba(14, 23, 14, .22); }
.lfhx-header--forest .lfhx-links > a, .lfhx-header--forest .lfhx-dd-btn { color: #fbfcfb; }
.lfhx-header--forest .lfhx-links > a:hover, .lfhx-header--forest .lfhx-dd-btn:hover, .lfhx-header--forest .lfhx-links > a[aria-current="page"] { color: #F8BE8A; }
.lfhx-header--forest .lfhx-links > a[aria-current="page"] > span::after { background: #F8BE8A; }
.lfhx-header--forest .lfhx-burger { background: rgba(255, 252, 247, .08); border-color: rgba(255, 252, 247, .30); }
.lfhx-header--forest .lfhx-burger span { background: #fbfcfb; }

/* /sports' Nocturne header: the same dark ground as the page so the shared
   bar no longer sits as a cream strip on a navy page. Same shape as the
   forest header above: colour only, never positioning. */
.lfhx-header--nocturne { background: rgba(22, 24, 38, .97) !important; border-bottom: 1px solid rgba(233, 233, 237, .14) !important; box-shadow: 0 2px 12px rgba(0, 0, 0, .28) !important; }
.lfhx-header--nocturne .lfhx-brand { color: #e9e9ed; }
.lfhx-header--nocturne .lfhx-brand img { height: 44px; width: 44px; object-fit: contain; background: #fbfcfb; border-radius: 50%; padding: 5px; box-shadow: 0 2px 7px rgba(0, 0, 0, .3); }
.lfhx-header--nocturne .lfhx-links > a, .lfhx-header--nocturne .lfhx-dd-btn { color: #e9e9ed; }
.lfhx-header--nocturne .lfhx-links > a:hover, .lfhx-header--nocturne .lfhx-dd-btn:hover, .lfhx-header--nocturne .lfhx-links > a[aria-current="page"] { color: #b5abfc; }
.lfhx-header--nocturne .lfhx-links > a[aria-current="page"] > span::after { background: #b5abfc; }
.lfhx-header--nocturne .lfhx-burger { background: rgba(233, 233, 237, .06); border-color: rgba(233, 233, 237, .28); }
.lfhx-header--nocturne .lfhx-burger span { background: #e9e9ed; }

/* /halloween's night header: the cover's plum, paper text and gold accent. */
.lfhx-header--night { background: rgba(36, 18, 44, .97) !important; border-bottom: 1px solid rgba(255, 249, 238, .14) !important; box-shadow: 0 2px 12px rgba(0, 0, 0, .3) !important; }
.lfhx-header--night .lfhx-brand { color: #fbfcfb; }
.lfhx-header--night .lfhx-brand img { height: 44px; width: 44px; object-fit: contain; background: #fbfcfb; border-radius: 50%; padding: 5px; box-shadow: 0 2px 7px rgba(0, 0, 0, .3); }
.lfhx-header--night .lfhx-links > a, .lfhx-header--night .lfhx-dd-btn { color: #fbfcfb; }
.lfhx-header--night .lfhx-links > a:hover, .lfhx-header--night .lfhx-dd-btn:hover, .lfhx-header--night .lfhx-links > a[aria-current="page"] { color: #ffd27f; }
.lfhx-header--night .lfhx-links > a[aria-current="page"] > span::after { background: #ffd27f; }
.lfhx-header--night .lfhx-burger { background: rgba(255, 249, 238, .06); border-color: rgba(255, 249, 238, .28); }
.lfhx-header--night .lfhx-burger span { background: #fbfcfb; }
/* ---- /saved (the phone planning page): the dashboard's quiet top bar ----
   Phones only. The brand becomes the all-caps eyebrow wordmark the homepage
   dashboard uses (no logo), on a crisp near-white with a hairline, beside the
   usual menu button; the burger keeps its shape. Nothing changes above 700px,
   where the page wears the site's default header. */
@media (max-width: 700px) {
  .lfhx-header--plan { background: #fbfcfb !important; border-bottom: 1px solid #d5dcd7 !important; box-shadow: none !important; }
  .lfhx-header--plan .lfhx-inner { min-height: 60px; }
  .lfhx-header--plan .lfhx-brand { gap: 0; font: 600 13px/1.3 "Inter", Arial, sans-serif; letter-spacing: .17em; text-transform: uppercase; color: #356382; }
  .lfhx-header--plan .lfhx-brand img { display: none; }
  .lfhx-header--plan .lfhx-burger { background: #fff; border-color: #d5dcd7; box-shadow: none; }
  .lfhx-header--plan .lfhx-burger span { background: #22312b; }
}