/* Dil seçici (TR | EN, dil/dil.js dilSeciciKur): tek bileşen. Haritada sağ üst grupta (yerleşim
   ve ölçü css/harita/ust.css), hesap, oda ve yönetici sayfalarında `.sabit` ile pencerenin sağ
   üst köşesi; ikisinde de aynı biçim: tek ince şerit, seçili dil altı çizili. Dokunmatikte 40. */

.dil-secici {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  display: inline-flex;
  gap: 0;
  height: var(--dokunma);
  padding: 0;
  overflow: hidden;
  border-radius: var(--yaricap-2);
  background: var(--kaplama);
  box-shadow: inset 0 0 0 1px var(--cizgi), var(--golge-2);
}
.dil-secici.sabit { position: fixed; z-index: 20; top: 10px; }
.dil-dugme {
  min-width: var(--dokunma);
  height: var(--dokunma);
  padding: 0 8px;
  border: 0;
  border-radius: 0;
  background: none;
  color: var(--yazi-2);
  font: 600 12.5px/1 var(--aile-sans);
  letter-spacing: .03em;
  cursor: pointer;
}
.dil-dugme:hover { color: var(--yazi-1); background: var(--zemin-2); }
.dil-dugme.secili { color: var(--yazi-1); background: var(--zemin-2); cursor: default;
  box-shadow: inset 0 -2px 0 var(--vurgu); }
.dil-dugme:focus-visible { outline: 2px solid var(--odak); outline-offset: -2px; }
@media (pointer: coarse) {
  .dil-secici.sabit { height: var(--dokunma-mobil); }
  .dil-secici.sabit .dil-dugme { min-width: var(--dokunma-mobil); height: var(--dokunma-mobil); }
}