/* ═══════════════════════════════════════════════════════════════════
   DİL SEÇİCİ (TR / EN) — profil sayfası üst şeridi
   ------------------------------------------------------------------
   KULLANICI: "şemaların yanına seçmeli şekilde TR EN ekle."

   NEDEN AYRI DOSYA: index.html ve meta-lg.html'de zaten bir dil
   anahtarı var (`.ctl__b`, `data-dil-sec`) ve `i18n.js` onu
   dinliyor. Profil sayfasında HİÇ YOKTU (ölçüldü). Aynı sözleşmeyi
   kullanırız — `data-dil-sec="tr|en"` — böylece i18n.js'in mevcut
   tıklama dinleyicisi ek kod gerektirmeden çalışır.

   YERLEŞİM: .ust__orta içinde, TEMALAR düğmesinin solunda. Dar
   ekranda alta iner.
   ═══════════════════════════════════════════════════════════════════ */

.dl{
  display:inline-flex;align-items:center;
  flex:none;
  border:1px solid color-mix(in srgb,var(--gold) 34%,transparent);
  background:color-mix(in srgb,var(--void-2) 62%,transparent);
  overflow:hidden;
}
.dl__b{
  padding:11px 13px;
  border:0;
  background:none;
  color:var(--muted);
  font-family:var(--font-mono);
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:700;
  cursor:pointer;
  transition:color .3s var(--ease),background .3s var(--ease);
}
/* ayraç: iki harfin arasında ince çizgi */
.dl__b + .dl__b{
  border-left:1px solid color-mix(in srgb,var(--gold) 22%,transparent);
}
.dl__b:hover{
  color:var(--gold-hi);
  background:color-mix(in srgb,var(--gold) 8%,transparent);
}
/* SEÇİLİ DİL: dolu altın zemin — hangi dilde olduğun bir bakışta belli */
.dl__b[aria-pressed="true"]{
  color:var(--void);
  background:var(--gold);
}
[data-theme="light"] .dl__b[aria-pressed="true"],
[data-theme="tozpembe"] .dl__b[aria-pressed="true"],
[data-theme="bej"] .dl__b[aria-pressed="true"]{
  color:#fffdf5;
}
.dl__b:focus-visible{outline:2px solid var(--teal);outline-offset:-2px}

@media (max-width:520px){
  .dl{width:100%}
  .dl__b{flex:1;text-align:center}
}