/* Bold Outdoors Theme v1.0.25 — Sprint G.1 VSE Runtime Parity Hotfix
   Purpose: fix shared/header component parity, media hydration, CTA hover states, and hero gap
   without hard-coding per-page overrides. Values are exposed as Theme Studio/VSE tokens. */
:root{
  --bo-token-cta-bg: var(--bo-color-accent,#32a6d8);
  --bo-token-cta-hover-bg: var(--bo-color-brand-orange,#f0701f);
  --bo-token-cta-text: #ffffff;
  --bo-token-header-bg: #ffffff;
  --bo-token-header-active-bg: #556955;
  --bo-token-header-active-text: #ffffff;
  --bo-token-header-logo-width: 222px;
  --bo-token-header-logo-max-height: 90px;
  --bo-token-header-to-hero-gap: clamp(28px,3.25vw,54px);
  --bo-token-hero-top-padding: clamp(34px,4vw,62px);
  --bo-token-hero-bottom-padding: clamp(56px,6vw,86px);
  --bo-token-button-transition: 180ms ease;
}

/* Global header component: same block is shared on all pages and editable once in VSE. */




/* Active nav is component-level, not page-specific. */


/* Tokenized primary CTA hover: applies to header and hero buttons, plus VSE-rendered variants. */



/* Shared hero vertical rhythm. This is deliberately a theme token layer, not a homepage hack. */
.bo-theme-public-parity .bo-page-main,
.bo-theme-public-parity .bom-pb-visual-page,
.bo-theme-public-parity main{
  margin-top:0!important;
}
.bo-theme-public-parity .bo-public-hero,
.bo-theme-public-parity .bom-pb-hero,
.bo-theme-public-parity section[data-section-role="hero"],
.bo-theme-public-parity [data-bo-section="hero"]{
  margin-top:0!important;
  padding-top:var(--bo-token-hero-top-padding)!important;
  padding-bottom:var(--bo-token-hero-bottom-padding)!important;
}


/* Media hydration fallback state: prevents green blocks from looking like final UI while runtime resolves sources. */
.bo-media-hydrating,
.bo-media-fallback-applied{
  background:#f6f8f4!important;
}
.bo-media-fallback-applied{
  object-fit:cover!important;
}
.bo-hero-media img,
.bom-pb-hero img,
.bo-public-hero img{
  background:transparent!important;
}

@media(max-width:900px){
  :root{
    --bo-token-header-logo-width: 172px;
    --bo-token-header-to-hero-gap: 24px;
    --bo-token-hero-top-padding: 32px;
  }
}