/* T-20260816-01 (Issue #1586) -- dil degistirici. Duz <a href> linkleri (JS gerekmez, cookie
   yazmaz -- kilitli karar: culture'in tek kaynagi URL). Light + dark tema token'lari (binderim-
   tokens.css) kullanilir, hex renk YOK. Touch target >= 44px (mobil dokunma alani kurali). */

.bx-lang-switch {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border-radius: 999px;
  border: 1px solid var(--border-1);
  background: var(--bg-sunken);
}

.bx-lang-switch-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  min-height: 40px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: var(--fg-3);
  text-decoration: none;
  transition: background 150ms ease, color 150ms ease;
}

.bx-lang-switch-item:hover {
  color: var(--fg-1);
  background: var(--bg-canvas);
}

.bx-lang-switch-item.active {
  color: var(--fg-on-brand);
  background: var(--color-brand);
}

.bx-lang-switch-item:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

/* Mobilde dokunma alani tam 44px'e cikar (parmak ucu hedefi). */
@media (max-width: 767px) {
  .bx-lang-switch-item {
    min-width: 44px;
    min-height: 44px;
  }
}

/* ===== FOOTER ALT SATIRI =====
   Dil degistirici header'dan footer'in alt satirina tasindi. Oradaki kardes
   ogeler 0.78rem'lik telif/iletisim metinleri; header olcusundeki pill bu
   satirda oransiz duruyor -- masaustunde kompaktlastirilir. */
.bx-footer-bottom-end {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.bx-footer-bottom .bx-lang-switch-item {
  min-width: 34px;
  min-height: 30px;
  padding: 2px 8px;
  font-size: 11px;
}

/* 🔴 Yukaridaki blok mobil kuralindan DAHA SPESIFIK (0,2,0 > 0,1,0), yani media
   query sirasindan bagimsiz olarak onu ezer. Mobilde >=44px dokunma alani kurali
   korunsun diye ayni spesifiklikte yeniden bildirilir -- bu blok silinirse
   footer'daki dil degistirici mobilde sessizce 30px'e duser. */
@media (max-width: 767px) {
  .bx-footer-bottom .bx-lang-switch-item {
    min-width: 44px;
    min-height: 44px;
    font-size: 12px;
  }
}