/* WoonRadar unified visual language — final presentation layer, 2026-11-03.
   Keep existing functional layout, popovers, OAuth, focus and Premium logic. */
:root {
 --wr-primary:#05083F;
 --wr-navy:#05083F;
 --wr-royal:#05083F;
 --wr-royal-alt:#10165C;
 --wr-primary-hover:#10165C;
 --wr-design-navy:#05083F;
 --wr-layout-navy:#05083F;
 --layout-navy:#05083F;
 --wr-cream:#FAF7F0;
 --wr-design-cream:#FAF7F0;
 --wr-warm-paper:#FAF7F0;
 --wr-ivory:#FAF7F0;
 --wr-paper:#FAF7F0;
 --wr-design-white:#FFFDF9;
 --wr-warm-card:#FFFDF9;
 --wr-design-line:#E7DED0;
 --wr-gold:#C8A460;
 --wr-design-gold:#C8A460;
}
html body { font-family:'DM Sans',Arial,sans-serif; color:#23354A; }
html body:has(.home-benefits),
html[data-view="account"] body,
html[data-view="profile"] body,
html[data-view="premium"] body,
body[data-page] { background:#FAF7F0!important; }
/* Consistent header and footer without disrupting the established navigation. */
html body header.wr-header{background:#FFFDF9!important;border-bottom:1px solid #E7DED0!important;box-shadow:none!important}
html body header.wr-header :is(.wr-brand,.wr-links a,.wr-account,.wr-language-trigger){color:#05083F!important;-webkit-text-fill-color:#05083F!important}
html body .site-footer.wr-footer,html body footer.site-footer{background:#05083F!important}
html body .site-footer.wr-footer :is(h2,a,.footer-brand){color:#FFFFFF!important}
html body .site-footer.wr-footer .wr-footer-motto{color:#E1BF7D!important;-webkit-text-fill-color:#E1BF7D!important}
/* Never return to the green/teal hero wave or a second navy band. */
html body:has(.home-benefits) main#woningzoeken,
html body:has(.home-benefits) .home-benefits{background-color:#05083F!important}
html body:has(.home-benefits) .wr-hero-wave :is(path,rect){fill:#05083F!important}
html body:has(.home-benefits) .home-benefits :is(strong,p){color:#FFFFFF!important}
html body:has(.home-benefits) .home-benefits>div>span:not(.benefit-icon){color:#E3E6F1!important}
html body:has(.home-benefits) .home-benefits .benefit-icon{color:#C8A460!important}
/* One coherent set of primary actions. Explicitly exclude secondary, neutral,
   Google login, and icon-only controls. */
html body :is(.primary-search,.search-button,#loginBtn,#premiumCheckoutBtn,
 #workspaceSaveSearch,.results-alert-link,.btn-primary):not([disabled]):not([hidden]){
 background-color:#05083F!important;border-color:#05083F!important;color:#FFFFFF!important;
 -webkit-text-fill-color:#FFFFFF!important;
}
html body :is(.primary-search,.search-button,#loginBtn,#premiumCheckoutBtn,
 #workspaceSaveSearch,.results-alert-link,.btn-primary):not([disabled]):hover{
 background-color:#10165C!important;border-color:#10165C!important
}
/* Common paper treatment and readable ink for search and result surfaces. */
html body:has(.home-benefits) .search-panel{background:#FFFDF9!important;border-color:#E7DED0!important}
html body:has(.home-benefits) .search-panel .filters>:is(.search-location,.search-radius,.search-type,.search-rent),
html body:has(.home-benefits) .search-panel .more-filters-body .quick-filters> :is(.search-outdoor,.advanced-field){
 background:#FFFDF9!important;border-color:#E7DED0!important;
}
html body:has(.home-benefits) .housing-results{background:#FAF7F0!important}
html body:has(.home-benefits) .housing-results .card{
 background:#FFFDF9!important;border-color:#E7DED0!important;
}
html body:has(.home-benefits) .housing-results .card:hover{border-color:#C8A460!important}
html body:has(.home-benefits) .housing-results .card .price,
html body:has(.home-benefits) .housing-results .results-header h2,
html body:has(.home-benefits) .housing-results .offer-heading{
 color:#05083F!important;-webkit-text-fill-color:#05083F!important;
}
/* Accounts, search profiles and Premium should feel like the same site.
   Color/surface only; preserve their individual layouts and input dimensions. */
html[data-view="account"] body :is(#authPanel,#premiumWorkspace.wr-dashboard,.account-disclosure),
html[data-view="profile"] body :is(#premiumWorkspace.wr-dashboard,.search-panel){
 background-color:#FFFDF9!important;border-color:#E7DED0!important;
}
html[data-view="account"] body :is(.account-panel>h1,.account-disclosure>summary,#meldinginstellingen h3,.account-links a),
html[data-view="profile"] body :is(.profile-heading h1,.wr-dashboard h2),
html[data-view="premium"] body :is(h1,h2,.premium-price strong){
 color:#05083F!important;
}
html[data-view="account"] body .account-links a{
 background:#FFFDF9!important;border-color:#E7DED0!important;
}
html[data-view="account"] body .account-links a:hover{
 background:#F8F5EF!important;border-color:#C8A460!important;
}
/* Server-rendered pages (contact, FAQ, legal, company details). */
body[data-page] main{color:#23354A}
body[data-page] main :is(h1,h2,h3){color:#05083F!important}
body[data-page] main :is(article,form,.help-compose){
 background:#FFFDF9!important;border-color:#E7DED0!important;
}
body[data-page] main a:not(.action):not([role="button"]){color:#05083F}
body[data-page] main button:not(.secondary):not(.outline):not([disabled]){
 background:#05083F!important;border-color:#05083F!important;color:#FFFFFF!important;
}
body[data-page] main button:not(.secondary):not(.outline):not([disabled]):hover{
 background:#10165C!important;
}
body[data-page] main :is(input,select,textarea){border-color:#DED8CF;color:#05083F}
html body :is(a,button,input,select,textarea,summary):focus-visible{
 outline-color:#C8A460!important;
}
@media(prefers-reduced-motion:reduce){
 html body :is(.primary-search,.search-button,#loginBtn,#premiumCheckoutBtn){transition:none!important}
}

/* Eliminate the remaining contrasting navy seams on the homepage.
   Old brand-primary.css paints a 12px #061d31 border on .home-benefits;
   background-color alone cannot override a border color. */
html body:has(.home-benefits) .home-benefits {
 background:#05083F!important;
 border-bottom:0!important;
 border-bottom-color:#05083F!important;
 box-shadow:none!important;
}
html body:has(.home-benefits) main#woningzoeken {
 background:#05083F!important;
}
/* The SVG background must stay transparent; its navy path alone creates the curve.
   Painting the SVG box itself navy produces a straight rectangular seam. */
html body:has(.home-benefits) .wr-hero-wave,
html body:has(.home-benefits) .wr-navy-curve {
 background:transparent!important;
 background-color:transparent!important;
}
html body:has(.home-benefits) .wr-hero-wave :is(path,rect),
html body:has(.home-benefits) .wr-navy-curve :is(path,rect) {
 fill:#05083F!important;
}

/* Clear, complete results navigation: never imply there are only four pages. */
html body .wr-pagination-row{display:grid!important;grid-template-columns:1fr auto!important;gap:8px 12px!important}
html body .wr-pagination-row #resultPagination{
 grid-column:1/-1!important;grid-row:1!important;display:flex!important;
 flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;
 gap:7px!important;padding:10px 0 3px!important;
}
html body #resultPagination .pagination-step{
 min-height:41px!important;padding:9px 12px!important;background:#FFFDF9!important;
 border:1px solid #E7DED0!important;border-radius:10px!important;
 color:#05083F!important;font:600 13px/1.25 'DM Sans',Arial,sans-serif!important;cursor:pointer!important;
}
html body #resultPagination .pagination-step:is(:hover,:focus-visible){border-color:#C8A460!important;background:#F8F5EF!important}
html body #resultPagination .pagination-step:disabled{opacity:.45!important;cursor:default!important}
html body #resultPagination .pagination-ellipsis{color:#687487;padding:0 3px;font-weight:700;align-self:center}
html body #resultPagination .pagination-page-summary{
 flex:0 0 100%;display:block;text-align:center;margin-top:3px;
 color:#586577;font:500 13px/1.5 'DM Sans',Arial,sans-serif;
}
html body #resultPagination .pagination-number.is-current{background:#05083F!important;border-color:#05083F!important;color:#FFFFFF!important}
html body .wr-pagination-row .wr-page-size{grid-column:2!important;grid-row:2!important;justify-self:end!important}
@media(max-width:699px){
 html body .wr-pagination-row{display:flex!important;flex-direction:column!important;align-items:stretch!important}
 html body .wr-pagination-row #resultPagination{width:100%!important}
 html body .wr-pagination-row .wr-page-size{align-self:center!important}
 html body #resultPagination .pagination-step{min-height:38px!important;padding:7px 9px!important;font-size:12px!important}
 html body #resultPagination .pagination-number{width:38px!important;height:38px!important;min-width:38px!important}
}

/* Body-layer Woningtype menu: never clipped by the photographic hero, search
   card, benefits strip, or their backdrop filters/stacking contexts. */
html body > .type-popover.wr-type-portal {
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:0!important;box-sizing:border-box!important;margin:0!important;
 padding:7px!important;background:#FFFDF9!important;
 color:#05083F!important;border:1px solid #E7DED0!important;
 border-radius:14px!important;box-shadow:0 14px 32px rgba(5,8,63,.16)!important;
 overscroll-behavior:contain!important;
}
html body > .type-popover.wr-type-portal > label {
 position:static!important;display:flex!important;flex:0 0 auto!important;
 align-items:center!important;justify-content:flex-start!important;gap:12px!important;
 width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;
 padding:9px 11px!important;margin:0!important;border:0!important;border-radius:9px!important;
 box-sizing:border-box!important;background:transparent!important;color:#05083F!important;
 font:500 14px/1.45 'DM Sans',Arial,sans-serif!important;
 white-space:normal!important;overflow-wrap:normal!important;cursor:pointer!important;
}
html body > .type-popover.wr-type-portal > label:is(:hover,:focus-within) {
 background:#F5EFE3!important;
}
html body > .type-popover.wr-type-portal input[type=checkbox] {
 appearance:auto!important;position:static!important;opacity:1!important;visibility:visible!important;
 display:block!important;flex:0 0 19px!important;width:19px!important;
 min-width:19px!important;height:19px!important;min-height:19px!important;
 padding:0!important;margin:0!important;accent-color:#05083F!important;
}

/* No decorative down arrows in housing filters or result-size selection.
   Their entire input surfaces remain clickable and keyboard accessible. */
html body .search-panel :is(.type-picker,.price-picker,.more-filters,.wr-field-menu) > summary::after,
html body .search-panel :is(.type-picker,.price-picker,.more-filters,.wr-field-menu) > summary::before {
 content:none!important;display:none!important;
}
html body .search-panel .filters :is(.mobile-native-type,.wr-radius-trigger) {
 background-image:none!important;
}
html body .wr-pagination-row #resultsPerPage {
 appearance:none!important;-webkit-appearance:none!important;
 background-image:none!important;padding-right:12px!important;
}

/* Huurprijs: same unclipped dropdown as Woningtype, matching WoonRadar fields. */
html body > .price-popover.wr-rent-portal {
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 box-sizing:border-box!important;margin:0!important;padding:12px!important;gap:10px!important;
 background:#FFFDF9!important;color:#05083F!important;border:1px solid #E7DED0!important;
 border-radius:14px!important;box-shadow:0 14px 32px rgba(5,8,63,.16)!important;
 overscroll-behavior:contain!important;
}
html body > .price-popover.wr-rent-portal > div:not([hidden]) {
 display:flex!important;flex-direction:column!important;gap:5px!important;
 min-width:0!important;width:100%!important;margin:0!important;padding:0!important;
}
html body > .price-popover.wr-rent-portal > div > label {
 display:block!important;font:600 12px/1.4 'DM Sans',Arial,sans-serif!important;
 color:#586577!important;margin:0!important;padding:0!important;
}
html body > .price-popover.wr-rent-portal select,
html body > .price-popover.wr-rent-portal input:not([hidden]) {
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 min-height:43px!important;height:43px!important;padding:9px 11px!important;
 margin:0!important;border:1px solid #E7DED0!important;border-radius:9px!important;
 color:#05083F!important;background:#FFFFFF!important;
 font:500 14px/1.3 'DM Sans',Arial,sans-serif!important;
}
html body > .price-popover.wr-rent-portal > button {
 display:block!important;min-height:43px!important;width:100%!important;
 padding:10px 12px!important;margin:0!important;
 border:0!important;border-radius:9px!important;
 background:#05083F!important;color:#FFFFFF!important;
 font:600 14px/1.3 'DM Sans',Arial,sans-serif!important;cursor:pointer!important;
}
html body > .price-popover.wr-rent-portal > button:hover {background:#10165C!important}
html body > .price-popover.wr-rent-portal [hidden]{display:none!important}

/* Service self-service cards are light navigation cards, not solid primary buttons.
   Overrides the global .action styling above and restores text contrast. */
html body[data-page="/contact"] main .contact-actions.service-action-cards > a.action,
html body[data-page="/contact"] main .contact-actions.service-action-cards > a.action:visited {
  background:#FFFDF9!important;
  background-color:#FFFDF9!important;
  border:1px solid #E7DED0!important;
  color:#05083F!important;
  -webkit-text-fill-color:#05083F!important;
  box-shadow:0 2px 9px rgba(5,8,63,.025)!important;
}
html body[data-page="/contact"] main .contact-actions.service-action-cards > a.action strong {
  color:#05083F!important;
  -webkit-text-fill-color:#05083F!important;
}
html body[data-page="/contact"] main .contact-actions.service-action-cards > a.action span {
  color:#556478!important;
  -webkit-text-fill-color:#556478!important;
}
html body[data-page="/contact"] main .contact-actions.service-action-cards > a.action:is(:hover,:focus-visible) {
  background:#F8F3E9!important;
  background-color:#F8F3E9!important;
  border-color:#C8A460!important;
}
html body[data-page="/contact"] main .service-faq :is(summary,p),
html body[data-page="/contact"] main .service-section-heading p {
  color:#39495F!important;
  -webkit-text-fill-color:#39495F!important;
}


/* One identical, full-bleed curved footer across the homepage and service
   (and all other server-rendered) pages. No fixed-width blue rectangle. */
html body footer.site-footer.wr-footer {
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:42px 0 0!important;
  padding:clamp(52px,5.5vw,82px) clamp(20px,5vw,90px) 34px!important;
  background:#05083F!important;
  border-radius:32px 32px 0 0!important;
  border-top:0!important;
  overflow:hidden!important;
}
html body footer.site-footer.wr-footer > .wr-footer-columns,
html body footer.site-footer.wr-footer > .footer-legal {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1550px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html body footer.site-footer.wr-footer > .wr-footer-columns {
  padding-top:24px!important;
  border-top:1px solid rgba(225,191,125,.24)!important;
}
html body footer.site-footer.wr-footer > .footer-legal {
  padding-top:22px!important;
  border-top:1px solid rgba(225,191,125,.24)!important;
}
@media(max-width:700px){
  html body footer.site-footer.wr-footer {
    margin-top:30px!important;
    padding:34px 20px 26px!important;
    border-radius:22px 22px 0 0!important;
  }
  html body footer.site-footer.wr-footer > .wr-footer-columns {padding-top:16px!important}
}

/* Service shortcuts are light navigation links, never primary buttons. */
html body[data-page="/contact"] main nav.service-action-cards > a.action:is(:link,:visited,:hover,:focus,:focus-visible,:active){background:#FFFDF9!important;background-color:#FFFDF9!important;color:#05083F!important;-webkit-text-fill-color:#05083F!important;border:1px solid #E7DED0!important;box-shadow:none!important}
html body[data-page="/contact"] main nav.service-action-cards > a.action:is(:hover,:focus-visible,:active){background:#F8F3E9!important;background-color:#F8F3E9!important;border-color:#C8A460!important}
html body[data-page="/contact"] main nav.service-action-cards > a.action :is(strong,span){color:#05083F!important;-webkit-text-fill-color:#05083F!important}
html body[data-page="/contact"] main nav.service-action-cards > a.action span{color:#556478!important;-webkit-text-fill-color:#556478!important}


/* Premium: consistent Royal Indigo ink on warm ivory throughout the panel.
   Kept distinct from subscription state, availability, and action behavior. */
html[data-view="premium"] body #premiumOverlay .premium-panel {
 color:#27354D!important;
 background:#FFFDF9!important;
 border-color:#E7DED0!important;
}
html[data-view="premium"] body #premiumOverlay #premiumHeading,
html[data-view="premium"] body #premiumOverlay .premium-price strong {
 color:#05083F!important;
 -webkit-text-fill-color:#05083F!important;
}
html[data-view="premium"] body #premiumOverlay .premium-panel > p:not(.premium-price),
html[data-view="premium"] body #premiumOverlay :is(.premium-note,#premiumStatus,#premiumAvailabilityNote,#premiumMessage,#premiumPersonalizedResult) {
 color:#47556A!important;
 -webkit-text-fill-color:#47556A!important;
}
html[data-view="premium"] body #premiumOverlay .premium-dialog-benefits li {
 color:#283650!important;
 -webkit-text-fill-color:#283650!important;
}
html[data-view="premium"] body #premiumOverlay .premium-dialog-benefits li::before {
 color:#C8A460!important;
 -webkit-text-fill-color:#C8A460!important;
}
html[data-view="premium"] body #premiumOverlay .premium-price {
 color:#34425B!important;
 -webkit-text-fill-color:#34425B!important;
 background:#F8F5EF!important;
 border-color:#E7DED0!important;
}
html[data-view="premium"] body #premiumOverlay :is(.premium-legal-links a,#premiumPersonalized a,.premium-note a,.account-link) {
 color:#05083F!important;
 -webkit-text-fill-color:#05083F!important;
 text-decoration-color:#C8A460!important;
 text-underline-offset:3px!important;
}
html[data-view="premium"] body #premiumOverlay #premiumPersonalized a {
 border-bottom-color:#C8A460!important;
}
html[data-view="premium"] body #premiumOverlay .premium-actions button:not(:disabled),
html[data-view="premium"] body #premiumOverlay #premiumPersonalized>button {
 background:#05083F!important;
 background-color:#05083F!important;
 color:#FFFDF9!important;
 -webkit-text-fill-color:#FFFDF9!important;
 border-color:#05083F!important;
}
html[data-view="premium"] body #premiumOverlay .premium-actions button:not(:disabled):hover,
html[data-view="premium"] body #premiumOverlay #premiumPersonalized>button:hover {
 background:#10165C!important;
 background-color:#10165C!important;
 border-color:#10165C!important;
}
html[data-view="premium"] body #premiumOverlay :is(button,a,input):focus-visible {
 outline:2px solid #C8A460!important;
 outline-offset:3px!important;
}

/* 2026-11-03: Premium and the shared footer use the current warm-ivory / Royal Indigo palette.
   A narrow curved indigo accent replaces the oversized navy footer panel. */
html body footer.site-footer.wr-footer {
 position:relative!important;
 isolation:isolate!important;
 background:#FFFDF9!important;
 background-color:#FFFDF9!important;
 color:#41506A!important;
 margin-top:clamp(28px,4vw,52px)!important;
 padding:clamp(34px,4vw,52px) clamp(20px,5vw,90px) 24px!important;
 border:1px solid #E7DED0!important;
 border-left:0!important;
 border-right:0!important;
 border-bottom:0!important;
 border-radius:28px 28px 0 0!important;
 box-shadow:0 -9px 34px rgba(5,8,63,.035)!important;
}
html body footer.site-footer.wr-footer::before {
 content:""!important;position:absolute!important;inset:0 0 auto!important;height:6px!important;
 border-radius:28px 28px 0 0!important;background:#05083F!important;pointer-events:none!important;
}
html body footer.site-footer.wr-footer > .wr-footer-columns {
 padding-top:0!important;
 border-top:0!important;
 gap:clamp(18px,3vw,40px)!important;
}
html body footer.site-footer.wr-footer > .footer-legal {
 border-top:1px solid #E7DED0!important;
 padding-top:16px!important;
 margin-top:24px!important;
}
html body footer.site-footer.wr-footer :is(.footer-brand,.wr-footer-columns h2,.wr-footer-columns nav a,.footer-legal a),
html body footer.site-footer.wr-footer .footer-legal > a:is(:link,:visited) {
 color:#05083F!important;-webkit-text-fill-color:#05083F!important;
}
html body footer.site-footer.wr-footer .wr-footer-columns nav a,
html body footer.site-footer.wr-footer .footer-legal a {
 font-weight:500!important;text-underline-offset:4px!important;
}
html body footer.site-footer.wr-footer .wr-footer-columns nav a:hover,
html body footer.site-footer.wr-footer .footer-legal a:hover {
 color:#10165C!important;-webkit-text-fill-color:#10165C!important;text-decoration:underline!important;
}
html body footer.site-footer.wr-footer .wr-footer-motto,
html body footer.site-footer.wr-footer .wr-footer-motto strong {
 color:#836739!important;-webkit-text-fill-color:#836739!important;
}
html body footer.site-footer.wr-footer .hero-photo-credit,
html body footer.site-footer.wr-footer .hero-photo-credit a {
 color:#586477!important;-webkit-text-fill-color:#586477!important;
}
html body footer.site-footer.wr-footer .metrics-choice summary{
 color:#40506A!important;-webkit-text-fill-color:#40506A!important;
}
@media(max-width:700px){
 html body footer.site-footer.wr-footer{
  margin-top:28px!important;padding:32px 20px 22px!important;
  border-radius:22px 22px 0 0!important;
 }
 html body footer.site-footer.wr-footer::before{border-radius:22px 22px 0 0!important;height:5px!important}
 html body footer.site-footer.wr-footer > .footer-legal{margin-top:18px!important;padding-top:16px!important}
}
/* The Premium panel retains its layout, legal disclosures and payment flow.
   Remove residual slate/green/old-blue styling without changing behavior. */
html[data-view="premium"] body,
html[data-view="premium"] body main,
html[data-view="premium"] body #premiumOverlay {
 background:#FAF7F0!important;background-color:#FAF7F0!important;
}
html[data-view="premium"] body #premiumOverlay .premium-panel {
 background:#FFFDF9!important;background-color:#FFFDF9!important;
 border:1px solid #E7DED0!important;border-radius:22px!important;
 box-shadow:0 12px 38px rgba(5,8,63,.055)!important;
 color:#26344B!important;
}
html[data-view="premium"] body #premiumOverlay :is(h1,h2,h3,h4,strong),
html[data-view="premium"] body #premiumOverlay #premiumHeading {
 color:#05083F!important;-webkit-text-fill-color:#05083F!important;
}
html[data-view="premium"] body #premiumOverlay :is(p,li,label,.premium-consent,.premium-note,#premiumStatus,#premiumMessage,#premiumAvailabilityNote,#premiumPersonalizedResult){
 color:#48576B!important;-webkit-text-fill-color:#48576B!important;
}
html[data-view="premium"] body #premiumOverlay .premium-price {
 background:#F8F3EA!important;background-color:#F8F3EA!important;
 border-color:#E7DED0!important;color:#34425B!important;-webkit-text-fill-color:#34425B!important;
}
html[data-view="premium"] body #premiumOverlay .premium-price strong {
 color:#05083F!important;-webkit-text-fill-color:#05083F!important;
}
html[data-view="premium"] body #premiumOverlay :is(.premium-legal-links a,#premiumLogin a,.premium-note a,#premiumPersonalized a) {
 color:#05083F!important;-webkit-text-fill-color:#05083F!important;
 text-decoration-color:#C8A460!important;
}
html[data-view="premium"] body #premiumOverlay .premium-dialog-benefits li::before,
html[data-view="premium"] body #premiumOverlay #premiumExtraFeatures li::marker{
 color:#C8A460!important;
}
html[data-view="premium"] body #premiumOverlay :is(#premiumCheckoutBtn,#subscriptionActions button,#premiumPersonalized>button):not(:disabled) {
 background:#05083F!important;background-color:#05083F!important;border-color:#05083F!important;
 color:#FFFDF9!important;-webkit-text-fill-color:#FFFDF9!important;
}
html[data-view="premium"] body #premiumOverlay :is(#premiumCheckoutBtn,#subscriptionActions button,#premiumPersonalized>button):not(:disabled):hover {
 background:#10165C!important;background-color:#10165C!important;border-color:#10165C!important;
}
html[data-view="premium"] body #premiumOverlay :is(input[type=checkbox],input[type=radio]) {accent-color:#05083F!important}
@media(max-width:700px){
 html[data-view="premium"] body #premiumOverlay .premium-panel {border-radius:18px!important}
}

/* Header wordmark follows the same gold interaction as other navigation items. */
html body header.wr-header a.wr-brand:is(:hover,:focus-visible,:active),
html body header.wr-header a.wr-brand:is(:hover,:focus-visible,:active) span {
 color:#C8A460!important;
 -webkit-text-fill-color:#C8A460!important;
}
html body header.wr-header a.wr-brand {
 transition:color .18s ease!important;
}
html body header.wr-header a.wr-brand:focus-visible {
 outline:2px solid #C8A460!important;
 outline-offset:4px!important;
 border-radius:5px!important;
}

/* A small editorial SEO guide below search results; visually quiet and accessible. */
html body:has(.home-benefits) .home-seo-guide{box-sizing:border-box;max-width:1160px;margin:0 auto;padding:30px clamp(20px,4vw,56px) 40px;color:#475269;font:400 14px/1.75 'DM Sans',Arial,sans-serif}
html body:has(.home-benefits) .home-seo-guide h2{margin:0 0 10px;font:600 clamp(24px,3vw,31px)/1.2 'Cormorant Garamond',Georgia,serif;color:#05083F}
html body:has(.home-benefits) .home-seo-guide p{max-width:780px;margin:0 0 12px}
html body:has(.home-benefits) .home-seo-guide a{color:#05083F;text-decoration:underline;text-decoration-color:#C8A460;text-underline-offset:3px}
html body:has(.home-benefits) .home-seo-guide a:hover{color:#10165C;text-decoration-color:#05083F}

/* Shared surfaces: one restrained visual language across account, info and service. */
html body[data-page] main,html[data-view="account"] body,html[data-view="premium"] body {color:#26354A!important}
html body[data-page] main :is(.help-compose,.service-section,.service-faq,.service-action-cards>a.action) {
 border-color:#E7DED0!important;border-radius:16px!important;
 box-shadow:0 5px 19px rgba(5,8,63,.025)!important;
}
html body[data-page] main :is(h1,h2,h3),html[data-view="account"] body :is(h1,h2,h3),html[data-view="premium"] body :is(h1,h2,h3){
 color:#05083F!important;
}
html body[data-page] main a:not(.action):hover{color:#8A6B38!important}
html body :is(input,select,textarea):focus-visible{outline:2px solid #C8A460!important;outline-offset:2px!important}

/* Gentle footer: warm content above a compact navy legal strip.
   Preserve common proportions and dark-brand recognition without a giant navy block. */
html body footer.site-footer.wr-footer{
 margin-top:18px!important;padding:32px clamp(20px,5vw,90px) 16px!important;
 background:#FFFDF9!important;border-radius:26px 26px 0 0!important;
}
html body footer.site-footer.wr-footer::before{height:4px!important}
html body footer.site-footer.wr-footer>.wr-footer-columns{
 padding:0 0 13px!important;border:0!important;
}
html body footer.site-footer.wr-footer>.footer-legal{
 box-sizing:border-box!important;margin:13px auto 0!important;
 padding:15px clamp(14px,2.5vw,30px)!important;border:0!important;
 border-radius:14px!important;background:#05083F!important;
 display:flex!important;justify-content:center!important;align-items:center!important;
 gap:10px 20px!important;
}
html body footer.site-footer.wr-footer>.footer-legal>a,
html body footer.site-footer.wr-footer>.footer-legal>a:is(:link,:visited){
 color:#FFFDF9!important;-webkit-text-fill-color:#FFFDF9!important;
 font-size:12px!important;
}
html body footer.site-footer.wr-footer>.footer-legal>a:is(:hover,:focus-visible){
 color:#E1BF7D!important;-webkit-text-fill-color:#E1BF7D!important;
}
html body footer.site-footer.wr-footer .hero-photo-credit{
 margin:10px auto 0!important;text-align:center!important;
}
@media(max-width:700px){
 html body footer.site-footer.wr-footer{
  margin-top:14px!important;padding:25px 16px 14px!important;
 }
 html body footer.site-footer.wr-footer>.footer-legal{
  gap:8px 14px!important;justify-content:flex-start!important;padding:14px!important;
 }
}
/* Minimize blank page end before shared footer while keeping breathing room. */
html[data-view="account"] body #authPanel{margin-bottom:12px!important}
html[data-view="account"] body #privacyActions:not([hidden]){margin-bottom:8px!important}

/* Footer final: a generous gold line and an understated full-width indigo bottom band. */
html body footer.site-footer.wr-footer{
 margin-top:12px!important;padding:25px 0 0!important;
 background:#FFFDF9!important;border-radius:28px 28px 0 0!important;box-shadow:none!important;
}
html body footer.site-footer.wr-footer::before{
 height:6px!important;background:#C8A460!important;border-radius:28px 28px 0 0!important;
}
html body footer.site-footer.wr-footer > .wr-footer-columns{
 width:100%!important;max-width:1370px!important;box-sizing:border-box!important;
 padding:22px clamp(20px,5vw,70px) 24px!important;margin:0 auto!important;border:0!important;
}
html body footer.site-footer.wr-footer > .footer-legal {
 margin:0!important;max-width:none!important;width:100%!important;
 padding:18px clamp(20px,5vw,70px)!important;background:#05083F!important;
 border:0!important;border-radius:0!important;box-sizing:border-box!important;
 display:flex!important;justify-content:center!important;align-items:center!important;
 flex-wrap:wrap!important;gap:10px 22px!important;min-height:65px!important;
}
html body footer.site-footer.wr-footer > .footer-legal > a,
html body footer.site-footer.wr-footer > .footer-legal > a:is(:link,:visited){
 color:#FFFDF9!important;-webkit-text-fill-color:#FFFDF9!important;
}
html body footer.site-footer.wr-footer > .footer-legal > a:is(:hover,:focus-visible){
 color:#E1BF7D!important;-webkit-text-fill-color:#E1BF7D!important;
}
@media(max-width:700px){
 html body footer.site-footer.wr-footer{margin-top:10px!important;padding-top:18px!important;border-radius:20px 20px 0 0!important}
 html body footer.site-footer.wr-footer::before{height:5px!important;border-radius:20px 20px 0 0!important}
 html body footer.site-footer.wr-footer > .wr-footer-columns{padding:16px 20px 20px!important}
 html body footer.site-footer.wr-footer > .footer-legal{padding:16px 20px!important;justify-content:flex-start!important}
}
/* One elegant reading layout on all server-rendered information pages. */
html body[data-page] > main{
 box-sizing:border-box!important;width:calc(100% - 36px)!important;max-width:1060px!important;
 margin:0 auto!important;padding:clamp(26px,4vw,46px) clamp(8px,3vw,35px) 34px!important;
 background:transparent!important;
}
html body[data-page] > main > .breadcrumb{
 color:#66748B!important;font:500 12px/1.5 'DM Sans',Arial,sans-serif!important;
 margin:0 0 12px!important;
}
html body[data-page] > main > h1{
 color:#05083F!important;font:600 clamp(38px,5vw,56px)/1.1 'Cormorant Garamond',Georgia,serif!important;
 letter-spacing:-.025em!important;margin:0 0 22px!important;
}
html body[data-page="/beeldcredits"] > main{max-width:860px!important}
html body[data-page="/beeldcredits"] > main > p:not(.breadcrumb){
 max-width:100%!important;margin:0!important;padding:24px clamp(20px,3vw,30px)!important;
 border:1px solid #E7DED0!important;border-radius:16px!important;
 background:#FFFDF9!important;color:#384960!important;
 font:400 15px/1.75 'DM Sans',Arial,sans-serif!important;
}
html body[data-page="/beeldcredits"] > main > p a{
 color:#05083F!important;text-decoration-color:#C8A460!important;text-underline-offset:3px!important;
}

/* No unwanted navy rails alongside the housing results: use the same warm background as the page. */
html body:has(.home-benefits) main#woningzoeken{
 background:#FAF7F0!important;background-color:#FAF7F0!important;
}
html body:has(.home-benefits) .housing-results,
html body:has(.home-benefits) .results-body,
html body:has(.home-benefits) .results-list{
 background-color:#FAF7F0!important;
}
html body:has(.home-benefits){background:#FAF7F0!important}

/* Profile filters: same icon / label / value layout as the homepage, no overlaps. */
html[data-view="profile"] body .search-panel .filters {
 display:grid!important;
 grid-template-columns:minmax(175px,1.35fr) minmax(125px,1fr) minmax(155px,1.08fr) minmax(155px,1.08fr) minmax(170px,1.18fr)!important;
 align-items:stretch!important;
 gap:10px!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
 position:relative!important;
 display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:stretch!important;
 box-sizing:border-box!important;min-width:0!important;width:100%!important;
 min-height:68px!important;height:68px!important;max-height:68px!important;
 padding:8px 12px 8px 45px!important;
 margin:0!important;gap:2px!important;
 border:1px solid #E7DED0!important;border-radius:12px!important;
 background:#FFFDF9!important;box-shadow:none!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon {
 display:flex!important;position:absolute!important;left:15px!important;right:auto!important;
 top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
 width:20px!important;height:20px!important;align-items:center!important;justify-content:center!important;
 color:#05083F!important;pointer-events:none!important;z-index:1!important;
}
html[data-view="profile"] body .search-panel .filters .search-field-icon svg{
 display:block!important;width:20px!important;height:20px!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > label:not([hidden]){
 display:block!important;position:static!important;transform:none!important;
 width:100%!important;min-width:0!important;max-width:100%!important;
 height:16px!important;min-height:16px!important;max-height:16px!important;
 margin:0!important;padding:0!important;border:0!important;background:transparent!important;
 font:600 11px/16px 'DM Sans',Arial,sans-serif!important;color:#586A80!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius) > :is(input:not([hidden]),select:not([hidden]),.wr-radius-dropdown),
html[data-view="profile"] body .search-panel .filters > :is(.search-type,.search-rent) > details,
html[data-view="profile"] body .search-panel .filters > :is(.search-type,.search-rent) > details > summary,
html[data-view="profile"] body .search-panel .filters > .search-radius .wr-radius-trigger {
 box-sizing:border-box!important;position:relative!important;inset:auto!important;
 display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
 height:27px!important;min-height:27px!important;max-height:27px!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
 background:transparent!important;box-shadow:none!important;
 font:500 15px/27px 'DM Sans',Arial,sans-serif!important;color:#05083F!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
 text-align:left!important;
}
html[data-view="profile"] body .search-panel .search-rent::before,
html[data-view="profile"] body .search-panel .search-rent::after,
html[data-view="profile"] body .search-panel .price-picker::before,
html[data-view="profile"] body .search-panel .price-picker>summary::after,
html[data-view="profile"] body .search-panel .type-picker>summary::after{
 display:none!important;content:none!important;
}
html[data-view="profile"] body .search-panel .filters > button.primary-search.search-button{
 display:flex!important;align-items:center!important;justify-content:center!important;
 box-sizing:border-box!important;min-width:0!important;width:100%!important;
 min-height:68px!important;height:68px!important;max-height:68px!important;
 padding:11px 12px!important;margin:0!important;
 font:700 clamp(12px,1.15vw,15px)/1.2 'DM Sans',Arial,sans-serif!important;
 white-space:normal!important;overflow-wrap:break-word!important;text-align:center!important;
 border-radius:12px!important;
}
@media(max-width:900px){
 html[data-view="profile"] body .search-panel .filters{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-view="profile"] body .search-panel .filters > button.primary-search.search-button{grid-column:1/-1!important}
}
@media(max-width:520px){
 html[data-view="profile"] body .search-panel .filters{grid-template-columns:1fr!important;gap:8px!important}
 html[data-view="profile"] body .search-panel .filters > button.primary-search.search-button{grid-column:1!important}
}
/* Listing freshness is contextual metadata, not a full-width badge. */
html body .housing-results .card .availability-slot{
 display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
 align-items:center!important;gap:4px 9px!important;
 min-height:0!important;margin:8px 0 0!important;
}
html body .housing-results .card .availability-slot .availability{
 padding:0!important;margin:0!important;min-height:0!important;
 font-size:12px!important;line-height:1.45!important;
 background:transparent!important;border:0!important;color:#536278!important;
}
html body .housing-results .card .listing-age,
html body .housing-results .card .listing-age.is-recent{
 display:inline!important;width:auto!important;max-width:100%!important;
 margin:0!important;padding:0!important;min-height:0!important;height:auto!important;
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;
 font:500 11px/1.5 'DM Sans',Arial,sans-serif!important;
 color:#80704F!important;white-space:nowrap!important;
}
html body .housing-results .card .listing-age::before{content:"· ";color:#A6A6A0}
html body .housing-results .card .listing-placeholder small{display:none!important}

/* 3 Nov: One seamless royal-indigo area from the hero curve through the benefits.
   White filter card floats on top of indigo, without a cream horizontal interruption. */
html body:has(.home-benefits) main#woningzoeken {
 background:#05083F!important;background-color:#05083F!important;
 padding-bottom:0!important;
 margin-bottom:0!important;
 border-bottom:0!important;
}
html body:has(.home-benefits) main#woningzoeken > .hero {
 margin-bottom:0!important;
}
html body:has(.home-benefits) main#woningzoeken > .search-panel {
 position:relative!important;z-index:8!important;
 margin-bottom:0!important;
 background:#FFFDF9!important;
}
html body:has(.home-benefits) main#woningzoeken > .home-benefits,
html body:has(.home-benefits) main#woningzoeken > section.home-benefits {
 position:relative!important;
 /* Desktop benefits only; mobile override below removes the whole section. */
 display:grid!important;
 margin-top:0!important;
 margin-bottom:0!important;
 border-top:0!important;border-bottom:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 background:#05083F!important;
 color:#FFFDF9!important;
}
html body:has(.home-benefits) main#woningzoeken > .home-benefits > div {
 display:grid!important;
 grid-template-columns:48px minmax(0,1fr)!important;
 grid-template-rows:auto auto!important;
 column-gap:14px!important;
 row-gap:3px!important;
 align-items:center!important;
 text-align:left!important;
}
html body:has(.home-benefits) main#woningzoeken > .home-benefits .benefit-icon {
 position:static!important;transform:none!important;
 grid-column:1!important;grid-row:1 / span 2!important;
 display:grid!important;place-items:center!important;
 width:48px!important;height:48px!important;
 min-width:48px!important;min-height:48px!important;
 padding:0!important;margin:0!important;
 border-radius:50%!important;
 background:#173E50!important;
 color:#C8A460!important;
}
html body:has(.home-benefits) main#woningzoeken > .home-benefits .benefit-icon svg {
 display:block!important;width:24px!important;height:24px!important;
 flex:0 0 24px!important;
}
html body:has(.home-benefits) main#woningzoeken > .home-benefits > div > strong {
 grid-column:2!important;grid-row:1!important;
 margin:0!important;color:#FFFDF9!important;
}
html body:has(.home-benefits) main#woningzoeken > .home-benefits > div > span:not(.benefit-icon){
 grid-column:2!important;grid-row:2!important;
 margin:0!important;color:#E3E6F1!important;
}
html body:has(.home-benefits) .hero .hero-copy > p {
 font-family:'DM Sans',Arial,sans-serif!important;
 font-size:clamp(16px,1.3vw,19px)!important;
 font-weight:450!important;
 line-height:1.45!important;
 letter-spacing:0!important;
 text-shadow:0 1px 3px rgba(255,249,236,.45)!important;
 color:#05083F!important;-webkit-text-fill-color:#05083F!important;
 padding:0!important;
}
html body:has(.home-benefits) main#woningzoeken > .housing-results {
 background:#FAF7F0!important;
 margin:0!important;
 border-radius:0!important;
 padding-bottom:8px!important;
}
html body:has(.home-benefits) .housing-results .wr-pagination-row {
 margin-bottom:0!important;padding-bottom:6px!important;
}
html body:has(.home-benefits) footer.site-footer.wr-footer {
 margin-top:0!important;
}
@media(max-width:700px){
 html body:has(.home-benefits) main#woningzoeken > .home-benefits{
  padding-top:20px!important;padding-bottom:22px!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .home-benefits .benefit-icon{
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
 }
 html body:has(.home-benefits) main#woningzoeken > .home-benefits > div{
  grid-template-columns:42px minmax(0,1fr)!important;column-gap:12px!important;
 }
}

/* Uniform editorial image text anchors. The property type and town share
   identical baselines even when the property type varies in length. */
html body .housing-results .card .image-wrap--placeholder,
html body .housing-results .card .image-wrap--placeholder .listing-placeholder{
 box-sizing:border-box!important;
}
html body .housing-results .card .listing-placeholder{
 position:relative!important;
 display:grid!important;
 grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:minmax(0,1fr) minmax(0,76px) 21px!important;
 align-content:stretch!important;
 justify-items:start!important;
 gap:0!important;
 height:100%!important;
 min-height:185px!important;
 padding:17px 20px 17px!important;
}
html body .housing-results .card .listing-placeholder-mark{
 grid-row:1!important;
 align-self:start!important;
 justify-self:start!important;
 position:static!important;
 margin:0!important;
 line-height:1!important;
}
html body .housing-results .card .listing-placeholder-type{
 grid-row:2!important;
 align-self:end!important;
 justify-self:stretch!important;
 display:-webkit-box!important;
 -webkit-box-orient:vertical!important;
 -webkit-line-clamp:3!important;
 max-height:76px!important;
 max-width:100%!important;
 min-width:0!important;
 margin:0!important;
 overflow:hidden!important;
 overflow-wrap:anywhere!important;
 font:600 clamp(22px,1.7vw,26px)/1.05 'Cormorant Garamond',Georgia,serif!important;
 color:#05083F!important;
}
html body .housing-results .card .listing-placeholder-city{
 grid-row:3!important;
 align-self:end!important;
 max-width:100%!important;
 margin:0!important;
 overflow:hidden!important;
 white-space:nowrap!important;
 text-overflow:ellipsis!important;
 font:600 12px/19px 'DM Sans',Arial,sans-serif!important;
 color:#173B59!important;
}
/* Freshness belongs beside the rent, not on a separate row below availability. */
html body .housing-results .card .listing-price-row{
 display:flex!important;align-items:baseline!important;
 justify-content:space-between!important;gap:8px!important;
 min-width:0!important;width:100%!important;
 margin:0 0 2px!important;
}
html body .housing-results .card .listing-price-row>.price{
 min-width:0!important;flex:1 1 auto!important;
 margin:0!important;
 white-space:nowrap!important;
}
html body .housing-results .card .listing-price-row>.listing-age,
html body .housing-results .card .listing-price-row>.listing-age.is-recent{
 display:block!important;flex:0 0 auto!important;
 align-self:center!important;
 padding:0!important;margin:0!important;
 font:500 10px/1.3 'DM Sans',Arial,sans-serif!important;
 color:#83724E!important;
 background:transparent!important;border:0!important;
 text-align:right!important;white-space:nowrap!important;
}
html body .housing-results .card .listing-price-row>.listing-age::before{
 content:none!important;display:none!important;
}
html body .housing-results .card .availability-slot:empty{
 display:none!important;margin:0!important;padding:0!important;
}
@media(max-width:600px){
 html body .housing-results .card .listing-placeholder{
  min-height:165px!important;
  grid-template-rows:minmax(0,1fr) minmax(0,68px) 20px!important;
  padding:15px 17px!important;
 }
 html body .housing-results .card .listing-placeholder-type{
  max-height:68px!important;font-size:22px!important;line-height:1.03!important;
 }
 html body .housing-results .card .listing-price-row>.listing-age{
  font-size:12px!important;
 }
}

/* Footer 2026-11-03: compact warm upper surface with an indigo wave
   rising at the sides and a distinctly visible champagne-gold edge. */
html body footer.site-footer.wr-footer{
 position:relative!important;
 isolation:isolate!important;
 margin-top:8px!important;
 padding:12px 0 0!important;
 background:#FFFDF9!important;
 background-color:#FFFDF9!important;
 border:0!important;
 border-radius:24px 24px 0 0!important;
 box-shadow:none!important;
 overflow:hidden!important;
}
html body footer.site-footer.wr-footer::before{
 content:none!important;display:none!important;
}
html body footer.site-footer.wr-footer>.wr-footer-columns{
 width:100%!important;
 max-width:1370px!important;
 box-sizing:border-box!important;
 margin:0 auto!important;
 padding:19px clamp(22px,5vw,70px) 18px!important;
 gap:clamp(20px,4vw,52px)!important;
 border:0!important;
}
html body footer.site-footer.wr-footer>.footer-legal{
 position:relative!important;
 isolation:isolate!important;
 box-sizing:border-box!important;
 display:flex!important;
 flex-flow:row wrap!important;
 align-items:center!important;
 justify-content:center!important;
 gap:9px 22px!important;
 min-height:66px!important;
 margin:26px 0 0!important;
 padding:15px clamp(20px,5vw,70px) 17px!important;
 width:100%!important;
 max-width:none!important;
 border:0!important;
 border-radius:0!important;
 background:#05083F!important;
 box-shadow:none!important;
}
html body footer.site-footer.wr-footer>.footer-legal::before{
 content:""!important;
 display:block!important;
 position:absolute!important;
 left:0!important;right:0!important;
 top:-35px!important;height:36px!important;
 width:100%!important;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 36' preserveAspectRatio='none'%3E%3Cpath d='M0 3 C215 18 280 32 500 32 S785 18 1000 3 L1000 36 L0 36 Z' fill='%2305083F' stroke='%23C8A460' stroke-width='5' stroke-linejoin='round'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat!important;
 pointer-events:none!important;
 z-index:0!important;
}
html body footer.site-footer.wr-footer>.footer-legal>a{
 position:relative!important;z-index:1!important;
}
html body footer.site-footer.wr-footer>.footer-legal>a:is(:link,:visited){
 color:#FFFDF9!important;
 -webkit-text-fill-color:#FFFDF9!important;
}
html body footer.site-footer.wr-footer>.footer-legal>a:is(:hover,:focus-visible){
 color:#E1BF7D!important;
 -webkit-text-fill-color:#E1BF7D!important;
}
html body:has(.home-benefits) .housing-results .wr-pagination-row{
 margin-bottom:0!important;
 padding-bottom:0!important;
}
html body:has(.home-benefits) main#woningzoeken>.housing-results{
 padding-bottom:0!important;
 margin-bottom:0!important;
}
@media(max-width:700px){
 html body footer.site-footer.wr-footer{
  margin-top:6px!important;padding-top:6px!important;
  border-radius:18px 18px 0 0!important;
 }
 html body footer.site-footer.wr-footer>.wr-footer-columns{
  padding:18px 20px 20px!important;
  gap:17px!important;
 }
 html body footer.site-footer.wr-footer>.footer-legal{
  margin-top:24px!important;min-height:58px!important;
  padding:13px 18px 17px!important;
  gap:9px 15px!important;
  justify-content:center!important;
 }
 html body footer.site-footer.wr-footer>.footer-legal::before{
  top:-28px!important;height:29px!important;
 }
}

/* A gentle, symmetrical indigo wave with higher sides, echoing the footer. */
html body:has(.home-benefits) .hero > svg.wr-hero-wave{
 display:block!important;
 position:absolute!important;
 left:0!important;right:0!important;bottom:-1px!important;
 width:100%!important;
 height:clamp(70px,8vw,105px)!important;
 z-index:2!important;
 pointer-events:none!important;
 overflow:visible!important;
}
html body:has(.home-benefits) .hero > svg.wr-hero-wave path{
 fill:#05083F!important;
}
@media(max-width:700px){
 html body:has(.home-benefits) .hero > svg.wr-hero-wave{
  height:58px!important;
 }
}
/* Benefit headings stand out without increasing the paragraph weight. */
html body:has(.home-benefits) section.home-benefits > div > strong,
html body:has(.home-benefits) section.home-benefits > div > strong > span{
 font-family:'DM Sans',Arial,sans-serif!important;
 font-weight:750!important;
 letter-spacing:-.012em!important;
 color:#FFFDF9!important;
 -webkit-text-fill-color:#FFFDF9!important;
}

/* Saved search / profile: no contrasting indigo page rails or overlapping icons. */
html[data-view="profile"] body,
html[data-view="profile"] body main#woningzoeken,
html[data-view="profile"] body .housing-results {
 background:#FAF7F0!important;background-color:#FAF7F0!important;
}
html[data-view="profile"] body main#woningzoeken{
 border:0!important;box-shadow:none!important;
}
html[data-view="profile"] body .search-panel {
 background:#FFFDF9!important;border:1px solid #E7DED0!important;
 border-radius:18px!important;box-shadow:0 8px 28px rgba(5,8,63,.045)!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) {
 box-sizing:border-box!important;position:relative!important;
 padding-left:50px!important;padding-right:12px!important;
 background:#FFFDF9!important;border:1px solid #E7DED0!important;
 overflow:visible!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon {
 position:absolute!important;left:15px!important;top:50%!important;
 transform:translateY(-50%)!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:20px!important;height:20px!important;z-index:1!important;
 margin:0!important;pointer-events:none!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > label {
 position:static!important;transform:none!important;
 margin:0!important;padding:0!important;width:100%!important;
 line-height:17px!important;white-space:nowrap!important;overflow:hidden!important;
 text-overflow:ellipsis!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) :is(input:not([hidden]),select:not([hidden]),.wr-radius-trigger,.type-picker>summary,.price-picker>summary){
 max-width:100%!important;min-width:0!important;
 overflow:hidden!important;text-overflow:ellipsis!important;
}
@media(max-width:600px){
 html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
  padding-left:49px!important;
 }
}

/* Ensure the real hero curve paints over the photograph, not a second rectangular pseudo-layer. */
html body:has(.home-benefits) main#woningzoeken > .hero {
 position:relative!important;
}
html body:has(.home-benefits) main#woningzoeken > .hero > svg.wr-hero-wave{
 display:block!important;
 background:none!important;
 background-color:transparent!important;
 overflow:visible!important;
 pointer-events:none!important;
}
html body:has(.home-benefits) main#woningzoeken > .hero::after{
 content:none!important;
 display:none!important;
}

/* 2026-11-03 final visual reconciliation.
   Gold belongs ABOVE footer content, not along the bottom navy strip. */
html body footer.site-footer.wr-footer {
 position:relative!important;
 isolation:isolate!important;
 margin-top:8px!important;
 padding-top:13px!important;
 border-top:0!important;
 border-radius:24px 24px 0 0!important;
 background:#FFFDF9!important;
 background-color:#FFFDF9!important;
 box-shadow:none!important;
 overflow:hidden!important;
}
html body footer.site-footer.wr-footer::before,
html body:has(.home-benefits) footer.site-footer.wr-footer::before {
 content:""!important;
 display:block!important;
 position:absolute!important;
 top:0!important;
 left:0!important;
 right:0!important;
 bottom:auto!important;
 width:100%!important;
 max-width:none!important;
 height:2px!important;
 margin:0!important;
 opacity:1!important;
 background:#C8A460!important;
 border:0!important;
 border-radius:24px 24px 0 0!important;
 box-shadow:none!important;
 pointer-events:none!important;
 z-index:1!important;
}
html body footer.site-footer.wr-footer>.wr-footer-columns {
 padding-top:19px!important;
 padding-bottom:17px!important;
}
html body footer.site-footer.wr-footer>.footer-legal {
 margin-top:19px!important;
 padding-top:13px!important;
 padding-bottom:15px!important;
 background:#05083F!important;
 border:0!important;
 border-radius:0!important;
}
html body footer.site-footer.wr-footer>.footer-legal::before {
 /* Keep the indigo upward curve, remove its unwanted gold stroke. */
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 36' preserveAspectRatio='none'%3E%3Cpath d='M0 3 C215 18 280 32 500 32 S785 18 1000 3 L1000 36 L0 36 Z' fill='%2305083F'/%3E%3C/svg%3E") center bottom/100% 100% no-repeat!important;
 border:0!important;
 box-shadow:none!important;
}
@media(max-width:700px) {
 html body footer.site-footer.wr-footer {border-radius:19px 19px 0 0!important;padding-top:9px!important}
 html body footer.site-footer.wr-footer::before,
 html body:has(.home-benefits) footer.site-footer.wr-footer::before {
  height:2px!important;border-radius:19px 19px 0 0!important;
 }
 html body footer.site-footer.wr-footer>.wr-footer-columns {
  padding-top:16px!important;padding-bottom:16px!important;
 }
 html body footer.site-footer.wr-footer>.footer-legal {
  margin-top:18px!important;padding-top:13px!important;padding-bottom:15px!important;
 }
}
/* The four homepage benefits describe search and should not be repeated above Premium. */
html[data-view="premium"] body .home-benefits,
html[data-view="account"] body .home-benefits,
html[data-view="profile"] body .home-benefits {
 display:none!important;
}
/* Firm layout on the profile's main filters; prevents icon/label/summary collisions. */
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) {
 display:flex!important;
 flex-direction:column!important;
 justify-content:center!important;
 align-items:stretch!important;
 gap:1px!important;
 padding:8px 13px 8px 48px!important;
 min-height:68px!important;
 min-width:0!important;
 overflow:visible!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon {
 position:absolute!important;
 left:15px!important;
 top:50%!important;
 right:auto!important;
 bottom:auto!important;
 transform:translateY(-50%)!important;
 margin:0!important;
 width:20px!important;
 height:20px!important;
 pointer-events:none!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > label {
 display:block!important;
 position:static!important;
 width:100%!important;
 height:auto!important;
 min-height:16px!important;
 margin:0!important;
 padding:0!important;
 font:600 11px/16px 'DM Sans',Arial,sans-serif!important;
 color:#586A80!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius) > :is(input:not([hidden]),select:not([hidden])),
html[data-view="profile"] body .search-panel .filters > :is(.search-type,.search-rent) > details > summary {
 position:static!important;
 transform:none!important;
 margin:0!important;
 padding:0!important;
 width:100%!important;
 min-width:0!important;
 height:27px!important;
 min-height:27px!important;
 border:0!important;
 background:transparent!important;
 font:500 15px/27px 'DM Sans',Arial,sans-serif!important;
 color:#05083F!important;
 text-overflow:ellipsis!important;
 overflow:hidden!important;
 white-space:nowrap!important;
}

/* Search profile: icons sit in their own left column, never over the labels. */
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
  box-sizing:border-box!important;position:relative!important;
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:stretch!important;
  padding:9px 13px 9px 48px!important;gap:2px!important;overflow:visible!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon{
  box-sizing:border-box!important;position:absolute!important;
  left:14px!important;right:auto!important;top:50%!important;bottom:auto!important;
  transform:translateY(-50%)!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
  z-index:1!important;pointer-events:none!important;color:#05083F!important;
  font:600 19px/20px 'DM Sans',Arial,sans-serif!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon svg{
  width:20px!important;height:20px!important;display:block!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > label:not([hidden]){
  position:static!important;inset:auto!important;transform:none!important;
  margin:0!important;padding:0!important;width:100%!important;
  height:16px!important;line-height:16px!important;
}
html[data-view="profile"] body .search-panel .filters > :is(.search-location,.search-radius) > :is(input:not([hidden]),select:not([hidden])),
html[data-view="profile"] body .search-panel .filters > :is(.search-type,.search-rent) > details > summary{
  position:static!important;inset:auto!important;transform:none!important;
  margin:0!important;padding:0!important;max-width:100%!important;
}

/* Mobile source-of-truth: remove the four marketing benefits entirely.
   More specific than legacy display:grid!important rules, including the inline homepage styles. */
@media (max-width:699px) {
 html body:has(.home-benefits) main#woningzoeken > section.home-benefits.home-benefits {
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
 }
}