/* Public architecture reset: inner public pages use the same clean white canvas and frameless navbar treatment as Home. */

/* The legacy premium theme painted the whole document ivory/beige (#FAF9F5) with extra gradients.
   Inner public pages now use one white canvas so the navbar never looks like a separate beige strip. */
body:not(.home-page),
body:not(.home-page).public-footer-reveal,
body:not(.home-page) > .public-page-surface,
body:not(.home-page).public-footer-reveal > .public-page-surface {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body:not(.home-page)::before {
  display: none !important;
  content: none !important;
  background: none !important;
  animation: none !important;
}

/* Remove the legacy fixed-footer reveal layer on inner public pages. It created a second
   visual surface, rounded edge and ivory band that made the viewport feel cropped. */
body:not(.home-page).public-footer-reveal > .public-page-surface,
body:not(.home-page) .public-page-surface {
  position: relative !important;
  z-index: auto !important;
  width: 100% !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body:not(.home-page).public-footer-reveal > .drg-site-footer,
body:not(.home-page) > .drg-site-footer {
  position: relative !important;
  inset: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  z-index: auto !important;
  width: 100% !important;
}

/* WhatsApp floating bubble belongs exclusively to Home. main.js may create it before
   this stylesheet is evaluated, but it is never exposed on another public page. */
body:not(.home-page) #whatsapp-float {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Frameless navbar: fixed over the page rather than reserving a colored strip. */
body:not(.home-page) > .site-header,
body:not(.home-page) > .site-header.scrolled,
body:not(.home-page) > .site-header.is-scrolled,
body:not(.home-page) > .site-header.navbar-scrolled {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  margin: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body:not(.home-page) > .site-header::before,
body:not(.home-page) > .site-header::after,
body:not(.home-page) > .site-header .nav-wrapper::before,
body:not(.home-page) > .site-header .nav-wrapper::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
}

body:not(.home-page) > .site-header .nav-wrapper,
body:not(.home-page) > .site-header .container,
body:not(.home-page) > .site-header .brand {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Keep navigation readable over light public content without restoring a navbar band. */
body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .site-nav > a,
body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .nav-more-toggle,
body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .nav-more__trigger {
  color: #07162f !important;
  -webkit-text-fill-color: #07162f !important;
  text-shadow: none !important;
}

body:not(.home-page) > main {
  position: relative;
  background: #ffffff !important;
}

/* The expanded mobile menu is a separate sheet; it remains solid white for readability. */
@media (max-width: 900px) {
  html:has(body:not(.home-page)),
  body:not(.home-page),
  body:not(.home-page) > .public-page-surface,
  body:not(.home-page).public-footer-reveal > .public-page-surface {
    background: #ffffff !important;
  }

  body:not(.home-page) > .site-header,
  body:not(.home-page) > .site-header.scrolled,
  body:not(.home-page) > .site-header.is-scrolled,
  body:not(.home-page) > .site-header.navbar-scrolled {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* On phones every public inner page starts in normal flow immediately below
     the fixed navbar. Home is intentionally excluded and keeps its hero architecture. */
  body:not(.home-page) {
    --public-mobile-content-offset: calc(var(--public-navbar-height, 76px) + env(safe-area-inset-top, 0px));
  }

  body:not(.home-page) > main,
  body:not(.home-page) > .public-page-surface > main,
  body:not(.home-page).public-footer-reveal > .public-page-surface > main {
    margin-top: var(--public-mobile-content-offset) !important;
  }

  /* The map already had an internal navbar-sized padding. Once the whole page is
     moved below the navbar that old padding would double the gap, so remove it. */
  body:not(.home-page).map-mobile-show-map > main.map-search-experience,
  body:not(.home-page).map-mobile-show-map > .public-page-surface > main.map-search-experience {
    padding-top: 0 !important;
  }

  body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .site-nav.open,
  body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .site-nav.active,
  body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .nav-wrapper.menu-open .site-nav {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(7, 22, 47, 0.10) !important;
    box-shadow: 0 18px 42px rgba(7, 22, 47, 0.12) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .site-nav.open a,
  body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .site-nav.active a,
  body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .nav-wrapper.menu-open .site-nav a,
  body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .site-nav.open .nav-more__trigger,
  body:not(.home-page):not(.dark):not(.dark-mode) > .site-header .site-nav.active .nav-more__trigger {
    color: #07162f !important;
    -webkit-text-fill-color: #07162f !important;
  }
}

/* Consolidated public architecture fix — 2026-09-04. */