/* GlowStrong Health APEX v2.0.0 brand/search readiness */
:root{
  --gs-navy:#0b2342;
  --gs-deep:#06162b;
  --gs-red:#d7192a;
  --gs-silver:#c4c9d0;
  --gs-cream:#f8f4ec;
}

.gs-brand-logo{display:flex;align-items:center;max-width:230px}
.gs-brand-logo .custom-logo-link{display:flex;align-items:center}
.gs-brand-logo .custom-logo{display:block;max-width:220px;max-height:54px;width:auto;height:auto}

/* Apply Customizer variables to the most visible global shell without rewriting historical layers. */
/* Legacy cascade sweep (v5.13.0 rendered-QA remediation): apex-premium-
   certification.css is enqueued last (priority 999, "unify the
   accumulated APEX releases") and is meant to win every one of these
   selectors. That works everywhere EXCEPT where this file used !important
   on a property the certification layer sets without !important — !important
   always wins regardless of load order, so those specific properties were
   silently stuck on this v2.0.0 layer's values instead of the current
   design system's:
     - .gs-site-footer background was pinned to --gs-deep (#06162b) instead
       of the current --gs-navy (#0b2342) token the certification layer
       actually specifies for the footer.
     - .gs-brand-mark border-color was pinned to --gs-silver instead of the
       navy border the certification layer specifies for the brand mark.
     - .gs-btn-red's background !important also permanently overrode the
       certification layer's :hover/:focus-visible darkening, so red
       buttons never showed hover feedback.
   .gs-site-header keeps its !important here (harmless — the certification
   layer also sets that property with !important, and being loaded later
   it still wins), and .gs-header-scan / .gs-mobile-scan-cta / .gs-btn-navy
   keep theirs since nothing later contests those specific properties. */
.gs-site-header{background:var(--gs-deep)!important}
.gs-header-scan,.gs-mobile-scan-cta{background:var(--gs-red)!important}
.gs-brand-mark{border-color:var(--gs-silver)}
.gs-kicker{color:var(--gs-red)}
.gs-btn-red{background:var(--gs-red)}
.gs-btn-navy{background:var(--gs-navy)!important}
.gs-home-proof-row span,
.gs-footer-columns h3{color:inherit}

/* Search/social-friendly content remains readable without JS. */
.no-js .gs-primary-nav{display:block}

@media(max-width:650px){
  .gs-brand-logo{max-width:175px}
  .gs-brand-logo .custom-logo{max-width:170px;max-height:46px}
}