/*
 * Lana global header lock
 * Loads last. Prevents imported page/template styles from breaking the shared site header.
 */
.site-header,
body.page-template-page-community-area-guide .site-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:100!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:15px 20px!important;
  margin:0!important;
  background:transparent!important;
  box-sizing:border-box!important;
  transition:background-color .4s ease,box-shadow .4s ease,padding .3s ease!important;
}
.site-header.scrolled,
body.page-template-page-community-area-guide .site-header.scrolled{
  background:#f8f7f2!important;
  box-shadow:0 1px 10px rgba(0,0,0,.08)!important;
  padding:10px 20px!important;
}
.site-header > .container,
body.page-template-page-community-area-guide .site-header > .container{
  width:100%!important;
  max-width:100%!important;
  min-height:105px!important;
  margin:0!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:120px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:28px!important;
  position:relative!important;
}
.site-header .site-logo.lana-header-logo-exact,
body.page-template-page-community-area-guide .site-header .site-logo.lana-header-logo-exact{
  grid-column:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:105px!important;
  min-width:105px!important;
  height:105px!important;
  line-height:0!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  z-index:2!important;
}
.site-header .lana-header-logo-exact__img,
body.page-template-page-community-area-guide .site-header .lana-header-logo-exact__img{
  display:block!important;
  width:105px!important;
  height:105px!important;
  max-width:105px!important;
  max-height:105px!important;
  object-fit:contain!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
}
.site-header .logo-dark.lana-header-logo-exact__img,
.site-header .logo-white.lana-header-logo-exact__img,
.site-header.scrolled .logo-dark.lana-header-logo-exact__img,
.site-header.scrolled .logo-white.lana-header-logo-exact__img,
body.page-template-page-community-area-guide .site-header .logo-dark.lana-header-logo-exact__img,
body.page-template-page-community-area-guide .site-header .logo-white.lana-header-logo-exact__img,
body.page-template-page-community-area-guide .site-header.scrolled .logo-dark.lana-header-logo-exact__img,
body.page-template-page-community-area-guide .site-header.scrolled .logo-white.lana-header-logo-exact__img{
  display:block!important;
}
.site-header .main-nav,
body.page-template-page-community-area-guide .site-header .main-nav{
  grid-column:2!important;
  min-width:0!important;
  width:auto!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(14px,1.55vw,24px)!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
  z-index:2!important;
}
.site-header .main-nav a,
body.page-template-page-community-area-guide .site-header .main-nav a{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  font-family:Italiana,serif!important;
  font-size:17.5px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
  font-weight:400!important;
  color:#fff!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.site-header.scrolled .main-nav a,
body.page-template-page-community-area-guide .site-header.scrolled .main-nav a{
  color:#1a1a1a!important;
}
.site-header .nav-buttons,
body.page-template-page-community-area-guide .site-header .nav-buttons{
  grid-column:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  min-width:92px!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
  z-index:3!important;
}
.site-header .btn--nav,
body.page-template-page-community-area-guide .site-header .btn--nav{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:14px 22px 12px!important;
  border:1px solid currentColor!important;
  font-family:Italiana,serif!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:normal!important;
  text-transform:none!important;
  font-weight:400!important;
  white-space:nowrap!important;
}
.site-header .nav-buttons .btn--white,
body.page-template-page-community-area-guide .site-header .nav-buttons .btn--white{display:inline-flex!important;}
.site-header .nav-buttons .btn--dark,
body.page-template-page-community-area-guide .site-header .nav-buttons .btn--dark{display:none!important;}
.site-header.scrolled .nav-buttons .btn--white,
body.page-template-page-community-area-guide .site-header.scrolled .nav-buttons .btn--white{display:none!important;}
.site-header.scrolled .nav-buttons .btn--dark,
body.page-template-page-community-area-guide .site-header.scrolled .nav-buttons .btn--dark{display:inline-flex!important;}
.site-header .logo-divider,
.site-header .logo-brokerage,
.site-header .logo-compass{display:none!important;}
@media(max-width:1320px){
  .site-header > .container,
  body.page-template-page-community-area-guide .site-header > .container{grid-template-columns:105px minmax(0,1fr) auto!important;column-gap:18px!important;}
  .site-header .main-nav,
  body.page-template-page-community-area-guide .site-header .main-nav{display:none!important;}
  .site-header .nav-buttons,
  body.page-template-page-community-area-guide .site-header .nav-buttons{grid-column:3!important;}
}
@media(max-width:560px){
  .site-header,
  body.page-template-page-community-area-guide .site-header{padding:12px!important;}
  .site-header.scrolled,
  body.page-template-page-community-area-guide .site-header.scrolled{padding:10px 12px!important;}
  .site-header > .container,
  body.page-template-page-community-area-guide .site-header > .container{min-height:78px!important;grid-template-columns:78px minmax(0,1fr) auto!important;padding:0 8px!important;column-gap:12px!important;}
  .site-header .site-logo.lana-header-logo-exact,
  body.page-template-page-community-area-guide .site-header .site-logo.lana-header-logo-exact{width:78px!important;min-width:78px!important;height:78px!important;}
  .site-header .lana-header-logo-exact__img,
  body.page-template-page-community-area-guide .site-header .lana-header-logo-exact__img{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important;}
  .site-header .btn--nav,
  body.page-template-page-community-area-guide .site-header .btn--nav{padding:10px 16px!important;font-size:18px!important;}
}
/* Final collision guard: once the full six-link header cannot fit cleanly, use the canonical Menu-only header. */
@media(max-width:1500px){
  .site-header .main-nav,
  body.page-template-page-community-area-guide .site-header .main-nav{
    display:none!important;
  }
  .site-header > .container,
  body.page-template-page-community-area-guide .site-header > .container{
    grid-template-columns:105px minmax(0,1fr) max-content!important;
  }
  .site-header .nav-buttons,
  body.page-template-page-community-area-guide .site-header .nav-buttons{
    grid-column:3!important;
    min-width:max-content!important;
    width:max-content!important;
  }
}
@media(min-width:1501px){
  .site-header .nav-buttons,
  body.page-template-page-community-area-guide .site-header .nav-buttons{
    min-width:120px!important;
    width:120px!important;
  }
}

/* Header buttons must never inherit CTA pseudo-elements from area-guide/button systems. */
.site-header .btn--nav::before,
.site-header .btn--nav::after,
body.page-template-page-community-area-guide .site-header .btn--nav::before,
body.page-template-page-community-area-guide .site-header .btn--nav::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}

/* Preserve the canonical Menu button hit area after pseudo-element removal. */
.site-header .btn--nav,
body.page-template-page-community-area-guide .site-header .btn--nav{
  min-width:87.5px!important;
  box-sizing:border-box!important;
}
@media(max-width:560px){
  .site-header .btn--nav,
  body.page-template-page-community-area-guide .site-header .btn--nav{
    min-width:100px!important;
    padding:10px 16px!important;
  }
}

/* Correction: keep desktop header links visible; fit the six-link nav without Menu collision. */
@media(min-width:1181px){
  .site-header > .container,
  body.page-template-page-community-area-guide .site-header > .container{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  .site-header .site-logo.lana-header-logo-exact,
  body.page-template-page-community-area-guide .site-header .site-logo.lana-header-logo-exact{
    flex:0 0 105px!important;
    margin-right:auto!important;
  }
  .site-header .main-nav,
  body.page-template-page-community-area-guide .site-header .main-nav{
    display:flex!important;
    flex:0 1 auto!important;
    width:auto!important;
    max-width:none!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:clamp(14px,1.45vw,22px)!important;
    margin:0 26px 0 32px!important;
    overflow:visible!important;
  }
  .site-header .main-nav a,
  body.page-template-page-community-area-guide .site-header .main-nav a{
    font-size:clamp(15.5px,1.12vw,17px)!important;
    white-space:nowrap!important;
  }
  .site-header .nav-buttons,
  body.page-template-page-community-area-guide .site-header .nav-buttons{
    display:flex!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:87.5px!important;
    margin:0!important;
  }
}

/* Final desktop fit after Maher link: compact but visible, with guaranteed clearance before Menu. */
@media(min-width:1181px){
  .site-header > .container,
  body.page-template-page-community-area-guide .site-header > .container{
    grid-template-columns:105px minmax(0,1fr) 87.5px!important;
    display:grid!important;
    column-gap:22px!important;
  }
  .site-header .site-logo.lana-header-logo-exact,
  body.page-template-page-community-area-guide .site-header .site-logo.lana-header-logo-exact{
    grid-column:1!important;
    margin:0!important;
  }
  .site-header .main-nav,
  body.page-template-page-community-area-guide .site-header .main-nav{
    grid-column:2!important;
    display:flex!important;
    justify-content:flex-end!important;
    gap:16px!important;
    margin:0!important;
    min-width:0!important;
    width:100%!important;
  }
  .site-header .main-nav a,
  body.page-template-page-community-area-guide .site-header .main-nav a{
    font-size:15px!important;
  }
  .site-header .nav-buttons,
  body.page-template-page-community-area-guide .site-header .nav-buttons{
    grid-column:3!important;
    width:87.5px!important;
    min-width:87.5px!important;
    justify-self:end!important;
  }
}

/* Hard clearance before Menu button when full desktop nav is visible. */
@media(min-width:1181px){
  .site-header .main-nav,
  body.page-template-page-community-area-guide .site-header .main-nav{
    padding-right:118px!important;
    box-sizing:border-box!important;
  }
}

/* Max request: increase desktop header link size by 50% from 15px to 22.5px. */
@media(min-width:1181px){
  .site-header .main-nav a,
  body.page-template-page-community-area-guide .site-header .main-nav a{
    font-size:22.5px!important;
  }
  .site-header .main-nav,
  body.page-template-page-community-area-guide .site-header .main-nav{
    gap:14px!important;
    padding-right:118px!important;
  }
}

/* Max request: 30% smaller than 22.5px and closer to Menu. */
@media(min-width:1181px){
  .site-header .main-nav a,
  body.page-template-page-community-area-guide .site-header .main-nav a{
    font-size:15.75px!important;
  }
  .site-header .main-nav,
  body.page-template-page-community-area-guide .site-header .main-nav{
    gap:14px!important;
    padding-right:24px!important;
  }
}

/* Max request: make header links 10% larger than 15.75px. */
@media(min-width:1181px){
  .site-header .main-nav a,
  body.page-template-page-community-area-guide .site-header .main-nav a{
    font-size:17.325px!important;
  }
  .site-header .main-nav,
  body.page-template-page-community-area-guide .site-header .main-nav{
    gap:12px!important;
    padding-right:24px!important;
  }
}

/* Area guides only: nudge header links slightly left without changing normal pages. */
@media(min-width:1181px){
  body.page-template-page-community-area-guide .site-header .main-nav{
    padding-right:48px!important;
  }
}
