/* WeManage Rentals — definitive public header presentation.
 * Kept separate from the legacy layout rules so future changes are predictable.
 * Site palette: charcoal #14171a, primary green #176337, hover #248a4a.
 */
header.wm-site-header {
  background: #14171a !important;
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
header.wm-site-header.is-scrolled {
  box-shadow: 0 9px 24px rgba(0,0,0,.13) !important;
}
header.wm-site-header .logo img { object-fit:contain; display:block; }

@media (min-width:1021px) {
  header.wm-site-header .w {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr) !important;
    align-items:center !important;
    min-height:94px !important;
    height:94px !important;
    gap:clamp(12px,1.5vw,24px) !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    overflow:visible !important;
  }
  header.wm-site-header .logo {
    grid-column:1;
    justify-self:start !important;
    align-self:center !important;
    min-width:0;
    display:inline-flex !important;
    align-items:center;
    padding:0 !important;
    margin:0 !important;
    line-height:0;
  }
  header.wm-site-header .logo img {
    height:auto !important;
    width:clamp(180px,15.2vw,220px) !important;
    max-width:100% !important;
    max-height:59px !important;
    transform:none !important;
  }
  header.wm-site-header .logo:hover img { transform:none !important; }

  header.wm-site-header #primary-nav {
    grid-column:2 !important;
    justify-self:center !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:stretch !important;
    align-self:stretch !important;
    justify-content:center !important;
    width:max-content;
    max-width:none;
    height:94px !important;
    min-height:94px !important;
    margin:0 !important;
    padding:0 !important;
    gap:clamp(18px,1.9vw,30px) !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
    white-space:nowrap !important;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
  }
  header.wm-site-header #primary-nav > a:not(.mobile-nav-cta),
  header.wm-site-header #primary-nav > details.dd {
    box-sizing:border-box;
    position:relative !important;
    display:flex !important;
    flex:0 0 auto;
    align-items:center !important;
    justify-content:center !important;
    align-self:stretch !important;
    height:94px !important;
    min-height:94px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#fff !important;
  }
  header.wm-site-header #primary-nav > a:not(.mobile-nav-cta),
  header.wm-site-header #primary-nav details.dd > summary.nav-parent {
    color:#f5f5f4 !important;
    font-size:.91rem !important;
    font-weight:700 !important;
    letter-spacing:-.015em !important;
    line-height:1.25 !important;
    text-decoration:none !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    opacity:1 !important;
  }
  header.wm-site-header #primary-nav details.dd > summary.nav-parent {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100%;
    height:100% !important;
    min-height:94px !important;
    padding:0 !important;
    margin:0 !important;
    gap:7px !important;
    list-style:none !important;
    cursor:pointer;
    user-select:none;
  }
  header.wm-site-header #primary-nav details.dd > summary.nav-parent::after,
  header.wm-site-header #primary-nav details.dd > summary.nav-parent::marker {
    content:none !important; display:none !important;
  }
  header.wm-site-header #primary-nav details.dd > summary.nav-parent::-webkit-details-marker {display:none !important;}
  /* The dropdown trigger is never a card/pill. Keep its underline on the header edge. */
  header.wm-site-header #primary-nav details.dd > summary.nav-parent,
  header.wm-site-header #primary-nav details.dd > summary.nav-parent:hover,
  header.wm-site-header #primary-nav details.dd > summary.nav-parent:focus,
  header.wm-site-header #primary-nav details.dd > summary.nav-parent:active,
  header.wm-site-header #primary-nav details.dd[open] > summary.nav-parent,
  header.wm-site-header #primary-nav details.dd.nav-current > summary.nav-parent {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #f5f5f4 !important;
  }
  header.wm-site-header #primary-nav details.dd > summary.nav-parent::before,
  header.wm-site-header #primary-nav details.dd > summary.nav-parent::after {
    content:none !important;
    display:none !important;
    background:none !important;
  }
  header.wm-site-header #primary-nav details.dd > summary.nav-parent .nav-parent-label,
  header.wm-site-header #primary-nav details.dd > summary.nav-parent .nav-parent-label:hover {
    background:transparent !important;
    color:inherit !important;
    border:0 !important;
    box-shadow:none !important;
    padding:0 !important;
    border-radius:0 !important;
  }

  header.wm-site-header #primary-nav details.dd > summary.nav-parent .submenu-chevron {
    color:#d1d7d2 !important;
    width:14px !important;
    height:14px !important;
    stroke-width:2 !important;
    flex:none;
    transition:transform .18s ease;
  }
  header.wm-site-header #primary-nav details.dd[open] > summary.nav-parent .submenu-chevron {
    transform:rotate(180deg) !important;
  }
  header.wm-site-header #primary-nav > a:not(.mobile-nav-cta):hover,
  header.wm-site-header #primary-nav > a:not(.mobile-nav-cta).on,
  header.wm-site-header #primary-nav > details.dd:hover > summary.nav-parent,
  header.wm-site-header #primary-nav > details.dd[open] > summary.nav-parent,
  header.wm-site-header #primary-nav > details.dd.nav-current > summary.nav-parent {
    color:#fff !important;
    background:transparent !important;
    text-shadow:none !important;
  }
  /* A restrained underline anchored to the header's *lower edge*. */
  header.wm-site-header #primary-nav > a:not(.mobile-nav-cta)::after,
  header.wm-site-header #primary-nav > details.dd::after {
    content:"" !important;
    display:block !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;
    width:100% !important;
    height:3px !important;
    background:#879588 !important;
    opacity:1 !important;
    border-radius:3px 3px 0 0 !important;
    transform:scaleX(0) !important;
    transform-origin:center !important;
    transition:transform .2s ease !important;
    pointer-events:none;
  }
  header.wm-site-header #primary-nav > a:not(.mobile-nav-cta):hover::after,
  header.wm-site-header #primary-nav > a:not(.mobile-nav-cta).on::after,
  header.wm-site-header #primary-nav > a:not(.mobile-nav-cta):focus-visible::after,
  header.wm-site-header #primary-nav > details.dd:hover::after,
  header.wm-site-header #primary-nav > details.dd[open]::after,
  header.wm-site-header #primary-nav > details.dd.nav-current::after,
  header.wm-site-header #primary-nav > details.dd:focus-within::after {
    transform:scaleX(1) !important;
  }
  /* Flat, dark reference-style dropdown. It sits flush beneath the header. */
  header.wm-site-header #primary-nav details.dd > .submenu {
    box-sizing:border-box;
    position:absolute !important;
    z-index:1000 !important;
    top:100% !important;
    left:-8px !important;
    right:auto !important;
    width:305px !important;
    min-width:305px !important;
    max-width:calc(100vw - 24px) !important;
    margin:0 !important;
    padding:12px 0 13px !important;
    transform:none !important;
    translate:none !important;
    animation:none !important;
    border:1px solid #393e40 !important;
    border-top:3px solid #738575 !important;
    border-radius:0 0 3px 3px !important;
    background:#25292b !important;
    box-shadow:0 18px 36px rgba(0,0,0,.24) !important;
    color:#fff !important;
    overflow:visible !important;
  }
  header.wm-site-header #primary-nav details.dd > .submenu::before {
    display:none !important; content:none !important;
  }
  header.wm-site-header #primary-nav details.dd > .submenu > a {
    display:flex !important;
    position:relative;
    align-items:center !important;
    gap:13px !important;
    box-sizing:border-box;
    width:100% !important;
    min-height:47px !important;
    margin:0 !important;
    padding:11px 18px !important;
    color:#f6f6f6 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    font-size:.89rem !important;
    font-weight:600 !important;
    line-height:1.4 !important;
    text-align:left !important;
    white-space:normal !important;
    text-decoration:none !important;
    transition:background-color .17s ease,color .17s ease !important;
  }
  header.wm-site-header #primary-nav details.dd > .submenu > a::before {
    content:"" !important;
    display:block !important;
    position:static !important;
    flex:0 0 3px !important;
    width:3px !important;
    height:18px !important;
    margin:0 !important;
    border-radius:2px !important;
    background:transparent !important;
  }
  header.wm-site-header #primary-nav details.dd > .submenu > a::after { display:none !important; }
  header.wm-site-header #primary-nav details.dd > .submenu > a:hover,
  header.wm-site-header #primary-nav details.dd > .submenu > a:focus-visible,
  header.wm-site-header #primary-nav details.dd > .submenu > a.on {
    color:#c8e6d1 !important;
    background:#303936 !important;
    padding-left:18px !important;
  }
  header.wm-site-header #primary-nav details.dd > .submenu > a:hover::before,
  header.wm-site-header #primary-nav details.dd > .submenu > a:focus-visible::before,
  header.wm-site-header #primary-nav details.dd > .submenu > a.on::before {
    background:#76ae87 !important;
  }
  header.wm-site-header #primary-nav details.dd > .submenu {
    display:none !important;
  }
  header.wm-site-header #primary-nav details.dd[open] > .submenu {
    display:block !important;
  }

  header.wm-site-header .header-actions {
    grid-column:3;
    justify-self:end !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:clamp(12px,1.6vw,24px) !important;
    min-width:0;
    margin:0 !important;
  }
  header.wm-site-header .header-actions .tel {
    display:block !important;
    text-align:right !important;
    color:#b6bdc1 !important;
    font-size:.72rem !important;
    line-height:1.35 !important;
    white-space:nowrap !important;
  }
  header.wm-site-header .header-actions .tel b {
    display:block !important;
    color:#fff !important;
    font-size:.94rem !important;
    font-weight:750 !important;
    letter-spacing:-.012em !important;
    margin-top:2px !important;
  }
  header.wm-site-header .header-actions > .btn {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:44px !important;
    padding:10px 15px !important;
    margin:0 !important;
    border-radius:5px !important;
    border:1px solid #176337 !important;
    background:#176337 !important;
    color:#fff !important;
    font-size:.83rem !important;
    font-weight:700 !important;
    line-height:1.25 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    transform:none !important;
    white-space:nowrap;
  }
  header.wm-site-header .header-actions > .btn:hover,
  header.wm-site-header .header-actions > .btn:focus-visible {
    background:#248a4a !important;
    border-color:#248a4a !important;
    box-shadow:none !important;
    transform:none !important;
  }
}
@media (min-width:1021px) and (max-width:1250px) {
  header.wm-site-header #primary-nav {gap:clamp(10px,1.1vw,17px) !important;}
  header.wm-site-header #primary-nav > a:not(.mobile-nav-cta),
  header.wm-site-header #primary-nav details.dd > summary.nav-parent {
    font-size:.81rem !important;
  }
  header.wm-site-header .header-actions .tel {display:none !important;}
  header.wm-site-header .logo img {width:clamp(160px,16vw,198px) !important;}
  header.wm-site-header .header-actions > .btn {padding-inline:12px !important;}
}
@media (max-width:1020px) {
  /* Mobile navigation remains the existing fully functional right-side drawer. */
  header.wm-site-header .w {display:flex !important;}
  header.wm-site-header .logo img {max-height:56px !important;}
}
@media (prefers-reduced-motion:reduce) {
  header.wm-site-header #primary-nav > a::after,
  header.wm-site-header #primary-nav > details.dd::after,
  header.wm-site-header #primary-nav details.dd > .submenu > a {transition:none !important;}
}