/* Orchard Route site-wide consistency layer.
   Keeps navigation readable everywhere and makes top-level navigation-page heroes
   follow the same full-viewport composition as the homepage. */

/* Persistent glass navigation bar on every public page. */
.site-header {
  background: rgba(12, 16, 10, .78) !important;
  border-bottom: 1px solid rgba(255, 247, 223, .14) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
  backdrop-filter: blur(14px) saturate(115%);
  -webkit-backdrop-filter: blur(14px) saturate(115%);
}

.site-header.is-scrolled {
  background: rgba(8, 12, 8, .94) !important;
  border-bottom-color: rgba(255, 247, 223, .18) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .30);
  backdrop-filter: blur(18px) saturate(115%);
  -webkit-backdrop-filter: blur(18px) saturate(115%);
}

.site-header .site-brand-copy strong,
.site-header .site-nav > a:not(.nav-cta) {
  text-shadow: 0 1px 9px rgba(0, 0, 0, .42);
}

/* The four pages in the main navigation should open exactly like the homepage:
   one complete hero viewport before the next section is visible. */
.page-for-pubs .route-page-hero,
.page-for-cider-makers .route-page-hero,
.page-about .about-hero,
.page-cider-houses .directory-hero {
  min-height: 100svh !important;
  height: auto;
  padding-top: 130px !important;
  padding-bottom: 86px !important;
  display: grid;
  place-items: center;
}

.page-for-pubs .route-page-hero-inner,
.page-for-cider-makers .route-page-hero-inner,
.page-about .about-hero-inner,
.page-cider-houses .directory-hero-inner {
  align-self: center;
}

@media (max-width: 980px) {
  .site-header .site-nav.is-open {
    background: rgba(8, 12, 8, .97) !important;
    border: 1px solid rgba(255, 247, 223, .16);
    box-shadow: 0 20px 42px rgba(0, 0, 0, .34);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
  }

  .page-for-pubs .route-page-hero,
  .page-for-cider-makers .route-page-hero,
  .page-about .about-hero,
  .page-cider-houses .directory-hero {
    min-height: 100svh !important;
    padding-top: 126px !important;
    padding-bottom: 72px !important;
  }
}

@media (max-width: 620px) {
  .page-for-pubs .route-page-hero,
  .page-for-cider-makers .route-page-hero,
  .page-about .about-hero,
  .page-cider-houses .directory-hero {
    min-height: 100svh !important;
    padding-top: 118px !important;
    padding-bottom: 64px !important;
  }
}