/* WoonRadar: legible search affordances and circular benefit icons, with no extra clutter. */
html body:has(.home-benefits) .home-benefits .benefit-icon{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:52px!important;height:52px!important;min-width:52px!important;
 padding:12px!important;box-sizing:border-box!important;
 border-radius:50%!important;background:#12394b!important;
 color:#e2ac52!important;border:1px solid rgba(226,172,82,.10)!important;
 box-shadow:none!important;
}
html body:has(.home-benefits) .home-benefits .benefit-icon svg{
 width:26px!important;height:26px!important;display:block!important;
 stroke:currentColor!important;
}
/* Icons are visible on desktop too, not just the small-screen layout. */
html body:has(.home-benefits) .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
 position:relative!important;padding-left:46px!important;
}
html body:has(.home-benefits) .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > .search-field-icon{
 display:flex!important;align-items:center!important;justify-content:center!important;
 position:absolute!important;left:14px!important;top:50%!important;
 transform:translateY(-50%)!important;width:20px!important;height:22px!important;
 color:#194968!important;pointer-events:none!important;
 font:600 20px/1 'DM Sans',Arial,sans-serif!important;
}
html body:has(.home-benefits) .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;
 stroke:currentColor!important;
}
html body:has(.home-benefits) .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent){
 border:1px solid #d7c9b4!important;cursor:text!important;
 transition:border-color .16s ease,box-shadow .16s ease!important;
}
html body:has(.home-benefits) .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent):hover{
 border-color:#bd9e6a!important;
}
html body:has(.home-benefits) .search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent):focus-within{
 border-color:#c8a460!important;box-shadow:0 0 0 2px rgba(200,164,96,.14)!important;
}
html body:has(.home-benefits) .search-panel .filters .search-type summary,
html body:has(.home-benefits) .search-panel .filters .search-rent summary,
html body:has(.home-benefits) .search-panel .filters .wr-radius-trigger{
 cursor:pointer!important;
}
@media(max-width:699px){
 html body:has(.home-benefits) .home-benefits .benefit-icon{
  width:44px!important;height:44px!important;min-width:44px!important;padding:10px!important;
 }
 html body:has(.home-benefits) .home-benefits .benefit-icon svg{width:23px!important;height:23px!important}
}