/* Template site-header styling, using the existing Parks nav and dropdowns.
   Keep the white-letter logo on navy. Preserve sticky/shrink/display rules. */
html body nav.parks-home-nav {
  background: var(--site-header-background);
  color: var(--site-header-text);
  border-bottom: 1px solid var(--parks-template-light-border);
  box-shadow: var(--parks-template-shadow);
}
html body .parks-home-nav-menu { gap: clamp(4px, .6vw, 10px); }
html body .parks-home-nav-menu > li > a {
  padding-inline: clamp(4px, .55vw, 9px) !important;
  border-radius: 8px;
  color: var(--site-header-text);
  font-size: clamp(14px, 1.05vw, 16px);
  font-weight: 700;
}
html body .parks-home-nav-menu > li > a:hover,
html body .parks-home-nav-menu > li:focus-within > a {
  background-color: var(--parks-template-glass);
  color: var(--site-header-text);
}
html body :is(.parks-home-nav-menu,.bc_nav_container_desktop) .dropdown-menu {
  border-color: var(--cheers-component-border);
  border-radius: 14px;
  background: var(--cheers-component-background);
  box-shadow: var(--parks-template-shadow);
}
html body :is(.parks-home-nav-menu,.bc_nav_container_desktop) .dropdown-menu a {
  min-height: 48px;
  border-radius: 10px;
  color: var(--cheers-component-heading) !important;
  font-size: 16px;
  line-height: 1.35;
}
html body :is(.parks-home-nav-menu,.bc_nav_container_desktop) .dropdown-menu a:hover {
  background-color: var(--cheers-component-surface);
}
html body :is(.parks-home-nav,.bc_nav_container_desktop) a:focus-visible {
  outline: 3px solid var(--cheers-component-focus);
  outline-offset: 3px;
}
@layer parks-action-consistency {
  html body :is(.parks-home-nav,header.bc_header) .btn-secondary {
    border-radius: var(--cheers-component-button-radius) !important;
    box-shadow: var(--parks-template-button-shadow) !important;
  }
}
/* The 404 retains the original desktop chrome instead of the sibling nav. */
@media (min-width: 992px) {
  html body header.bc_header :is(.bc_announcement_bar,.bc_color_info_gradient,.bc_nav_container_desktop) {
    background-color: var(--site-header-background) !important;
    color: var(--site-header-text);
    border-color: var(--parks-template-light-border);
  }
}