/* Goalkite sitesi — diller: Kiril yazı tipi, dil seçici, dil önerisi */
/* Instrument Sans'ta Kiril harfi yok; Rusça harfler aynı ailenin adıyla Onest'ten gelir (sadece Kiril karakter varsa indirilir) */
@font-face { font-family: 'Instrument Sans'; src: url('/fonts/onest-cyrillic-wght-normal.woff2') format('woff2'); font-weight: 400 700; font-display: swap; unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Instrument Sans'; src: url('/fonts/onest-cyrillic-ext-wght-normal.woff2') format('woff2'); font-weight: 400 700; font-display: swap; unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* Rusça başlıklar uzun ve Kiril harfleri geniş: sıkı harf aralığını biraz aç */
:lang(ru) h1, :lang(ru) h2 { letter-spacing: -0.015em; }

/* Üst menüdeki dil seçici */
.lang-pick { position: relative; }
.lang-pick summary { list-style: none; display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 10px; border-radius: 10px; color: var(--ink-2); font-size: 14.5px; font-weight: 600; cursor: pointer; user-select: none; }
.lang-pick summary::-webkit-details-marker { display: none; }
.lang-pick summary:hover, .lang-pick[open] summary { color: var(--ink); background: color-mix(in srgb, var(--ink) 6%, transparent); }
.lang-pick summary svg { width: 17px; height: 17px; }
.lang-list { position: absolute; right: 0; top: calc(100% + 6px); z-index: 30; min-width: 180px; padding: 6px; border-radius: 12px; background: var(--paper); border: 1px solid var(--line); box-shadow: var(--shadow, 0 14px 34px rgba(20,32,43,.14)); display: grid; }
.lang-list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 10px; border-radius: 8px; color: var(--ink); text-decoration: none; font-size: 15px; }
.lang-list a:hover { background: var(--dev-ui, rgba(0,0,0,.04)); }
.lang-list a[aria-current]::after { content: ''; width: 10px; height: 6px; border-left: 2px solid var(--kite); border-bottom: 2px solid var(--kite); transform: translateY(-2px) rotate(-45deg); }

/* Telefonda: menünün içinde dil düğmeleri */
.nav .links .lang-menu { display: none; }
.nav.open .links .lang-menu.m-only { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 4px 4px; }
.nav.open .links .lang-menu a { padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 15px; color: var(--ink-2); font-weight: 500; }
.nav.open .links .lang-menu a:last-child { border-bottom: 1px solid var(--line); }
.nav.open .links .lang-menu a[aria-current] { border-color: var(--ink); color: var(--ink); font-weight: 600; }

/* Altbilgide dil bağlantıları */
.lang-foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px 20px; font-size: 14.5px; }
.lang-foot a { color: var(--ink-2); text-decoration: none; }
.lang-foot a:hover { color: var(--ink); }
.lang-foot a[aria-current] { color: var(--ink); font-weight: 600; }

/* Yenilikler sayfasının başlığı */
.top > .lang-pick { position: absolute; right: 0; top: 66px; z-index: 3; }
.foot .lang-foot { margin-top: 26px; }

/* Tarayıcı dili farklıysa küçük öneri kartı */
.lang-hint { position: fixed; left: 50%; bottom: 18px; transform: translateX(-50%); z-index: 40; display: flex; align-items: center; gap: 6px 14px; flex-wrap: wrap; max-width: calc(100% - 32px); padding: 10px 10px 10px 16px; border-radius: 14px; background: var(--ink); color: var(--sky); font-size: 15px; box-shadow: 0 14px 34px rgba(20,32,43,.28); animation: hintIn .35s ease-out; }
.lang-hint a { color: inherit; font-weight: 650; text-decoration: none; padding: 6px 12px; border-radius: 9px; background: color-mix(in srgb, var(--sky) 16%, transparent); }
.lang-hint a:hover { background: color-mix(in srgb, var(--sky) 26%, transparent); }
.lang-hint button { width: 32px; height: 32px; border: 0; border-radius: 8px; background: none; color: inherit; opacity: .7; cursor: pointer; font-size: 20px; line-height: 1; }
.lang-hint button:hover { opacity: 1; }
@keyframes hintIn { from { opacity: 0; transform: translate(-50%, 10px); } }

@media (max-width: 860px) {
  .nav .acts .lang-pick { display: none; }
  .top > .lang-pick { display: none; }
}
@media (prefers-reduced-motion: reduce) { .lang-hint { animation: none; } }

/* Örneklerde yazılan metin dile göre uzar */
:lang(en) .dL { --tw: 156px; }
:lang(ru) .dL { --tw: 172px; }
:lang(az) .dL { --tw: 118px; }