/* Approved ParkWelly eb219c498 map controls and desktop action, 22 October 2026. */
@media(min-width:901px) { .house-public-header .house-header-signin { border-radius:30px; } }

/* Desktop map tools use the IDWelly rail surface and vertical lens geometry.
   The existing compact mobile controls and generated header stay separate. */
.house-map-style-slider { display:none; }
@media(min-width:901px) {
  .has-public-nav .map-panel {
    --house-map-glass-background:#12201af0;
    --house-map-glass-filter:none;
    --house-map-tool-ink:#f7f3eb;
    --house-map-icon-filter:invert(1);
  }
  .has-public-nav .map-panel :is(.map-styles,.mapboxgl-ctrl-group:has(.mapboxgl-ctrl-zoom-in)) {
    border:1px solid #ffffff4d;
    padding:3px;
    gap:2px;
    border-radius:30px;
    background:var(--house-map-glass-background);
    backdrop-filter:var(--house-map-glass-filter);
    -webkit-backdrop-filter:var(--house-map-glass-filter);
    box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 1px #00000038,0 4px 18px #00000018;
    isolation:isolate;
  }
  .has-public-nav .map-panel .map-styles {
    overflow:visible;
    touch-action:pan-x;
    user-select:none;
    font-family:Inter,Arial,sans-serif;
    line-height:1.65;
  }
  .has-public-nav .map-styles button {
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:44px;
    padding:9px 4px;
    border:0;
    border-radius:24px;
    background:transparent;
    color:var(--house-map-tool-ink);
    font-family:inherit;
    font-size:12px;
    font-weight:400;
    line-height:1.65;
    transition:color .3s;
  }
  .has-public-nav .map-styles button[aria-pressed="true"] { background:#16291ff0; color:#d6b77b; }
  .has-public-nav .map-styles.house-map-lens-ready button[aria-pressed="true"] { background:transparent; }
  .house-map-style-visual { display:flex; align-items:center; justify-content:center; pointer-events:none; }
  .house-map-style-slider {
    display:block;
    position:absolute;
    left:3px;
    right:3px;
    top:0;
    height:44px;
    border-radius:24px;
    background:#16291ff0;
    border:1px solid #ffffff0a;
    box-shadow:inset 0 1px 2px #00000024,0 1px 2px #00000012;
    overflow:hidden;
    transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
    pointer-events:none;
  }
  .house-map-style-slider:is(.is-moving,.is-dragging) {
    z-index:2;
    background:rgb(22 41 31 / calc(.94 - .84 * var(--lens-energy,0)));
    border-color:rgb(237 250 240 / calc(.04 + .26 * var(--lens-energy,0)));
    box-shadow:inset 0 1px 1px rgb(255 255 255 / calc(.6 * var(--lens-energy,0))),inset 0 -1px 1px rgb(255 255 255 / calc(.44 * var(--lens-energy,0))),inset 1px 0 1px rgb(255 255 255 / calc(.15 * var(--lens-energy,0))),inset -1px 0 1px rgb(0 0 0 / calc(.3 * var(--lens-energy,0))),0 2px 4px #00000020;
    will-change:transform,height;
  }
  .house-map-style-lens { position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); opacity:0; pointer-events:none; }
  .house-map-has-lens .house-map-style-slider:is(.is-moving,.is-dragging) .house-map-style-lens { opacity:1; }
  .house-map-style-copy { position:absolute; left:0; width:100%; display:flex; align-items:center; justify-content:center; color:#d6b77b; font-size:12px; white-space:nowrap; }
  .house-map-style-copy > span { transform:scale(calc(1 + .045 * var(--lens-energy,0))); }
  .has-public-nav .map-panel .mapboxgl-ctrl-group:has(.mapboxgl-ctrl-zoom-in) {
    display:flex;
    align-items:center;
    width:var(--house-map-tools-width,91px);
    height:52px;
    overflow:visible;
  }
  .has-public-nav .map-panel .mapboxgl-ctrl-group:has(.mapboxgl-ctrl-zoom-in) button {
    flex:1 1 0;
    min-width:0;
    width:auto;
    height:44px;
    border:0;
    border-radius:24px;
    background:transparent;
    transition:background-color .18s ease;
  }
  .has-public-nav .map-panel .mapboxgl-ctrl-group:has(.mapboxgl-ctrl-zoom-in) button:hover { background:#ffffff24; }
  .has-public-nav .map-panel .mapboxgl-ctrl-group:has(.mapboxgl-ctrl-zoom-in) button:active { background:#16291f55; }
  .has-public-nav .map-panel .mapboxgl-ctrl-group:has(.mapboxgl-ctrl-zoom-in) .mapboxgl-ctrl-icon { filter:var(--house-map-icon-filter); }
  .has-public-nav .map-panel :is(.map-styles,.mapboxgl-ctrl-group:has(.mapboxgl-ctrl-zoom-in)) button:focus-visible { outline:2px solid #d6b77b; outline-offset:-3px; }
  @supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)) {
    .has-public-nav .map-panel {
      --house-map-glass-background:rgba(18,32,26,.28);
      --house-map-glass-filter:blur(18px) saturate(1.6);
      --house-map-tool-ink:#07130d;
      --house-map-icon-filter:none;
    }
    .has-public-nav .map-panel.house-map-dark { --house-map-tool-ink:#f7f3eb; --house-map-icon-filter:invert(1); }
    .has-public-nav .map-panel:not(.house-map-dark) :is(.map-styles,.mapboxgl-ctrl-group:has(.mapboxgl-ctrl-zoom-in)) button:focus-visible { outline-color:#80612b; }
  }
  @media(prefers-reduced-motion:reduce) { .map-styles *,.map-panel .mapboxgl-ctrl-group button { transition:none!important; } }
  @media(forced-colors:active) {
    .has-public-nav .map-panel :is(.map-styles,.mapboxgl-ctrl-group:has(.mapboxgl-ctrl-zoom-in)) { background:Canvas; border-color:CanvasText; }
    .has-public-nav .map-styles button { color:ButtonText; }
    .has-public-nav .map-styles.house-map-lens-ready button[aria-pressed="true"] { color:HighlightText; background:Highlight; }
    .has-public-nav .map-panel :is(.map-styles,.mapboxgl-ctrl-group:has(.mapboxgl-ctrl-zoom-in)) button:focus-visible { outline-color:Highlight; }
    .house-map-style-slider { display:none; }
  }
}

@media(min-width:901px) {
  .has-public-nav .map-panel .map-styles { left:auto; right:var(--house-map-tools-right,24px); top:var(--house-map-style-top,86px); width:var(--house-map-tools-width,91px); flex-direction:column; }
  .has-public-nav .map-panel .mapboxgl-ctrl-top-right { right:var(--house-map-tools-right,24px); top:var(--house-map-zoom-top,200px); }
  .has-public-nav .map-panel .mapboxgl-ctrl-top-right > .mapboxgl-ctrl { margin:0 0 12px; }
}

/* Keep the hero content in flow so short screens expand without clipping search. */
.has-public-nav .home-hero { height:auto; min-height:100svh; min-height:100dvh; padding:112px 0 58px; gap:42px; justify-content:center; overflow:clip; }
.has-public-nav .home-hero .hero-copy { margin-top:0; padding-top:24px; }
.has-public-nav .home-hero .hero-search-wrap { position:relative; inset:auto; margin-top:0; flex-shrink:0; }
@media(max-width:760px) { .has-public-nav .home-hero { padding:112px 0 46px; gap:32px; } .has-public-nav .home-hero .hero-copy { padding-top:16px; } }
@media(min-width:901px) {
  .has-public-nav .map-panel .map-controls { left:auto; right:var(--house-map-tools-right,24px); top:var(--house-map-style-top,86px); width:var(--house-map-tools-width,91px); display:block; }
  .has-public-nav .map-panel .map-styles { position:relative; top:auto; right:auto; }
  .has-public-nav .map-panel .map-area { position:absolute; right:calc(100% + 12px); top:0; white-space:nowrap; }
}

/* Existing single map actions share the glass surface without changing their behavior. */
@media(min-width:901px) {
  .has-public-nav .map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group:not(:has(.mapboxgl-ctrl-zoom-in)) {
    border:1px solid #ffffff4d; border-radius:50%!important; padding:3px;
    background:var(--house-map-glass-background); backdrop-filter:var(--house-map-glass-filter); -webkit-backdrop-filter:var(--house-map-glass-filter);
    box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 1px #00000038,0 4px 18px #00000018;
  }
  .has-public-nav .map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group:not(:has(.mapboxgl-ctrl-zoom-in)) button { width:44px; height:44px; border:0; border-radius:50%; background:transparent; }
  .has-public-nav .map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group:not(:has(.mapboxgl-ctrl-zoom-in)) button:hover { background:#ffffff24; }
  .has-public-nav .map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group:not(:has(.mapboxgl-ctrl-zoom-in)) .mapboxgl-ctrl-icon { filter:var(--house-map-icon-filter); }
  .has-public-nav .map-panel .mapboxgl-ctrl-top-right .mapboxgl-ctrl-group:not(:has(.mapboxgl-ctrl-zoom-in)) button:focus-visible { outline:2px solid #d6b77b; outline-offset:-3px; }
  @supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)) { .has-public-nav .map-panel:not(.house-map-dark) .mapboxgl-ctrl-group:not(:has(.mapboxgl-ctrl-zoom-in)) button:focus-visible { outline-color:#80612b; } }
  @media(forced-colors:active) { .has-public-nav .map-panel .mapboxgl-ctrl-group:not(:has(.mapboxgl-ctrl-zoom-in)) { background:Canvas; border-color:CanvasText; } }
}