/* ============================================================
   OG English (2026-10-24): İngilizce şablonun (_LayoutEn) Türkçe şablondan farklı küçük parçaları.
   Üst kısım, ana sayfa bölümleri, alt bilgi ve alt çubuk Türkçe dosyalardan gelir (site.css, home-v2.css,
   home-hero.css, og-footer.css, og-bottom-nav.css); burada yalnız Türkçe bileşenlerin satır içi stilleri
   ve İngilizceye özgü işaretler var. Renkler home-v2.css değişkenlerinden: İki tema kendiliğinden uyar.
   Tuzak (site.css): Gece modunda a:not(...) ve h1-h6 rengi ezilir; link renkleri !important.
   ============================================================ */

/* ---------- Üst şerit: Türkçe TrendNews bileşenindeki satır içi stillerin aynısı ---------- */
.footer-links-bar.en-utilbar { background-color: #111; border-bottom: 1px solid rgba(255, 255, 255, 0.05); }
.en-utilbar .trend-ticker-link { color: #eee !important; opacity: 0.85; }
.en-utilbar .trend-ticker-link:hover { color: #ff5a36 !important; opacity: 1; }
.en-utilbar .en-utilbar__btn { border: 1px solid rgba(255, 255, 255, 0.1) !important; color: #fff !important; }

/* ---------- Menü: Etkin bağlantı home-v2.css'teki alt çizgiyle işaretlenir ----------
   site.css'teki eski .menu-link::after çizgisi konumlu bir ataya göre çiziliyor; İngilizce şablonda öyle bir ata yok,
   etkin bağlantıda (ör. NEWS) çizgi ekran genişliğinde sayfanın ortasına düşüyordu. Türkçe menüde etkin sınıf basılmadığı
   için orada görünmüyor. */
.og-mainnav__menu .menu-link::after { content: none; }

/* ---------- Logo + bölüm işareti (OG English, OG Origins, OG Studio, OG Creative) ---------- */
.en-brand { display: inline-flex; align-items: center; gap: 12px; min-width: 0; }
.en-edition {
    display: inline-flex; align-items: stretch; overflow: hidden; border-radius: 8px;
    font-family: 'Bricolage Grotesque', sans-serif; font-weight: 800; font-size: 13px; letter-spacing: -0.3px;
    text-decoration: none !important; line-height: 1; white-space: nowrap;
    border: 1px solid rgba(255, 255, 255, 0.15); transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.en-edition span { padding: 6px 9px; display: inline-flex; align-items: center; }
.en-edition span:first-child { background: #e30a17; color: #fff; }
.en-edition span:last-child { background: #0f0f1a; color: #fff; }
.en-edition:hover { transform: translateY(-1px); box-shadow: 0 4px 18px rgba(227, 10, 23, 0.25); }
@media (max-width: 600px) {
    .en-brand { gap: 8px; }
    .en-edition { font-size: 11.5px; }
    .en-edition span { padding: 5px 7px; }
}

/* ---------- Türkçe sayfaya giden bağlantının işareti ("TR") ----------
   Ortak veriden gelen kart (çıkan oyun, okurların gözdesi, stüdyo) İngilizce sayfası yoksa Türkçe sayfaya gider. */
.en-tr {
    display: inline-block; margin-left: 5px; padding: 1px 5px; border-radius: 4px;
    border: 1px solid currentColor; font-family: 'Outfit', sans-serif; font-size: 10px; font-weight: 800;
    letter-spacing: 0.04em; line-height: 1.3; vertical-align: middle; opacity: 0.7;
}
.og-card__tags .en-trtag { border: 1px solid currentColor; border-radius: 4px; padding: 0 5px; opacity: 0.75; }

/* ---------- Ana sayfa: Sağ kolonda İngilizce yazı yokken kısa not ---------- */
.en-rail-empty { padding: 18px 4px 6px; font-size: 14px; line-height: 1.55; color: var(--og-text-muted); }
.en-rail-empty a { color: var(--og-red-bright) !important; font-weight: 700; }

/* ---------- Ana sayfa: Sık sorulan sorular (FAQPage ile aynı metin) ---------- */
.en-faq { display: grid; gap: 10px; }
.en-faq details { border: 1px solid var(--og-hairline); border-radius: 12px; padding: 14px 18px; background: var(--og-bg-elevated); }
.en-faq summary { cursor: pointer; font-family: 'Outfit', sans-serif; font-weight: 700; font-size: 16px; color: var(--og-text); list-style: none; }
.en-faq summary::-webkit-details-marker { display: none; }
.en-faq summary::after { content: '+'; float: right; font-weight: 800; color: var(--og-red-bright); }
.en-faq details[open] summary::after { content: '\2212'; }
.en-faq p { margin: 10px 0 0; font-size: 15px; line-height: 1.6; color: var(--og-text-muted) !important; }