/* Category selection stays in the filter column; long names wrap in both themes. */
.direction-picker{min-width:0;margin:18px 0 20px}
.direction-picker-label{display:block;margin-bottom:9px;font-size:12px;font-weight:600;color:var(--muted)}
.direction-picker-toggle{display:block;width:100%;min-height:62px;padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink);text-align:left;transition:border-color .15s}
.direction-picker-toggle:hover,.direction-picker-toggle[aria-expanded=true]{border-color:var(--accent)}
.direction-picker-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.direction-picker-selection{display:grid;grid-template-columns:minmax(0,1fr) 16px;align-items:center;gap:8px}
.direction-picker-selection .ui-icon{display:none}
.direction-picker-value{font-size:13px;font-weight:600;line-height:1.5;overflow-wrap:break-word}
.direction-picker-chevron{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .15s}
[aria-expanded=true] .direction-picker-chevron{transform:rotate(180deg)}
.direction-picker-panel{position:fixed;z-index:8;width:350px;border:1px solid var(--line);border-radius:4px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden}
.direction-picker-panel[hidden],.direction-picker-panel [hidden]{display:none!important}
.direction-picker-search{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid var(--line)}
.direction-picker-search>.ui-icon{width:17px;height:17px;flex:none;color:var(--muted)}
#filters .direction-picker-search input{width:100%;min-width:0;height:36px;min-height:36px;padding:4px 0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:16px;line-height:1.4}
.direction-picker-search:focus-within{box-shadow:inset 0 -2px var(--accent)}
#filters .direction-picker-search input:focus-visible{outline:none}
.direction-picker-list{max-height:var(--direction-list-height,400px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:6px}
.direction-picker-group{padding-top:12px;margin-top:5px;border-top:1px solid var(--line)}
.direction-picker-group h3{margin:0;padding:0 7px 7px;font-size:10px;font-weight:600;line-height:1.6;color:var(--muted)}
.direction-picker-option{display:grid;grid-template-columns:20px minmax(0,1fr) auto 12px;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 10px;border:0;border-radius:2px;background:transparent;color:var(--ink);text-align:left;font-size:13px;line-height:1.55}
.direction-picker-option>.ui-icon{width:18px;height:18px;color:var(--muted)}
.direction-picker-option>span:nth-child(2){overflow-wrap:break-word}
.direction-picker-option:hover{background:var(--ground)}
.direction-picker-option[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}
.direction-picker-option:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.direction-picker-count{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}
.direction-picker-check{visibility:hidden;font-size:12px;color:var(--accent)}
[aria-pressed=true]>.direction-picker-check{visibility:visible}
.direction-picker-empty{margin:0;padding:16px 10px;font-size:12px;color:var(--muted)}
.catalog-filter-dialog .direction-picker{margin-top:0}
@media(max-width:800px){.direction-picker-panel{position:static;width:auto;margin-top:8px;box-shadow:none}.direction-picker-option{min-height:48px}.direction-picker-list{max-height:min(360px,46dvh)}.direction-picker-group h3{font-size:11px}}
@media(prefers-reduced-motion:reduce){.direction-picker-toggle,.direction-picker-chevron{transition:none}}