/* One WoonRadar design language for all search fields and portal menus.
   Keep native checkbox/select inputs as the search state. */
:root{--wr-filter-surface:#FFFDFA;--wr-filter-border:#E3D9C9;--wr-filter-navy:#05083F;--wr-filter-gold:#C8A460;}
html body .search-panel .filters{align-items:stretch!important;column-gap:clamp(8px,.9vw,15px)!important;}
html body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
 height:88px!important;min-height:88px!important;max-height:88px!important;
 box-sizing:border-box!important;min-width:0!important;
 border:1px solid var(--wr-filter-border)!important;
 background:var(--wr-filter-surface)!important;
 border-radius:15px!important;
 overflow:visible!important;
 transition:border-color .15s ease,box-shadow .15s ease!important;
}
html body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent):is(:hover,:focus-within){
 border-color:var(--wr-filter-gold)!important;
 box-shadow:0 0 0 1px rgba(200,164,96,.10)!important;
}
html body .search-panel .filters > button.primary-search.search-button{
 align-self:stretch!important;
 height:88px!important;min-height:88px!important;max-height:88px!important;
 margin:0!important;padding:12px 16px!important;
 border-radius:15px!important;
 background:#05083F!important;border:1px solid #05083F!important;
 color:#FFFDF9!important;box-shadow:none!important;
 font:700 clamp(15px,1.35vw,20px)/1.25 'DM Sans',Arial,sans-serif!important;
}
html body .search-panel .filters > button.primary-search.search-button:hover{
 background:#10165C!important;border-color:#10165C!important;
}
html body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > label{
 font:600 13px/1.25 'DM Sans',Arial,sans-serif!important;color:#60738A!important;
}
html body .search-panel .filters > :is(.search-type,.search-rent) details>summary,
html body .search-panel .filters > :is(.search-location,.search-radius) :is(input,select,.wr-radius-trigger){
 color:#05083F!important;font-family:'DM Sans',Arial,sans-serif!important;
 font-size:16px!important;line-height:1.45!important;font-weight:500!important;
 overflow:hidden!important;text-overflow:ellipsis!important;
}
html body > .type-popover.wr-type-portal,
html body > .price-popover.wr-rent-portal {
 box-sizing:border-box!important;inset:auto!important;
 padding:9px!important;background:#FFFDFA!important;
 border:1px solid #E3D9C9!important;border-radius:15px!important;
 box-shadow:0 16px 35px rgba(5,8,63,.14)!important;
 overflow-x:hidden!important;overflow-y:auto!important;
 min-width:0!important;z-index:2147483000!important;
}
html body > .type-popover.wr-type-portal {display:flex!important;flex-direction:column!important;gap:2px!important;}
html body > .type-popover.wr-type-portal>label{
 display:flex!important;align-items:center!important;gap:12px!important;
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;
 min-height:48px!important;padding:10px 11px!important;
 overflow:visible!important;white-space:normal!important;
 overflow-wrap:break-word!important;word-break:normal!important;
 border-radius:9px!important;color:#05083F!important;
 font:500 15px/1.45 'DM Sans',Arial,sans-serif!important;
 cursor:pointer!important;
}
html body > .type-popover.wr-type-portal>label:hover{background:#F6F1E8!important;}
html body > .type-popover.wr-type-portal>label>input[type=checkbox]{
 width:19px!important;min-width:19px!important;height:19px!important;
 min-height:19px!important;flex:0 0 19px!important;
 accent-color:#05083F!important;
}
html body > .price-popover.wr-rent-portal{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 gap:9px!important;padding:14px!important;
}
html body > .price-popover.wr-rent-portal>div:not([hidden]){
 min-width:0!important;display:flex!important;flex-direction:column!important;
 gap:5px!important;grid-column:1!important;
}
html body > .price-popover.wr-rent-portal>div>label{
 color:#536780!important;font:600 12px/1.4 'DM Sans',Arial,sans-serif!important;
}
html body > .price-popover.wr-rent-portal :is(select,input:not([hidden])){
 box-sizing:border-box!important;max-width:100%!important;
 width:100%!important;min-height:42px!important;padding:8px 12px!important;
 color:#05083F!important;background:#FFFFFF!important;
 border:1px solid #E3D9C9!important;border-radius:10px!important;
}
html body > .price-popover.wr-rent-portal>button{
 box-sizing:border-box!important;width:100%!important;grid-column:1!important;
 min-height:43px!important;color:#FFFDF9!important;background:#05083F!important;
 border-radius:10px!important;margin-top:4px!important;
}
html body .card .listing-age{
 display:inline-flex;align-items:center;gap:5px;max-width:100%;
 color:#53627A!important;background:#F6F1E8!important;
 border:1px solid #EBE1D2!important;border-radius:999px!important;
 padding:4px 9px!important;margin-top:7px!important;
 font:600 11px/1.3 'DM Sans',Arial,sans-serif!important;
}
html body .card .listing-age.is-recent{
 color:#05083F!important;border-color:rgba(200,164,96,.55)!important;
}
@media(max-width:800px){
 html body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
  height:76px!important;min-height:76px!important;max-height:76px!important;
 }
 html body .search-panel .filters > button.primary-search.search-button{
  height:76px!important;min-height:76px!important;max-height:76px!important;
  margin:0!important;
 }
}
@media(max-width:480px){
 html body .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
  height:72px!important;min-height:72px!important;max-height:72px!important;
 }
 html body .search-panel .filters > button.primary-search.search-button{
  height:72px!important;min-height:72px!important;max-height:72px!important;
 }
}

/* The save result must be visible immediately under the search controls. */
html body .search-panel .wr-search-save-status:not([hidden]),
html body .profile-heading #profileMessage:not(:empty){
 display:block!important;box-sizing:border-box!important;
 width:100%!important;margin:10px 0 2px!important;
 padding:11px 14px!important;border-radius:10px!important;
 background:#F5F1E9!important;border:1px solid #DFD1B8!important;
 color:#05083F!important;
 font:600 13px/1.5 'DM Sans',Arial,sans-serif!important;
}

/* Final equal-height contract. More specific than legacy rules in filter-layout-final.css. */
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent),
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .filters > button.primary-search.search-button{
 height:88px!important;min-height:88px!important;max-height:88px!important;
 align-self:stretch!important;margin-top:0!important;margin-bottom:0!important;
 box-sizing:border-box!important;border-radius:15px!important;
}
@media(min-width:701px) and (max-width:1050px){
 html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent),
 html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .filters > button.primary-search.search-button{
 height:76px!important;min-height:76px!important;max-height:76px!important;
 }
}
@media(max-width:700px){
 html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent),
 html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .filters > button.primary-search.search-button{
 height:72px!important;min-height:72px!important;max-height:72px!important;
 }
}

/* Final dropdown geometry: portal widths are locked to their parent filter cards. */
html body > .type-popover.wr-type-portal{
 box-sizing:border-box!important;
 width:var(--wr-type-width)!important;
 min-width:var(--wr-type-width)!important;
 max-width:var(--wr-type-width)!important;
 margin:0!important;
}
html body > .price-popover.wr-rent-portal{
 box-sizing:border-box!important;
 width:var(--wr-rent-width)!important;
 min-width:var(--wr-rent-width)!important;
 max-width:var(--wr-rent-width)!important;
 margin:0!important;
}
html body .search-panel .wr-surface-picker{
 cursor:pointer!important;
}
html body .search-panel .wr-surface-picker>.wr-surface-toggle{
 display:none!important;
}
html body .search-panel .wr-surface-picker>input#minSurface{
 padding-right:12px!important;
 cursor:pointer!important;
}
html body .search-panel .wr-surface-picker:focus-within{
 border-color:#C8A460!important;
}

/* The legacy Huurprijs popup was styled as a centered dialog.
   Both portals are anchored to their actual filter cards instead. */
html body > .type-popover.wr-type-portal,
html body > .price-popover.wr-rent-portal {
 transform:none!important;
 translate:none!important;
 inset:auto!important;
 margin:0!important;
}
html body > .type-popover.wr-type-portal {
 width:var(--wr-type-width)!important;
 min-width:var(--wr-type-width)!important;
 max-width:var(--wr-type-width)!important;
}
html body > .price-popover.wr-rent-portal {
 width:var(--wr-rent-width)!important;
 min-width:var(--wr-rent-width)!important;
 max-width:var(--wr-rent-width)!important;
}