/* WoonRadar visual system — deliberate, quiet and consistent.
   Scoped by the existing components. Loaded after all legacy styles.
   No hiding of search controls, legal content, listing data, or navigation. */
:root {
  --wr-design-navy:#142f50;
  --wr-design-ink:#243b50;
  --wr-design-muted:#617285;
  --wr-design-cream:#faf8f4;
  --wr-design-white:#fffdfa;
  --wr-design-line:#e6e2dc;
  --wr-design-gold:#b69a5b;
}
body { background:var(--wr-design-cream)!important; color:var(--wr-design-ink); }
main { max-width:1380px!important; margin-inline:auto!important; }
header.wr-header { background:rgba(255,253,250,.97)!important; box-shadow:none!important; border-bottom:1px solid var(--wr-design-line)!important; }
header.wr-header .wr-nav { min-height:72px; gap:20px; }
header.wr-header .wr-brand { color:var(--wr-design-navy)!important; font-family:'Cormorant Garamond',Georgia,serif!important; font-weight:600!important; font-size:clamp(26px,2.4vw,31px)!important; line-height:1.02!important; letter-spacing:-.025em!important; }
header.wr-header .wr-links a { font-weight:600; }
header.wr-header .wr-account { border:1px solid #dadfdf; background:#fff; border-radius:10px; }
header.wr-header .wr-links a:hover,header.wr-header .wr-account:hover { color:#234f78!important; }
.hero {
  min-height:450px!important;
  padding:60px clamp(28px,6vw,78px) 125px!important;
  border-radius:18px 18px 0 0!important;
  background-position:center 51%!important;
  background-size:cover!important;
  isolation:isolate;
}
.hero .hero-copy {
  box-sizing:border-box!important;
  width:fit-content!important;
  max-width:min(100%,570px)!important;
  padding:24px 30px 25px!important;
  background:rgba(255,253,249,.92)!important;
  border:1px solid rgba(255,255,255,.75)!important;
  border-radius:16px!important;
  box-shadow:0 12px 34px rgba(15,45,74,.10)!important;
}
/* Clear editorial hierarchy: expressive headings, understated functional text. */
header.wr-header .wr-brand small {
  font-family:'DM Sans',Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:500!important;
  letter-spacing:.015em!important;
  line-height:1.25!important;
}
.housing-results .offer-heading,
.hero .hero-copy h1 {
  text-rendering:optimizeLegibility;
  font-kerning:normal;
}
.search-panel .filters label,
.housing-results .results-header,
.housing-results .card .content {
  font-family:'DM Sans',Arial,sans-serif!important;
}
@media(max-width:760px) {
  header.wr-header .wr-brand { font-size:26px!important; }
  header.wr-header .wr-brand small { font-size:8px!important; }
}
@media(max-width:360px) {
  header.wr-header .wr-brand { font-size:23px!important; }
}
.hero .hero-copy .eyebrow {
  display:block!important;
  padding:0!important; border:0!important; background:none!important;
  font:700 11px/1.4 'DM Sans',Arial,sans-serif!important;
  color:#51667a!important; letter-spacing:.055em!important;
  text-transform:none!important;
}
.hero .hero-copy h1 {
  margin:13px 0 13px!important; max-width:100%!important;
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-weight:600!important; letter-spacing:-.04em!important;
  line-height:.98!important; font-size:clamp(52px,5.6vw,78px)!important;
  color:var(--wr-design-navy)!important;
}
.hero .hero-copy h1 span { color:var(--wr-design-navy)!important; }
.hero .hero-copy>p { font:400 16px/1.55 'DM Sans',Arial,sans-serif!important; color:#33495e!important; max-width:390px!important; }
.search-panel {
  border-radius:15px!important;
  border:1px solid var(--wr-design-line)!important;
  background:var(--wr-design-white)!important;
  box-shadow:0 14px 35px #142f5011!important;
  padding:16px 18px!important;
}
.search-panel .market-tabs button {
  border-radius:9px 9px 0 0!important;
  background:#f0efec!important; color:#596a7b!important;
  border-color:var(--wr-design-line)!important; box-shadow:none!important;
}
.search-panel .market-tabs button[aria-pressed=true] { background:var(--wr-design-white)!important; color:var(--wr-design-navy)!important; }
.search-panel .filters { gap:9px!important; align-items:stretch!important; }
.search-panel .filters>div {
  box-sizing:border-box!important;
  border:1px solid var(--wr-design-line)!important;
  background:#fff!important; border-radius:10px!important;
  min-height:64px!important;
  padding-top:8px!important; padding-bottom:5px!important;
  box-shadow:none!important;
}
.search-panel .filters>div:focus-within { border-color:#6b8dab!important; box-shadow:0 0 0 2px #326b9f20!important; }
.search-panel .filters label:not(.outdoor-choice),.search-panel .search-rent:before {
  font-size:11px!important; font-weight:650!important;
  color:var(--wr-design-muted)!important; letter-spacing:.015em!important;
}
.search-panel .filters input,.search-panel .filters select,.search-panel .type-picker summary,.search-panel .price-picker>summary {
  color:var(--wr-design-navy)!important; font-family:'DM Sans',Arial,sans-serif!important;
  font-weight:550!important;
}
.search-panel .primary-search {
  background:var(--wr-design-navy)!important;
  border:1px solid var(--wr-design-navy)!important;
  border-radius:10px!important; min-height:50px!important;
  font:650 14px 'DM Sans',Arial,sans-serif!important;
  box-shadow:none!important;
}
.search-panel .primary-search:hover { background:#20466f!important; }
.search-panel .primary-search:after { content:none!important; }
.search-secondary { border-top:1px solid var(--wr-design-line)!important; }
.search-secondary .more-filters>summary,.search-secondary .quick-filters>div {
  background:#fff!important; border-color:var(--wr-design-line)!important;
  border-radius:9px!important; box-shadow:none!important;
}
.search-secondary .more-filters>summary:before { content:none!important; }
.search-secondary .more-filters>summary { font-weight:650!important; }
.home-benefits {
  border:1px solid var(--wr-design-line)!important;
  background:#f4f0e9!important; border-radius:0 0 16px 16px!important;
  box-shadow:none!important;
}
.home-benefits>div { border-color:#e3dbd1!important; }
.home-benefits .benefit-icon { background:#fffaf2!important; color:var(--wr-design-navy)!important; }
.home-benefits strong { color:var(--wr-design-navy)!important; }
.home-benefits>div>span:not(.benefit-icon) { color:#596a7b!important; }
.housing-results { background:transparent!important; border-radius:0!important; box-shadow:none!important; padding:26px 4px 32px!important; }
.housing-results .offer-heading { font-family:'Cormorant Garamond',Georgia,serif!important; font-size:clamp(32px,3.8vw,44px)!important; color:var(--wr-design-navy)!important; line-height:1.1!important; }
.housing-results #count { color:var(--wr-design-muted)!important; }
.housing-results .results-views button,.housing-results .sort-control select {
  background:#fff!important; border:1px solid var(--wr-design-line)!important;
  color:var(--wr-design-navy)!important; border-radius:9px!important;
}
.housing-results .results-views button[aria-pressed=true] { background:var(--wr-design-navy)!important; color:white!important; }
.housing-results .card {
  background:#fff!important; border:1px solid var(--wr-design-line)!important;
  border-radius:14px!important; box-shadow:0 4px 15px #142f5008!important;
  transition:border-color .18s ease,box-shadow .18s ease!important;
}
.housing-results .card:hover { transform:none!important; border-color:#c0cbd2!important; box-shadow:0 7px 22px #142f5012!important; }
.housing-results .card .content { padding:16px!important; }
.housing-results .card .price { color:var(--wr-design-navy)!important; font-weight:750!important; }
.housing-results .card .tag { background:#eef1f4!important; color:#344f66!important; }
.housing-results .map-section { background:#f3f2ef!important; border-color:var(--wr-design-line)!important; }
.wr-footer { border-top:1px solid var(--wr-design-line)!important; }
@media(max-width:800px) {
  main { padding-inline:12px!important; }
  .hero { min-height:270px!important; padding:30px 18px 40px!important; border-radius:0 0 14px 14px!important; }
  .hero .hero-copy { padding:17px 19px 18px!important; max-width:min(100%,350px)!important; border-radius:13px!important; background:rgba(255,253,249,.82)!important; }
  .hero .hero-copy h1 { font-size:clamp(41px,9vw,58px)!important; margin:9px 0 9px!important; }
  .hero .hero-copy>p { font-size:13px!important; }
  .search-panel { margin:-18px 0 0!important; padding:14px!important; border-radius:13px!important; }
  .search-panel .market-tabs { position:static!important; margin:0 0 10px!important; }
  .search-panel .market-tabs button { min-height:32px!important; padding:5px 12px!important; border-radius:8px!important; }
  .search-panel .market-tabs button:disabled { display:none!important; }
  .search-panel .market-tabs:has(button[data-market="sale"]:disabled) { display:none!important; }
  .search-panel .filters { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:9px!important; }
  .search-panel .filters>.search-location { grid-column:1/-1!important; }
  .search-panel .filters>.primary-search { grid-column:1/-1!important; }
  .search-panel .filters>div { min-width:0!important; }
  .home-benefits { margin:10px 0 20px!important; }
  .housing-results { margin:0!important; padding:19px 1px!important; }
  .housing-results .results-list .grid { gap:12px!important; }
}
@media(max-width:500px) {
  header.wr-header .wr-nav { min-height:60px!important; }
  .hero { min-height:240px!important; padding:22px 12px 40px!important; }
  .hero .hero-copy { padding:14px!important; max-width:min(100%,315px)!important; }
  .hero .hero-copy h1 { font-size:clamp(37px,10vw,48px)!important; }
  .search-panel { padding:12px!important; }
  .search-panel .filters>.search-rent { grid-column:1/-1!important; }
  .search-panel .filters>.search-location { padding-left:35px!important; }
  .home-benefits { display:none!important; }
  .housing-results .results-header { gap:8px!important; }
  .housing-results .results-list .grid { grid-template-columns:1fr!important; }
  .housing-results .card .content { padding:14px!important; }
}

/* Mobile results are a compact toolbar, not a squeezed desktop grid. */
@media(max-width:800px) {
  .housing-results .results-header {
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    column-gap:10px!important;
    row-gap:9px!important;
  }
  .housing-results .offer-heading {
    flex:1 0 100%!important;
    width:100%!important;
    margin:0!important;
  }
  .housing-results #count {
    flex:1 0 100%!important;
    width:100%!important;
    font-size:13px!important;
    margin:0!important;
  }
  .housing-results .new-only-toggle,
  .housing-results .results-alert-link {
    font-size:12px!important;
    margin:0!important;
  }
  .housing-results .results-views {
    display:flex!important;
    flex:0 0 auto!important;
    gap:6px!important;
    min-width:0!important;
  }
  .housing-results .results-views button {
    min-height:42px!important;
    padding:8px 12px!important;
    font-size:12px!important;
  }
  .housing-results .sort-control {
    display:flex!important;
    flex:1 1 150px!important;
    min-width:0!important;
    font-size:0!important;
    margin:0!important;
  }
  .housing-results .sort-control select {
    width:100%!important;
    max-width:none!important;
    min-height:42px!important;
    font-size:13px!important;
  }
  .housing-results .refresh {
    flex:0 0 auto!important;
    min-height:42px!important;
    min-width:42px!important;
  }
  .housing-results .results-body,
  .housing-results[data-map=true] .results-body {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-width:0!important;
  }
  .housing-results .map-section {
    position:static!important;
    min-width:0!important;
    max-width:100%!important;
  }
}
@media(max-width:400px) {
  .housing-results .results-views button { padding:8px 9px!important; }
  .housing-results .sort-control { flex-basis:125px!important; }
  .housing-results .offer-heading { font-size:34px!important; }
  html .housing-results .results-header .new-only-toggle { grid-column:1/-1!important; }
  html .housing-results .results-header .results-alert-link { grid-column:1/-1!important; grid-row:5!important; justify-self:start!important; }
}
@media(prefers-reduced-motion:reduce) {
  .housing-results .card { transition:none!important; }
}

/* Results action: quiet utility link, not a second primary blue call-to-action. */
@media(max-width:800px) {
  .housing-results .results-header .results-alert-link {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:auto!important;
    max-width:100%!important;
    min-height:40px!important;
    padding:8px 12px!important;
    margin:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:start!important;
    flex:0 1 auto!important;
    border:1px solid #d9e0e6!important;
    border-radius:9px!important;
    background:#fffdfa!important;
    color:var(--wr-design-navy)!important;
    font:600 12px/1.35 'DM Sans',Arial,sans-serif!important;
    white-space:normal!important;
    text-align:center!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }
  .housing-results .results-header .results-alert-link:hover {
    border-color:#aebfcc!important;
    background:#f7f8f8!important;
  }
  .housing-results .results-header .results-alert-link:focus-visible {
    outline:3px solid #7896b0!important;
    outline-offset:2px!important;
  }
}
