/* Brief pass (search-adaptive, FILTERS stream): mode chips, applied-filter chips and the More filters
   dialog. Loaded last on public pages. Colours come from the --ws-* tokens, so light and dark follow. */

/* ---------- Bar: the toolbar row plus the applied-filter chips (the bottom rule moves to the wrapper) ---------- */
html[data-aw-theme] body .aw-sr .aw-sr-bar{position:relative;z-index:20;background:var(--ws-surface);border-bottom:1px solid var(--ws-line)}
html[data-aw-theme] body .aw-sr .aw-sr-bar>.aw-sr-toolbar{border-bottom:0}
html[data-aw-theme] body .aw-sr .aw-sr-applied{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:-3px 0 0;padding:0 29px 13px 27px}
html[data-aw-theme] body .aw-sr .aw-sr-applied ul{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
html[data-aw-theme] body .aw-sr .aw-sr-applied li{margin:0;padding:0}
html[data-aw-theme] body .aw-sr .aw-sr-applied li button{display:inline-flex!important;align-items:center;gap:7px;max-width:280px;height:32px!important;min-height:0!important;margin:0!important;padding:0 10px 0 13px!important;border:1px solid color-mix(in srgb,var(--ws-blue) 28%,var(--ws-line))!important;border-radius:16px!important;background:var(--ws-tint)!important;color:var(--ws-ink)!important;box-shadow:none!important;font:500 14px/1 var(--ws-font)!important;white-space:nowrap;cursor:pointer}
html[data-aw-theme] body .aw-sr .aw-sr-applied li button>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
html[data-aw-theme] body .aw-sr .aw-sr-applied li button>svg{flex:none;color:var(--ws-muted)}
html[data-aw-theme] body .aw-sr .aw-sr-applied li button:hover{border-color:var(--ws-blue)!important}
html[data-aw-theme] body .aw-sr .aw-sr-applied li button:hover>svg{color:var(--ws-ink)}
html[data-aw-theme] body .aw-sr .aw-sr-applied-clear{font-size:14px!important}

/* ---------- Toolbar chips that follow the mode ---------- */
/* Desktop and tablet widths only: on phones every popover spans the screen (search-reference.css). */
@media (min-width:768px){
 html[data-aw-theme] body .aw-sr .aw-sr-size .aw-sr-pop{width:340px}
 html[data-aw-theme] body .aw-sr .aw-sr-price .aw-sr-pop{width:360px}
 html[data-aw-theme] body .aw-sr .aw-sr-type .aw-sr-pop{width:420px;max-height:min(76vh,720px);overflow:auto;overscroll-behavior:contain}
}
html[data-aw-theme] body .aw-sr .aw-sr-pick-basis{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-aw-theme] body .aw-sr .aw-sr-pop-choices{display:flex;flex-wrap:wrap;gap:8px}
html[data-aw-theme] body .aw-sr .aw-sr-subtypes{margin:0;padding:14px 16px 16px;border-top:1px solid var(--ws-line)}
html[data-aw-theme] body .aw-sr .aw-sr-subtypes .aw-sr-features{margin-bottom:10px}
html[data-aw-theme] body .aw-sr .aw-sr-more .aw-sr-chip{gap:8px}
html[data-aw-theme] body .aw-sr .aw-sr-more .aw-sr-sliders{flex:none;color:var(--ws-ink)}
html[data-aw-theme] body .aw-sr .aw-sr-more .aw-sr-chip[aria-expanded=true]{border-color:var(--ws-blue)!important;box-shadow:inset 0 0 0 1px var(--ws-blue)!important}

/* ---------- More filters dialog ---------- */
html[data-aw-theme] body .aw-sr .aw-sr-mf{width:min(960px,calc(100vw - 48px));max-width:none;height:fit-content;max-height:min(880px,calc(100dvh - 48px));margin:auto;padding:0;border:1px solid var(--ws-line);border-radius:12px;background:var(--ws-surface);color:var(--ws-ink);box-shadow:0 28px 70px rgba(16,24,40,.3),0 2px 8px rgba(16,24,40,.1);overflow:hidden}
html[data-aw-theme] body .aw-sr .aw-sr-mf::backdrop{background:rgba(13,20,32,.5)}
html[data-aw-theme] body .aw-sr .aw-sr-mf-form{display:flex;flex-direction:column;max-height:min(880px,calc(100dvh - 48px));margin:0}
html[data-aw-theme] body .aw-sr .aw-sr-mf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 16px 28px;border-bottom:1px solid var(--ws-line)}
html[data-aw-theme] body .aw-sr .aw-sr-mf-head h2{margin:0;color:var(--ws-ink);font:600 22px/1.25 var(--ws-font);outline:0}
html[data-aw-theme] body .aw-sr .aw-sr-mf-head p{margin:4px 0 0;color:var(--ws-muted);font:500 14px/1.3 var(--ws-font)}
html[data-aw-theme] body .aw-sr .aw-sr-mf-close{display:grid!important;place-items:center;flex:none;width:40px!important;height:40px!important;min-height:0!important;margin:-4px 0 0!important;padding:0!important;border:1px solid var(--ws-line)!important;border-radius:50%!important;background:var(--ws-surface)!important;color:var(--ws-ink)!important;box-shadow:none!important;cursor:pointer}
html[data-aw-theme] body .aw-sr .aw-sr-mf-close:hover{background:var(--ws-soft)!important}
html[data-aw-theme] body .aw-sr .aw-sr-mf-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px 28px 6px;columns:3 250px;column-gap:40px}
html[data-aw-theme] body .aw-sr .aw-sr-mf-sec{display:block;min-width:0;margin:0 0 26px;padding:0;border:0;break-inside:avoid}
html[data-aw-theme] body .aw-sr .aw-sr-mf-sec>legend{float:left;width:100%;margin:0 0 10px;padding:0;color:var(--ws-ink);font:600 15px/1.3 var(--ws-font)}
html[data-aw-theme] body .aw-sr .aw-sr-mf-sec>legend+*{clear:both}
html[data-aw-theme] body .aw-sr .aw-sr-mf-sec>:not(legend)+*{margin-top:10px}
html[data-aw-theme] body .aw-sr .aw-sr-mf-sec[data-wide]{column-span:all;padding-top:20px;border-top:1px solid var(--ws-line)}
html[data-aw-theme] body .aw-sr .aw-sr-mf-sec[data-wide] .aw-sr-features{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-aw-theme] body .aw-sr .aw-sr-mf-sec .aw-sr-features{gap:10px 16px}
html[data-aw-theme] body .aw-sr .aw-sr-mf-sec .aw-sr-check{align-items:flex-start;line-height:1.3}
html[data-aw-theme] body .aw-sr .aw-sr-mf-sec>.aw-sr-check+.aw-sr-check{margin-top:10px}
html[data-aw-theme] body .aw-sr .aw-sr-mf-sec .aw-sr-range-part{display:contents}
html[data-aw-theme] body .aw-sr .aw-sr-mf-label{margin:0;color:var(--ws-muted);font:600 13px/1.2 var(--ws-font)}
html[data-aw-theme] body .aw-sr .aw-sr-pick-count{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-aw-theme] body .aw-sr .aw-sr-pick-three{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-aw-theme] body .aw-sr .aw-sr-pick-four{grid-template-columns:repeat(4,minmax(0,1fr))}
html[data-aw-theme] body .aw-sr .aw-sr-mf-field{display:grid;gap:6px;margin:0;color:var(--ws-muted);font:500 13px/1.2 var(--ws-font)}
html[data-aw-theme] body .aw-sr .aw-sr-mf-field input{width:100%!important;height:42px!important;min-height:0!important;margin:0!important;padding:0 10px!important;border:1px solid var(--ws-line-strong)!important;border-radius:6px!important;background:var(--ws-surface)!important;color:var(--ws-ink)!important;box-shadow:none!important;font:400 16px/1 var(--ws-font)!important;color-scheme:light}
html[data-aw-theme=dark] body .aw-sr .aw-sr-mf-field input{color-scheme:dark}
html[data-aw-theme] body .aw-sr .aw-sr-mf-field input:disabled{background:var(--ws-soft)!important;color:var(--ws-muted)!important;cursor:not-allowed}
html[data-aw-theme] body .aw-sr .aw-sr-mf-field input:focus{border-color:var(--ws-blue)!important;outline:0!important;box-shadow:inset 0 0 0 1px var(--ws-blue)!important}
html[data-aw-theme] body .aw-sr .aw-sr-mf-hint,html[data-aw-theme] body .aw-sr .aw-sr-mf-foot-note{column-span:all;margin:0 0 18px;color:var(--ws-muted);font:400 13px/1.45 var(--ws-font)}
html[data-aw-theme] body .aw-sr .aw-sr-mf-foot{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;padding:14px 24px 16px 28px;border-top:1px solid var(--ws-line);background:var(--ws-surface)}
html[data-aw-theme] body .aw-sr .aw-sr-mf-actions{display:flex;align-items:center;gap:10px}
html[data-aw-theme] body .aw-sr .aw-sr-mf-actions .aw-sr-apply{min-width:184px;transition:opacity .15s}
html[data-aw-theme] body .aw-sr .aw-sr-mf-actions .aw-sr-apply[data-pending]{opacity:.72}
@media (prefers-reduced-motion:reduce){html[data-aw-theme] body .aw-sr .aw-sr-mf-actions .aw-sr-apply{transition:none}}

/* Tablets: two columns (from the column width), slightly tighter padding. */
@media (max-width:1023px){
 html[data-aw-theme] body .aw-sr .aw-sr-mf-sec[data-wide] .aw-sr-features{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1279px){
 html[data-aw-theme] body .aw-sr .aw-sr-applied{padding:0 16px 12px}
}

/* Phones: More filters is a full-screen sheet with a sticky header and footer. */
@media (max-width:767px){
 /* One swipeable row of chips (inside its own scroller, so the page never scrolls sideways) with Clear filters beside it. */
 html[data-aw-theme] body .aw-sr .aw-sr-applied{flex-wrap:nowrap;gap:12px;padding:0 16px 12px;margin-top:-2px}
 html[data-aw-theme] body .aw-sr .aw-sr-applied ul{flex:1 1 auto;flex-wrap:nowrap;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px}
 html[data-aw-theme] body .aw-sr .aw-sr-applied ul::-webkit-scrollbar{display:none}
 html[data-aw-theme] body .aw-sr .aw-sr-applied li{flex:none}
 html[data-aw-theme] body .aw-sr .aw-sr-applied li button{height:30px!important;max-width:240px;font-size:13px!important}
 html[data-aw-theme] body .aw-sr .aw-sr-applied-clear{flex:none;font-size:13px!important}
 html[data-aw-theme] body .aw-sr .aw-sr-more .aw-sr-sliders{display:none}
 html[data-aw-theme] body .aw-sr .aw-sr-mf{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-form{height:100%;max-height:none}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-head{padding:16px 16px 12px}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-head h2{font-size:20px}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-body{columns:auto;padding:18px 16px 4px}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-sec{margin-bottom:22px}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-sec[data-wide] .aw-sr-features{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-foot{flex-wrap:wrap;padding:10px 16px calc(12px + env(safe-area-inset-bottom))}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-actions{flex:1 1 100%}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-actions>button{flex:1 1 0}
 html[data-aw-theme] body .aw-sr .aw-sr-mf-actions .aw-sr-apply{flex:2 1 0;min-width:0}
}
@media (max-width:359px){
 html[data-aw-theme] body .aw-sr .aw-sr-mf-sec[data-wide] .aw-sr-features{grid-template-columns:minmax(0,1fr)}
}