/* Dil düğmesi: ana sayfa, giriş, kayıt ve paketler sayfalarında sağ üstte duran cam görünümlü küçük hap. */
.site-language,[data-site-language]{display:flex;align-items:center}
.language-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:36px;min-width:64px;padding:0 12px 0 9px;box-sizing:border-box;
  border:1px solid rgba(214,228,255,.22);border-radius:999px;
  background:rgba(8,16,32,.38);color:#eef4ff;
  font:600 12px/1 "Instrument Sans",Inter,system-ui,sans-serif;letter-spacing:.06em;
  cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  transition:background .2s ease,border-color .2s ease,transform .15s ease;
}
.language-toggle svg{display:block;flex:none;width:20px;height:14px;border-radius:3px;box-shadow:0 0 0 1px rgba(0,0,0,.18)}
.language-toggle:hover{background:rgba(16,30,56,.55);border-color:rgba(214,228,255,.42)}
.language-toggle:focus-visible{outline:2px solid #8fb9f0;outline-offset:3px}
.language-toggle:active{transform:translateY(1px)}
html[data-color-theme="light"] .language-toggle{background:rgba(255,255,255,.82);border-color:#d3dcea;color:#182b46}
html[data-color-theme="light"] .language-toggle:hover{background:#fff;border-color:#9fb4d2}

/* Giriş ve kayıt: kartın üstünde değil, ekranın sağ üst köşesinde. */
.auth-language{position:fixed;top:18px;right:20px;z-index:20}
/* Ana sayfa başlığı: paket ve panel bağlantılarının yanında. */
.cloud-header .site-language{margin-left:4px}
@media (max-width:760px){
  .auth-language{top:12px;right:12px}
  .language-toggle{height:34px;min-width:58px;padding:0 10px 0 8px}
}
@media (prefers-reduced-motion:reduce){.language-toggle{transition:none}}