/* ═══ DİL SEÇİCİ — tek bileşen, HER sayfada aynı ═══════════════════════════
   Eski hâli beş dilin tam adını başlık şeridine yan yana diziyordu: 1320px
   altında koda düşüyor, 820px altında TAMAMEN kayboluyordu — yani telefondan
   gelen ziyaretçi dil değiştiremiyordu. Artık tek düğme + açılır liste:
   her genişlikte aynı yeri kaplar, her genişlikte çalışır.

   ⚠️ Bayrak KULLANILMAZ. Bayrak ülkeyi gösterir, dili değil (Almanca yalnız
      Almanya'da konuşulmaz, İngilizce'nin bayrağı yoktur). Dilin kendi adı,
      kendi dilinde yazılır — arayan onu arar.
   ⚠️ Çevirisi HENÜZ olmayan sayfa "yakında" diye soluk gösterilir, gizlenmez;
      tıklanamaz. Var olmayan sayfaya bağlantı vermek 404 üretir.            */
.dil{position:relative;flex:none}
.dil > summary{
  display:flex;align-items:center;gap:6px;cursor:pointer;list-style:none;
  height:34px;padding:0 9px 0 10px;border:1px solid #E7E4DB;border-radius:9px;
  background:#fff;color:#2C3E36;font:600 12px/1 inherit;letter-spacing:.02em;
  user-select:none;transition:border-color .12s,background .12s}
.dil > summary::-webkit-details-marker{display:none}
.dil > summary:hover{border-color:#CFCBBE;background:#FAF9F6}
.dil > summary:focus-visible{outline:2px solid #143126;outline-offset:2px}
.dil .kure{width:15px;height:15px;flex:none;color:#7C857E}
.dil .ok{width:9px;height:9px;flex:none;color:#7C857E;transition:transform .15s}
.dil[open] > summary{border-color:#CFCBBE;background:#FAF9F6}
.dil[open] .ok{transform:rotate(180deg)}

/* Tanıtım sayfasının başlık şeridinde düğmeler 40px — menü onlarla aynı boyda
   durmalı, yoksa şerit kırık görünür. */
.dil.buyuk > summary{height:40px;padding:0 11px 0 12px;border-radius:10px;font-size:12.5px}

.dil-liste{
  position:absolute;top:calc(100% + 6px);right:0;z-index:60;min-width:186px;
  background:#fff;border:1px solid #E7E4DB;border-radius:12px;padding:5px;
  box-shadow:0 14px 34px rgba(20,49,38,.13),0 2px 6px rgba(20,49,38,.05);
  animation:dil-ac .13s ease-out}
@keyframes dil-ac{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.dil-liste a,.dil-liste .yok{
  display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;
  font-size:13.5px;line-height:1.35;color:#2C3E36;text-decoration:none;white-space:nowrap}
.dil-liste a:hover{background:#FAF9F6;color:#16211C;text-decoration:none}
.dil-liste a:focus-visible{outline:2px solid #143126;outline-offset:-2px}
.dil-liste a.on{background:#E7EFE8;color:#143126;font-weight:600}
/* Çevirisi olmayan dil: gizlenmez, tıklanamaz — nedeni yanında yazar. */
.dil-liste .yok{color:#A9AFA9;cursor:default}
.dil-liste .yok em{margin-left:auto;font-style:normal;font-size:10.5px;color:#B7BCB5}

@media(max-width:560px){
  .dil > summary{height:32px;padding:0 7px 0 8px}
  .dil-liste{min-width:172px}
}
@media(prefers-reduced-motion:reduce){
  .dil-liste{animation:none}
  .dil .ok{transition:none}
}