/* ---------- TR / ENG dil düğmesi (kayan topuzlu tek tuş) ---------- */
.lang-toggle {
  position: relative; display: inline-grid; grid-template-columns: 1fr 1fr; align-items: center;
  padding: 3px; border-radius: 999px; border: 1px solid var(--hairline-2);
  background: rgba(255, 255, 255, 0.03); isolation: isolate; cursor: pointer;
  transition: border-color .3s var(--ease), box-shadow .3s var(--ease);
}
.lang-toggle:hover { border-color: var(--phosphor-soft); box-shadow: 0 0 0 4px var(--phosphor-faint); }
.lt-opt {
  position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 5px 10px; font-family: var(--font-mono); font-size: 10.5px; letter-spacing: 0.12em; color: var(--ink-faint);
  transition: color .35s var(--ease);
}
.lt-opt b { font-weight: 600; }
.lt-opt .flag { width: 18px; height: 12px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(255,255,255,.18); filter: saturate(.7) brightness(.8); transition: filter .35s var(--ease), transform .35s var(--ease); }
.lt-knob {
  position: absolute; z-index: 0; top: 3px; bottom: 3px; left: 3px; width: calc(50% - 3px); border-radius: 999px;
  background: var(--phosphor); box-shadow: 0 6px 20px -8px var(--phosphor-soft);
  transition: transform .45s cubic-bezier(.68,-0.35,.27,1.35);
}
.lang-toggle .lt-tr { color: #04120C; }
.lang-toggle .lt-tr .flag { filter: none; }
.lang-toggle.is-en .lt-knob { transform: translateX(100%); }
.lang-toggle.is-en .lt-tr { color: var(--ink-faint); }
.lang-toggle.is-en .lt-tr .flag { filter: saturate(.7) brightness(.8); }
.lang-toggle.is-en .lt-en { color: #04120C; }
.lang-toggle.is-en .lt-en .flag { filter: none; }
.lang-toggle:hover .flag { transform: scale(1.08); }
/* tıklanınca topuz karşı tarafa kayar (dil.js .is-flip ekler) */
.lang-toggle.is-flip .lt-knob { transform: translateX(100%); }
.lang-toggle.is-en.is-flip .lt-knob { transform: translateX(0); }
.mm-lang { margin-top: 18px; }
.mm-lang .lang-toggle { transform: scale(1.15); transform-origin: left center; }
@media (max-width: 1180px) { .nav-search span { display: none; } }

/* Dil geçiş perdesi: sinyal taranır, metin "çözülür" */
.lang-veil {
  position: fixed; inset: 0; z-index: 9500; display: grid; place-items: center; pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(0,255,163,.10), rgba(9,10,15,.96) 60%);
  opacity: 0; transition: opacity .25s ease;
}
.lang-veil.is-on { opacity: 1; }
.lang-veil .lv-in { display: grid; justify-items: center; gap: 14px; }
.lang-veil .lv-flags { display: flex; align-items: center; gap: 14px; }
.lang-veil .lv-flags .flag { width: 54px; height: 36px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(255,255,255,.2), 0 10px 30px rgba(0,0,0,.5); }
.lang-veil .lv-arrow { width: 70px; height: 2px; background: linear-gradient(90deg, transparent, var(--phosphor), transparent); background-size: 70px 2px; animation: lv-akis .6s linear infinite; }
@keyframes lv-akis { from { background-position: -70px 0; } to { background-position: 70px 0; } }
.lang-veil .lv-text { font-family: var(--font-mono); font-size: 13px; letter-spacing: .3em; color: var(--phosphor); text-shadow: 0 0 18px var(--phosphor-soft); min-height: 1.2em; }

/* Tarayıcısı İngilizce olan ziyaretçiye nazik öneri */
.lang-hint {
  position: fixed; left: 50%; bottom: 22px; z-index: 8000; transform: translate(-50%, 160%);
  display: flex; align-items: center; gap: 12px; padding: 10px 12px 10px 16px; border-radius: 16px;
  background: rgba(13,15,22,.92); backdrop-filter: blur(12px); border: 1px solid var(--hairline-2);
  box-shadow: 0 20px 60px -10px rgba(0,0,0,.8); font-size: .92rem; color: var(--ink-dim);
  transition: transform .5s var(--ease-out); max-width: calc(100% - 32px);
}
.lang-hint.is-on { transform: translate(-50%, 0); }
.lang-hint .flag { width: 22px; height: 15px; border-radius: 2px; flex: 0 0 auto; }
.lang-hint a { color: #04120C; background: var(--phosphor); padding: 6px 12px; border-radius: 10px; font-weight: 600; font-size: .85rem; white-space: nowrap; }
.lang-hint button { color: var(--ink-faint); font-size: 18px; line-height: 1; padding: 4px 6px; cursor: pointer; }
@media (prefers-reduced-motion: reduce) { .lt-knob, .lang-hint, .lang-veil { transition: none; } .lang-veil .lv-arrow { animation: none; } }