/* Balterra navigation surfaces: approved masterbrand graphite #121714.
 * Colour-only layer shared by all page families. Keep the existing header
 * geometry, transparent hero state, breakpoints and menu behaviour intact.
 */

header.st-shared-header[data-master-header] {
  --master-header-scrolled: #121714 !important;
}

/* The construction hero has a more specific transparent-header override.
 * Preserve it while closed; an opened menu must have an opaque graphite bar.
 */
body.construction-page.st-shared-menu-open header.st-shared-header[data-master-header]:not(.is-unified-scrolled):not(.is-theme-scrolled) {
  background: #121714 !important;
}

/* The agency return to the corporate structure is a secondary mobile-only
 * menu item. The logo provides the same unobtrusive route on desktop. */
.agency-corporate-mobile {
  display: none !important;
}

@media (max-width: 800px) {
  body > nav.wave1-open .agency-corporate-mobile,
  header.site-header.menu-open nav .agency-corporate-mobile,
  header.st-shared-header .st-shared-mobile-nav:not([hidden]) .agency-corporate-mobile {
    display: block !important;
    margin-top: 14px;
    color: #d4bd8c !important;
  }
}

/* Earlier real-estate/catalogue headers use their own scroll classes. */
header.site-header.scrolled,
header.site-header.compact,
header.site-header.menu-open,
html.wave1-menu-lock header.site-header,
body > nav.wave1-open {
  background: #121714 !important;
}

/* Earlier service pages float only the navigation capsule, not the logo. */
@media (min-width: 1181px) {
  header.top-header.is-sticky .nav-shell {
    background: #121714 !important;
  }

  header.top-header.is-sticky .nav {
    color: #f4f0e7;
  }

  header.top-header.is-sticky .nav a.active,
  header.top-header.is-sticky .nav a:hover,
  header.top-header.is-sticky .nav a:focus-visible {
    color: #d4bd8c;
  }

  header.top-header.is-sticky .top-region-select {
    color: #d9d2c5;
  }
}

@media (max-width: 1180px) {
  header.top-header .nav-shell,
  header.top-header .nav {
    background: #121714 !important;
  }
}

/* The project microsite keeps its separate header and existing breakpoints. */
header.header.scrolled,
body.menu-open header.header,
header.header .preview-mobile-nav {
  background: #121714 !important;
}

@media (min-width: 901px) and (max-width: 1390px) {
  header.header {
    background: #121714 !important;
  }
}