/* Minimal-surface dropdown replaces the OS datalist and always opens downward. */
html body .search-panel .wr-surface-picker{position:relative!important;overflow:visible!important}
html body .search-panel .wr-surface-picker #minSurface{padding-right:28px!important;appearance:textfield!important}
html body .search-panel .wr-surface-picker #minSurface::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
html body .search-panel .wr-surface-picker>.wr-surface-toggle{
 position:absolute!important;bottom:9px!important;right:11px!important;z-index:3!important;
 display:grid!important;place-items:center!important;width:30px!important;height:30px!important;
 min-height:30px!important;max-height:30px!important;padding:0!important;
 border:0!important;border-radius:7px!important;background:transparent!important;
 color:#05083F!important;cursor:pointer!important;font:600 18px/1 'DM Sans',sans-serif!important
}
html body .search-panel .wr-surface-picker>.wr-surface-toggle:hover{background:#f3eee6!important}
html body .search-panel .wr-surface-picker>.wr-surface-toggle:focus-visible{outline:2px solid #c5a267!important}
html body .search-panel .wr-surface-panel[hidden]{display:none!important}
html body .search-panel .wr-surface-panel{
 position:fixed!important;inset:auto!important;z-index:1200!important;
 display:flex!important;flex-direction:column!important;gap:2px!important;
 box-sizing:border-box!important;overflow-y:auto!important;overflow-x:hidden!important;
 padding:8px!important;margin:0!important;
 background:#fffdfa!important;color:#05083F!important;
 border:1px solid #e3d9c9!important;border-radius:14px!important;
 box-shadow:0 16px 38px rgba(5,8,63,.14)!important
}
html body .search-panel .wr-surface-panel>.wr-surface-choice{
 display:block!important;flex:0 0 auto!important;box-sizing:border-box!important;
 width:100%!important;min-height:43px!important;margin:0!important;padding:10px 13px!important;
 background:transparent!important;color:#05083F!important;border:0!important;
 border-radius:8px!important;font:500 15px/1.4 'DM Sans',Arial,sans-serif!important;
 text-align:left!important;cursor:pointer!important
}
html body .search-panel .wr-surface-panel>.wr-surface-choice:hover,
html body .search-panel .wr-surface-panel>.wr-surface-choice:focus-visible,
html body .search-panel .wr-surface-panel>.wr-surface-choice[aria-selected=true]{
 background:#f3eee6!important
}
/* Same subtle golden field border for all extra filters as on main filters. */
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .wr-final-extra > :is(.search-outdoor,.advanced-field,.extra-filters,.wr-independent-toggle):hover,
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .wr-final-extra > :is(.search-outdoor,.advanced-field,.extra-filters,.wr-independent-toggle):focus-within,
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .wr-final-extra .extra-filters > .wr-independent-toggle:hover{
 border-color:#caa45d!important;
 box-shadow:0 0 0 1px rgba(202,164,93,.12)!important;
 transition:border-color .18s ease,box-shadow .18s ease!important
}
/* Canonical warm ivory: one permanent color across all search field cards.
   Do not recolor the indigo search button or dropdown options. */
:root{--wr-search-card-bg:#fffdfa}
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 .wr-final-extra > :is(.search-outdoor,.advanced-field,.extra-filters,.wr-independent-toggle),
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .wr-final-extra .extra-filters > .wr-independent-toggle{
 background:var(--wr-search-card-bg)!important;
 background-color:var(--wr-search-card-bg)!important;
 background-image:none!important;
}
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent) > :is(input,select,details,.wr-radius-dropdown),
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .wr-final-extra > :is(.search-outdoor,.advanced-field,.extra-filters) > :is(input,select,details,.wr-field-menu),
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .wr-final-extra .outdoor-choice,
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .wr-final-extra .outdoor-choice > select{
 background-color:transparent!important;
}
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .filters > :is(.search-location,.search-radius,.search-type,.search-rent):hover,
html:not([data-view]) body:has(.home-benefits) .search-panel.search-panel .wr-final-extra > :is(.search-outdoor,.advanced-field,.extra-filters,.wr-independent-toggle):hover{
 background-color:var(--wr-search-card-bg)!important;
}