/* ════════════════════════════════════════════════════════════════════
   EsonGames — DENEME TEMASI: DÜZ KOYU ZEMİN (tema-dark.css)
   Mor/pembe radial + lacivert degrade arka plan kalkar; 2. görseldeki düz
   füme-siyah (#0f1216) zemin + nötr gri yüzey hiyerarşisi gelir. Kırmızı
   vurgular (--red) aynen kalır.
   AÇMA/KAPAMA: header.php bu dosyayı YALNIZ dosya varken yükler.
   Beğenmezsen bu dosyayı sil (veya adını değiştir) → eski tema olduğu gibi
   geri gelir; başka hiçbir dosya değiştirilmedi.
   ════════════════════════════════════════════════════════════════════ */

/* 1) Palet: zemin düz füme, yüzeyler mavi tonsuz nötr griler (kart/panel
      hiyerarşisi kaybolmasın diye kademeli). */
:root{
    --bg:#0f1216;
    --bg2:#15181d;
    --bg3:#1b1f25;
    --bg4:#23272e;
}

/* 2) Gövde: mor + pembe radial ve lacivert degrade kalkar → düz zemin.
      Tepeye ÇOK hafif kırmızı ortam ışıması: eski temada üstte mor ışıma vardı,
      tamamen kalkınca en üst şerit "kesik/ölü siyah" görünüyordu — ışıma artık
      tema renginde ve viewport'un en tepesine kadar ulaşır (seam yok). */
/* 2a) Üst ışıma artık AYRI KATMAN DEĞİL, zeminin KENDİSİNDE (tek background):
      - ayrı kutu/pseudo olmadığı için kenar "çıkıntısı" yapacak hiçbir şey yok;
      - yatayda kenardan kenara EŞİT (linear), navbar arkası dahil;
      - sönüş 800px'e yayılmış KADEMELİ kuyruk → alt sınır algılanamaz
        (eski 340px'lik keskin bitiş "kare geçiş" gibi görünüyordu);
      - attachment:fixed → kaydırınca ışıma viewport tepesinde sabit kalır. */
body{
    /* Üst ışıma: ANA GÖVDE = üstte yoğun, aşağı indikçe ana temaya (#0f1216)
       kademeli karışan EŞİT dikey degrade. Üzerine ÇOK HAFİF 3 geniş elips:
       tek başlarına görünmezler, yalnız alt sınırı DALGALANDIRIP düz "kare"
       çizgiyi kırarlar → kırmızılık nerede bitiyor belli olmaz. */
    background:
        radial-gradient(ellipse 70% 60% at 20% -25%, rgba(229,9,20,.030), transparent 65%),
        radial-gradient(ellipse 80% 75% at 60% -35%, rgba(229,9,20,.026), transparent 68%),
        radial-gradient(ellipse 60% 50% at 90% -20%, rgba(229,9,20,.024), transparent 62%),
        linear-gradient(180deg,
            rgba(229,9,20,.040) 0,
            rgba(229,9,20,.034) 120px,
            rgba(229,9,20,.024) 260px,
            rgba(229,9,20,.014) 420px,
            rgba(229,9,20,.006) 600px,
            rgba(229,9,20,0) 820px),
        #0f1216 !important;
    background-attachment:fixed !important;
}

/* SAYFA-BAŞI ışımaları kapalı — üst bölgeyi body'deki tek sürekli degrade
   aydınlatır; sayfanın kendi ışıması binince bant hatası doğuyordu. */
.games-page-header,
.dp-header{
    background:none !important;
}

/* 2b) Navbar hapı: eski lacivert cam (13,18,32) üst bantta "boş/ölü" duruyordu →
      nötr füme cam + ışıma arkadan hissedilir; scrolled/anasayfa durumları da uyumlu. */
.nav-bar{
    background:rgba(16,19,24,.70) !important; /* hap biraz daha dolgun → navbar düz zeminde de seçilir */
    border-color:rgba(255,255,255,.09) !important;
}
.navbar.scrolled .nav-bar{
    background:rgba(13,16,20,.92) !important;
    border-color:rgba(229,9,20,.18) !important;
}
body.home .navbar:not(.scrolled) .nav-bar{
    background:rgba(13,16,20,.60) !important;
    border-color:rgba(229,9,20,.22) !important;
}

/* 3) Lacivert hardcode kalmış yüzeyler → nötr koyu.
      (!important inline style'ları da ezer — footer/CTA inline'ları dahil.) */

/* Ana sayfa: hero karartma örtüsü (lacivert 7,11,22 → nötr füme; kırmızı ışıma kalır) */
#hero-bg-layer .hbg-overlay{
    background:
        linear-gradient(to bottom, rgba(15,18,22,.82) 0%, rgba(15,18,22,.55) 40%, rgba(15,18,22,.84) 78%, var(--bg) 100%),
        radial-gradient(ellipse 80% 60% at 50% 48%, rgba(229,9,20,.10), transparent 70%) !important;
}

/* Ana sayfa: "Yeni Eklenenler" şeridi (lacivert 26,34,56 / 18,26,46 → nötr) */
.newticker{
    background:linear-gradient(180deg,#1a1e24,#15181d) !important;
}

/* Ana sayfa: adım rozeti */
.step-num-badge{
    background:var(--bg) !important;
}

/* Yorumlar kutusu (lacivert 26,34,56 → nötr cam) */
.rev-box{
    background:linear-gradient(180deg,rgba(255,255,255,.03),var(--bg2)) !important;
}

/* CTA "Maceraya Hazır Mısın?" cam katmanı (inline lacivert 8,12,22 → nötr füme) */
.cta-box > div[style*="8,12,22"]{
    background:linear-gradient(120deg,rgba(13,16,20,.94) 0%,rgba(15,18,22,.88) 45%,rgba(13,16,20,.92) 100%) !important;
}

/* Sayfa altı footer (inline #06090f → zeminle uyumlu, bir tık koyu) */
footer{
    background:#0c0e12 !important;
}

/* Giriş/Kayıt kartı (lacivert 18,26,46 cam → nötr füme cam) */
.auth-card{
    background:rgba(21,24,30,.85) !important;
}