/* WoonRadar — new unified deep royal indigo palette.
   Primary #05083F; secondary #10165C.
   Preserve warm ivory surfaces, restrained gold highlights and all existing layout. */
:root {
  --wr-primary:#05083F;
  --wr-hero-navy:#05083F;
  --wr-navy:#05083F;
  --wr-design-navy:#05083F;
  --wr-royal:#05083F;
  --wr-blue:#05083F;
  --brand-blue:#05083F;
  --royal-blue:#05083F;
  --navy:#05083F;
  --wr-primary-hover:#10165C;
  --wr-royal-alt:#10165C;
}
body { accent-color:var(--wr-primary); }
/* Main indigo bands, curve and solid surfaces. */
html body:has(.home-benefits) main#woningzoeken,
html body:has(.home-benefits) .home-benefits,
html body:has(.home-benefits) .wr-navy-curve {
  background-color:var(--wr-primary)!important;
}
html body:has(.home-benefits) .wr-navy-curve svg :is(path,rect) {
  fill:var(--wr-primary);
}
html body .site-footer.wr-footer,
html body .site-footer {
  background-color:var(--wr-primary)!important;
}
/* Primary buttons. Avoid recoloring neutral/outline/Google OAuth buttons. */
html body .search-panel .primary-search,
html body .search-panel .search-button,
html body .search-panel button[type="submit"],
html body #authPanel #loginBtn,
html body #premiumCheckoutBtn,
html body #premiumOverlay #subscriptionActions button,
html body #premiumWorkspace #workspaceSaveSearch {
  background-color:var(--wr-primary)!important;
  border-color:var(--wr-primary)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body .search-panel .primary-search:hover,
html body .search-panel .search-button:hover,
html body #authPanel #loginBtn:hover,
html body #premiumCheckoutBtn:hover,
html body #premiumWorkspace #workspaceSaveSearch:hover {
  background-color:var(--wr-primary-hover)!important;
  border-color:var(--wr-primary-hover)!important;
}
/* Key interface ink, navigation and prices. */
html body header.wr-header .wr-brand,
html body header.wr-header .wr-links a,
html body header.wr-header .wr-account,
html body header.wr-header .wr-language select,
html body #authPanel > h1,
html body .housing-results .offer-heading,
html body .housing-results .card .price {
  color:var(--wr-primary)!important;
  -webkit-text-fill-color:var(--wr-primary)!important;
}
html body #authPanel #authForm #oauthGoogle {
  background:#fff!important;
  border-color:#dce2e3!important;
  color:var(--wr-primary)!important;
  -webkit-text-fill-color:var(--wr-primary)!important;
}
/* Warm gold is retained for active states and focus rings. */
html body :is(button,a,input,select,textarea):focus-visible {
  outline-color:#b69a5b!important;
}

/* Golden footer signature on all routes, including server-rendered legal pages. */
html body footer.site-footer.wr-footer .wr-footer-motto{
 display:block!important;
 margin:8px 0 0!important;
 color:#E1BF7D!important;
 -webkit-text-fill-color:#E1BF7D!important;
 font:600 14px/1.5 'DM Sans',Arial,sans-serif!important;
 letter-spacing:.015em!important;
 opacity:1!important;
 text-shadow:none!important;
}

/* Stable gold language underline: survives the styled NL/EN dropdown.
   Match the position of the other navigation underlines. */
@media (min-width:761px) {
 html body header.wr-header .wr-nav > .wr-language.wr-language-enhanced::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-13px!important;
  width:100%!important;
  height:2px!important;
  border:0!important;
  border-radius:2px!important;
  background:#C8A460!important;
  opacity:1!important;
  visibility:visible!important;
  transform:scaleX(1)!important;
  pointer-events:none!important;
  z-index:15!important;
 }
}

/* Single painted #05083F surface across the hero wave, search and benefits.
   The older SVG still used #072137, causing a visible horizontal color split. */
html body:has(.home-benefits) .wr-hero-wave :is(path,rect){fill:#05083F!important;}
html body:has(.home-benefits) .hero::after{
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 180' preserveAspectRatio='none'%3E%3Cpath d='M0 45 C220 45 295 150 500 150 C705 150 780 45 1000 45 L1000 180 L0 180 Z' fill='%2305083F'/%3E%3C/svg%3E")!important;
}
html body:has(.home-benefits) main#woningzoeken,
html body:has(.home-benefits) .home-benefits{background:#05083F!important;}