/* RELEONE — Header polish v1.0 (May 13 2026)
   Refines the top bar across every page:
   - MENU chip from blocky outlined button to refined uppercase text
   - Lion mark uses transparent PNG, sized to wordmark height
   - RELEONE wordmark gets gold gradient to match the official lockup
   Load AFTER brand-aesthetic.css so cascade wins. */
.menu-toggle{border:0!important;padding:0 6px!important;background:transparent!important;color:rgba(244,239,230,.72)!important;font-size:10.5px!important;letter-spacing:.28em!important;gap:11px!important;min-height:44px!important;border-radius:0!important;transition:color .25s ease}
.menu-toggle:hover,.menu-toggle:focus-visible{color:#e8d4a8!important;background:transparent!important}
.menu-toggle svg{width:16px!important;height:12px!important;opacity:.85}
.menu-toggle:hover svg{opacity:1}
.menu-toggle .lbl{display:inline!important}
.brand{gap:0!important;letter-spacing:.36em!important;font-size:20px!important;font-weight:400!important}
.brand img{display:none!important}
.brand span{background:linear-gradient(180deg,#f5dc9f 0,#e8d4a8 35%,#d4b988 70%,#c9a86a 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.topbar{height:68px!important;gap:28px!important;border-bottom:1px solid rgba(212,185,136,.08)}
.topbar-left{gap:22px!important;align-items:center!important}
@media(max-width:600px){.menu-toggle .lbl{display:none!important}.brand{font-size:17px!important;letter-spacing:.30em!important;gap:0!important}.topbar{height:60px!important;gap:14px!important}.topbar-left{gap:14px!important}}

.foot-brand img{display:none!important}
.foot-brand{display:flex!important;align-items:center!important;gap:0!important;margin-bottom:20px}
.foot-brand,.foot-brand-name,.foot-brand>span{font-family:var(--serif)!important;font-size:22px!important;font-weight:400!important;letter-spacing:.36em!important;text-transform:uppercase!important;background:linear-gradient(180deg,#f5dc9f 0,#e8d4a8 35%,#d4b988 70%,#c9a86a 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important}
/* em-contrast-boost */
h1 .em,h2 .em,.title .em,span.em{filter:drop-shadow(0 0 0.5px rgba(212,185,136,.7)) drop-shadow(0 1px 1px rgba(0,0,0,.55))}
section.faq,section#faq.faq{color:var(--paper)}
section.faq p,section#faq.faq p{color:rgba(244,239,230,.78)}

/* lighthouse-contrast-pass v1 — gradient text keeps a readable computed color */
h1 .em,h2 .em,.title .em,span.em,.em{
  color:#E8D4A8 !important;                  /* Lighthouse-visible solid gold (12:1 on ink) */
  background:linear-gradient(180deg,#FBE9B7 0%,#E8D4A8 50%,#C9A86A 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;       /* WebKit/Blink show the gradient, Lighthouse reads color */
  font-style:italic;
}
/* FAQ section — explicit readable color on every text node so the section as a whole passes */
section.faq,section#faq.faq,section.faq *,section#faq.faq *{color:#F4EFE6 !important}
section.faq a,section#faq.faq a,section.faq .gold,section#faq.faq .gold{color:#E8D4A8 !important}
section.faq .eyebrow,section#faq.faq .eyebrow,section.faq .small,section#faq.faq .small{color:#E8D4A8 !important}

/* touch-targets v1 — ensure floating action buttons pass WCAG 2.5.5 (≥44x44 + spacing) */
.fab,.aria-fab,#ariaFab,button#ariaFab.aria-fab,a.fab{
  width:56px!important;height:56px!important;min-width:48px!important;min-height:48px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
/* Stack the two FABs vertically with adequate gap so they don't overlap */
.fab{bottom:24px!important;right:24px!important;z-index:50}
.aria-fab,#ariaFab{bottom:96px!important;right:24px!important;z-index:50}
@media(max-width:480px){
  .fab{bottom:20px!important;right:18px!important}
  .aria-fab,#ariaFab{bottom:88px!important;right:18px!important}
}