/* WhatCarTool — wspólna „rozwijana lista z filtrem w środku" (.wct-pick, #115).
 * Wersja jednokrotnego wyboru listy .wct-msel z panelu; do v0.45.11 mieszkała
 * w wct-device.css pod .wct-fits, od v0.46.0 jeden arkusz dla widżetu
 * „Check if it fits", Make w [wct_search] i Manufacturer w [wct_device_search].
 * Kontrolka na tokenach kreatora jak selecty (pokrętło „Form fields"). */

.wct-pick { position: relative; display: inline-block; vertical-align: baseline; min-width: 180px; text-align: left; }
/* Geometria 1:1 z selectami widżetu fits (padding 9px 12px, line-height motywu 1.7) —
   pomiar CDP v0.45.11: pole 38 px vs selecty 44 px bez jawnego line-height. */
.wct-pick__field { display: inline-flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box; padding: 9px 12px; line-height: 1.7; border: 1px solid var(--wct-border, #d6dae0); border-radius: var(--wct-radius, 8px); background: var(--wct-surface, #fff); color: var(--wct-ink, #1c2530); font-size: var(--wct-font-size, 14px); font-weight: 400; cursor: pointer; user-select: none; }
.wct-pick.is-open .wct-pick__field { border-color: var(--wct-accent, #1769ff); }
.wct-pick__field:where(:focus-visible) { outline: 2px solid var(--wct-accent, #1769ff); outline-offset: 1px; }
.wct-pick.is-disabled .wct-pick__field { opacity: 0.55; cursor: not-allowed; }
.wct-pick__val { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wct-pick__val.is-ph { color: var(--wct-muted, #5a6675); }
.wct-pick__car { flex: 0 0 auto; color: var(--wct-muted, #5a6675); font-size: 11px; }
.wct-pick__pop { position: absolute; left: 0; top: calc(100% + 4px); z-index: 40; width: max(100%, 300px); max-width: 92vw; display: flex; flex-direction: column; max-height: 360px; background: var(--wct-surface, #fff); border: 1px solid var(--wct-border, #d6dae0); border-radius: var(--wct-radius, 8px); box-shadow: 0 8px 24px rgba(28, 37, 48, 0.14); }
.wct-pick__pop[hidden] { display: none; }
.wct-pick__search { flex: 0 0 auto; margin: 8px; width: calc(100% - 16px); max-width: none; box-sizing: border-box; }
.wct-pick__list { flex: 1 1 auto; overflow: auto; padding: 0 0 6px; }
.wct-pick__opt { padding: 6px 12px; cursor: pointer; font-size: var(--wct-font-size, 14px); font-weight: 400; }
.wct-pick__opt:hover, .wct-pick__opt.is-selected { background: var(--wct-surface-alt, #f6f8fa); }
.wct-pick__opt.is-selected { font-weight: 600; }
.wct-pick__opt--empty { color: var(--wct-muted, #5a6675); }
.wct-pick__empty { padding: 8px 12px; color: var(--wct-muted, #5a6675); }
/* Ukryty select = nośnik wartości; pancerz na motywy z własnym display dla select. */
.wct-pick > select[hidden] { display: none !important; }