/* WoonRadar shared color contract — applied last on app and public pages.
   Royal indigo is the only primary brand ink; gold is an accent, not a second UI color. */
:root{
 --wr-primary:#05083F;
 --wr-navy:#05083F;
 --wr-royal:#05083F;
 --wr-design-navy:#05083F;
 --wr-blue:#05083F;
 --brand-blue:#05083F;
 --royal-blue:#05083F;
 --wr-primary-hover:#10165C;
 --wr-royal-alt:#10165C;
 --wr-gold:#C8A460;
 --wr-ivory:#FFFDF9;
 --wr-line:#E7DED0;
}
html body header.wr-header .wr-brand,
html body header.wr-header .wr-links a,
html body header.wr-header .wr-account,
html body .breadcrumb,
html body main h1,
html body main h2,
html body .housing-results .offer-heading,
html body .housing-results .card .price,
html body #premiumOverlay #premiumHeading{
 color:var(--wr-primary)!important;
}
html body header.wr-header .wr-account:is(:hover,:focus-visible),
html body header.wr-header .wr-links a:is(:hover,:focus-visible){
 color:var(--wr-primary-hover)!important;
}
html body :is(.primary-search,.search-button,#loginBtn,#workspaceSaveSearch,#saveAlertsBtn):not(:disabled){
 background-color:var(--wr-primary)!important;
 border-color:var(--wr-primary)!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html body :is(.primary-search,.search-button,#loginBtn,#workspaceSaveSearch,#saveAlertsBtn):is(:hover,:focus-visible):not(:disabled){
 background-color:var(--wr-primary-hover)!important;
 border-color:var(--wr-primary-hover)!important;
}
html body :is(input,select,textarea,button,a):focus-visible{
 outline-color:var(--wr-gold)!important;
}
html body #meldinginstellingen .wr-alert-profile-link{
 margin:0 0 12px!important;
 color:#546379!important;
 font:400 13px/1.55 'DM Sans',Arial,sans-serif!important;
}
html body #meldinginstellingen .wr-alert-profile-link a{
 color:var(--wr-primary)!important;
 text-underline-offset:3px!important;
 text-decoration-color:var(--wr-gold)!important;
}

/* Footer section labels: clearly headings rather than clickable navigation. */
html body footer.site-footer.wr-footer .wr-footer-columns > nav > h2{
 display:block!important;
 margin:0 0 14px!important;
 padding:0!important;
 font:750 18px/1.3 'DM Sans',Arial,sans-serif!important;
 letter-spacing:-.01em!important;
 color:#05083F!important;
 -webkit-text-fill-color:#05083F!important;
 opacity:1!important;
 cursor:default!important;
 text-decoration:none!important;
}
html body footer.site-footer.wr-footer .wr-footer-columns > nav > a{
 font:500 14px/1.6 'DM Sans',Arial,sans-serif!important;
 color:#05083F!important;
 -webkit-text-fill-color:#05083F!important;
}
@media(max-width:600px){
 html body footer.site-footer.wr-footer .wr-footer-columns > nav > h2{
  font-size:17px!important;
  margin-bottom:11px!important;
 }
}

/* Mobile home: let the navy section continue slightly farther below the
   search card before the warm housing-results surface begins. */
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken{
  background:#05083F!important;
  background-color:#05083F!important;
 }
 html body:has(.home-benefits) main#woningzoeken > section.housing-results{
  margin-top:18px!important;
 }
}

/* Mobile: the four marketing benefits are intentionally removed.
   Keep them on desktop; do not hide the housing results or the search form. */
@media(max-width:699px){
 html body:has(.home-benefits) main#woningzoeken > section.home-benefits{
  display:none!important;
  visibility:hidden!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
 }
 html body:has(.home-benefits) main#woningzoeken > section.housing-results{
  margin-top:18px!important;
 }
}

/* Premium sign-in CTA: same navy/white contrast as the rest of WoonRadar.
   Override legacy link ink and generic account-link backgrounds. */
html[data-view="premium"] body #premiumOverlay #premiumLogin > a.account-link,
html[data-view="premium"] body #premiumOverlay #premiumLogin > a.account-link:link,
html[data-view="premium"] body #premiumOverlay #premiumLogin > a.account-link:visited {
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 background:#05083F!important;
 background-color:#05083F!important;
 border:1px solid #05083F!important;
 color:#FFFFFF!important;
 -webkit-text-fill-color:#FFFFFF!important;
 text-decoration:none!important;
 font-weight:700!important;
 box-shadow:none!important;
}
html[data-view="premium"] body #premiumOverlay #premiumLogin > a.account-link:is(:hover,:focus-visible){
 background:#10165C!important;
 background-color:#10165C!important;
 border-color:#10165C!important;
 color:#FFFFFF!important;
 -webkit-text-fill-color:#FFFFFF!important;
}