/* ═══════════════════════════════════════════════════════════════════════════
   SELECT — стилізований нативний <select> у патерні field
   Базовий вигляд select.fa-input (underline, типографіка, стани focus/error/
   disabled) задає field.css. Цей файл додає:
   1. hover (scoped, self-containment без input.css);
   2. filled/placeholder через :has() — прогресивне покращення.
   Декоратор .select-wrap (mask-шеврон через semantic-токени) — у field.css.
   Голий select.fa-input без обгортки лишається робочим (стрілка з field.css).
   ═══════════════════════════════════════════════════════════════════════════ */

/* Hover .fa-input — у field.css (консолідовано, аудит #25, 2026-07-02) */

/* ── Placeholder / filled ────────────────────────────────────────────────────
   Конвенція placeholder-опції: <option value="" disabled selected hidden>.
   Поки вибрана опція з value="" — текст як ::placeholder у input (muted, 300,
   italic). Вибране значення — regular (400). Без :has() — деградація прийнятна. */
select.fa-input:has(option:checked[value=""]) {
  color: var(--uris-color-semantic-text-muted);
  font-weight: var(--uris-font-weight-light);
  font-style: italic;
}

select.fa-input:not(:disabled):has(option:checked:not([value=""])) {
  font-weight: var(--uris-font-weight-regular);
  font-style: normal;
}

/* Акцентний підкреслювач фокуса (field.css) лишається до blur — у Chrome
   <select> матчить :focus-visible навіть при кліку мишею, тож "зняття"
   через :focus:not(:focus-visible) там не працює. Прийнято як стандартну
   семантику фокуса (DECISIONS 2026-06-11). */