/**
 * Classic marketing shell: site.css styles nav/footer but resets body.
 * Keep BlueRock page sections while the original header/footer render.
 */
:root {
  --site-nav-height: 64px;
}
body.marketing-shell-classic {
  background: var(--deep) !important;
  color: #fff;
  font-family: var(--font-sans);
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}

body.marketing-shell-classic main {
  background: var(--deep);
  display: block;
  max-width: 100%;
  overflow-x: clip;
  padding-top: var(--site-nav-height, 64px);
}

/* Sticky breaks when body has overflow clipping — use fixed like the live bar should behave */
body.marketing-shell-classic .site-nav {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1030;
}

/* Full-bleed heroes sit under the fixed bar (BlueRock header.hero on classic shell) */
body.marketing-shell-classic main > header.hero:first-child,
body.marketing-shell-classic main > .hero:first-child,
body.marketing-shell-classic main > .site-hero:first-child {
  margin-top: calc(-1 * var(--site-nav-height, 64px));
}

body.marketing-shell-classic .site-nav > .container,
body.marketing-shell-classic .site-footer > .container {
  max-width: 100%;
}

/* Navbar presets: solid bar so links stay readable over dark heroes */
body.marketing-shell-classic[data-site-nav-style="0"] .site-nav,
body.marketing-shell-classic[data-site-nav-style="5"] .site-nav,
body.marketing-shell-classic[data-site-nav-style="7"] .site-nav,
body.marketing-shell-classic[data-site-nav-style="8"] .site-nav,
body.marketing-shell-classic[data-site-nav-style="9"] .site-nav {
  background: #fff !important;
}
body.marketing-shell-classic[data-site-nav-style="1"] .site-nav {
  background: rgba(255,255,255,.94) !important;
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  backdrop-filter: saturate(180%) blur(18px);
}
body.marketing-shell-classic[data-site-nav-style="2"] .site-nav {
  background: transparent !important;
}
body.marketing-shell-classic[data-site-nav-style="2"] .site-nav > .container {
  background: #fff !important;
}
body.marketing-shell-classic[data-site-nav-style="3"] .site-nav,
body.marketing-shell-classic[data-site-nav-style="4"] .site-nav {
  background: #0b1020 !important;
}
body.marketing-shell-classic[data-site-nav-style="3"] .site-nav .navbar-brand,
body.marketing-shell-classic[data-site-nav-style="3"] .site-nav .nav-link,
body.marketing-shell-classic[data-site-nav-style="4"] .site-nav .navbar-brand,
body.marketing-shell-classic[data-site-nav-style="4"] .site-nav .nav-link {
  color: #fff !important;
}
body.marketing-shell-classic[data-site-nav-style="4"] .site-nav .btn-primary {
  background: #fff !important;
  color: #007A3D !important;
  border-color: #fff !important;
}
body.marketing-shell-classic[data-site-nav-style="3"] .site-nav .btn-outline-secondary,
body.marketing-shell-classic[data-site-nav-style="4"] .site-nav .btn-outline-secondary {
  color: #fff !important;
  border-color: rgba(255,255,255,.35) !important;
}
body.marketing-shell-classic .site-nav .nav-link.is-active {
  color: var(--sky) !important;
}
body.marketing-shell-classic .site-nav.nav-on-light .nav-link.is-active {
  color: var(--sky) !important;
}

/* Email verifier submit — centered label (site.css loads after bridge on classic shell) */
body.marketing-shell-classic .email-verifier-input-row button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}