/* pysieclangselector - <select> języka. Namespace .pysiec-langselector*. */

.pysiec-langselector {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
}

.pysiec-langselector__select {
  /* Wysokość: dosłowna wartość z makiety (linia 196 źródła) to height:30px - przy
     poprzednim zmniejszaniu z 36px wpisałem 28px "na oko" (rzekomy powrót do
     poprzedniej wartości), 2px za mało względem źródła. Ta drobna różnica
     wystarczyła, żeby natywne centrowanie tekstu w <select> wizualnie "uciekło"
     o ułamek piksela - użytkownik to zauważył ("PL/PLN trochę wyżej niż w
     makiecie"). Nie był to błąd theme.css/przeglądarki, tylko zwykła pomyłka
     przy przepisywaniu wartości - poprawione na dosłowne 30px. Sesja 2026-09-17. */
  height: 30px;
  padding: 0 4px 0 10px;
  border: 1px solid var(--pysiec-line-24, rgba(62, 47, 35, .24));
  border-radius: var(--pysiec-radius-pill, 999px);
  background: transparent;
  font-family: inherit;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--pysiec-espresso, #3e2f23);
  cursor: pointer;
}

.pysiec-langselector__select:hover,
.pysiec-langselector__select:focus-visible {
  border-color: var(--pysiec-espresso, #3e2f23);
}

/* Poprzednia próba (jawny outline w kolorze marki) była gorsza niż domyślny
   outline przeglądarki - użytkownik nie chce ŻADNEGO obrysu na klik/focus,
   tylko zmianę koloru ramki (już wyżej). Sesja 2026-09-19. */
.pysiec-langselector__select:focus,
.pysiec-langselector__select:focus-visible {
  outline: none;
}