/* ═══════════════════════════════════════════════════
   MCR site-wide header - off-white compact, applied uniformly
   to home, subdivision, and community page templates.
   Solid #F6F4EF (paper) background, black type, 64px tall, no transparency.
   Per user spec 2026-06-04: no transparent state, no scroll shrink,
   no .scrolled class, no header-scroll.js - just one clean header.
   ═══════════════════════════════════════════════════ */
body.home .site-header #main-header,
body.home .site-header .site-main-header-wrap,
body.home .site-header .site-header-main,
body.home .site-header .site-header-row-container-inner,
body.single-subdivision .site-header #main-header,
body.single-subdivision .site-header .site-main-header-wrap,
body.single-subdivision .site-header .site-header-main,
body.single-subdivision .site-header .site-header-row-container-inner,
body.single-community .site-header #main-header,
body.single-community .site-header .site-main-header-wrap,
body.single-community .site-header .site-header-main,
body.single-community .site-header .site-header-row-container-inner {
  background: #F6F4EF !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid rgba(10, 10, 12, 0.06) !important;
  min-height: 64px;
}

body.home .site-header .site-title,
body.home .site-header .site-title a,
body.home .site-header .header-navigation .menu > li > a,
body.home .site-header #main-header .header-navigation .menu > li > a,
body.single-subdivision .site-header .site-title,
body.single-subdivision .site-header .site-title a,
body.single-subdivision .site-header .header-navigation .menu > li > a,
body.single-subdivision .site-header #main-header .header-navigation .menu > li > a,
body.single-community .site-header .site-title,
body.single-community .site-header .site-title a,
body.single-community .site-header .header-navigation .menu > li > a,
body.single-community .site-header #main-header .header-navigation .menu > li > a {
  color: #0A0A0C !important;
}
body.home .site-header .header-navigation .header-menu-container > ul > li > a::after,
body.single-subdivision .site-header .header-navigation .header-menu-container > ul > li > a::after,
body.single-community .site-header .header-navigation .header-menu-container > ul > li > a::after {
  background: #0A0A0C !important;
}
/* Header CTA pill - royal blue fill, white text, no border */
body.home .site-header .header-button.button,
body.home .site-header .header-button-wrap a.header-button,
body.single-subdivision .site-header .header-button.button,
body.single-subdivision .site-header .header-button-wrap a.header-button,
body.single-community .site-header .header-button.button,
body.single-community .site-header .header-button-wrap a.header-button {
  background: var(--mcr-royal) !important;
  color: #FFFFFF !important;
  border: none !important;
}

/* Keep the header pinned to the top on scroll. */
.site-header { position: sticky; top: 0; z-index: 100; }

/* ═══════════════════════════════════════════════════
   WordPress admin bar offset - only when .admin-bar is present
   (logged-in admin views). 32px desktop / 46px mobile.
   ═══════════════════════════════════════════════════ */
.admin-bar .site-header { top: 32px; }
@media screen and (max-width: 782px) {
  .admin-bar .site-header { top: 46px; }
}

/* ═══════════════════════════════════════════════════
   ITEM F (2026-07-27) - header vertical rhythm.
   The header row shipped with zero padding and min-height:0, so the
   wordmark sat flush against the viewport top (.site-title top = 0px on
   every template, logged in and out). Verified site-wide, not just on
   /properties/. Padding is applied to the row wrapper so it works with
   Kadence's existing flex layout and does not alter the sticky offset
   or the admin-bar rule above.
   ═══════════════════════════════════════════════════ */
.site-header .site-header-row,
.site-header .site-main-header-inner-wrap {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media screen and (max-width: 782px) {
  .site-header .site-header-row,
  .site-header .site-main-header-inner-wrap {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}