/* =========================================================================
   inner-koyu.css — İÇ SAYFALAR · KOYU "gece göğü" teması (Onur 21.06: site
   geneli koyu). inner.css'in D6 (açık) DEĞİŞKENLERİNİ gece-göğü paletine ezer;
   home-dark.css ile aynı renk dili. YALNIZ koyu modda yüklenir (header.php);
   ?tema=acik'te YÜKLENMEZ → açık sistem YEDEK olarak bozulmadan kalır.
   ========================================================================= */

/* ---------- 0. Palet: D6 (açık) → gece göğü ---------- */
:root {
  --ea-paper:     #0c0a20;              /* gece göğü zemini (açık #f8f7f7 idi) */
  --ea-card:      rgba(255, 255, 255, .05);
  --ea-ink:       #ece9ff;              /* açık metin (koyu #2a2a2b idi) */
  --ea-ink-deep:  #070514;
  --ea-accent:    #f4d06f;              /* aksan: yeşil → altın */
  --ea-mark:      #f4d06f;              /* hover marker → altın */
  --ea-grid-line: rgba(255, 255, 255, .06);  /* kareli çizgi: koyu → açık */
  --ea-hero-bg:   #14102e;              /* hero kareli zemini koyu */
  --ea-torn-paper:#15131d;              /* yırtık kağıt/not koyu */
}

/* ---------- 1. Gövde: home-dark ile aynı sabit gece-göğü gradyanı ---------- */
body {
  background:
    radial-gradient(1100px 700px at 80% -10%, rgba(111, 91, 214, .22), transparent 60%),
    linear-gradient(180deg, #0c0a20 0%, #14102e 44%, #070514 100%) #070514;
  background-attachment: fixed;
}

/* ---------- 2. Footer'daki koyu data-URI ikonları açığa çevir ----------
   Onur 21.06: nav artık .ead-* (SVG inline + currentColor → invert gerekmez).
   Eski .ea-logo/.ea-burger/.ea-close/.ea-ddtoggle img filter'ları kaldırıldı;
   yalnız footer'da kalan PNG/SVG'ler için invert korunuyor. */
.ea-ftoggle img, .ea-footbottom img { filter: invert(1) brightness(1.7); }

/* ---------- 3. Ticker → bordo + krem (koyu anasayfayla tutarlı) ---------- */
.ea-ticker { background: #7A1D2F; border-bottom: 1px solid rgba(255, 255, 255, .07); }
.ea-ticker-item p { color: #F5EFE3; }

/* ---------- 4. Sabit (değişken-olmayan) açık zeminler → koyu ---------- */
.ea-footer { background-color: #0a0814 !important; background-image: none !important; }
.ea-polaroid { background: #15131d !important; }
.ea-alert--ok { background: rgba(120, 200, 150, .12) !important; }
.ea-alert--err { background: rgba(220, 120, 120, .14) !important; }

/* ---------- 5. Yüzey kenarları + form alanları koyuda okunur ---------- */
.ea-card, .ea-tcard, .ea-polaroid { border-color: rgba(255, 255, 255, .10); }
.ea-input {
  background: rgba(255, 255, 255, .06);
  color: var(--ea-ink);
  border-color: rgba(255, 255, 255, .22);
}
.ea-input::placeholder { color: rgba(236, 233, 255, .62); }  /* a11y: .5 (4.18:1) → .62 (≥4.5:1) */

/* ---------- 6. Beyaz yırtık kağıt (.ea-hero-torn) koyuda göze batıyordu → koyu zemine gömülür ---------- */
.ea-hero-torn { color: #0b0a1c; }

/* ---------- 7. .ea-mk HIGHLIGHTER metin rengi (KRİTİK — footer + içerik linkleri)
   inner.css: .ea-mk { color: var(--ea-ink-deep) } → koyuda #070514 (siyah) →
   koyu zeminde GÖRÜNMEZ. Footer link sütunları (Keşfet/Topluluk/Yasal) ve içerik
   içi .ea-mk linkleri okunmuyordu. (21.06 nav birleşmesinde bu override yanlışlıkla
   "nav'a ait" sanılıp kaldırılmış; oysa .ea-mk footer + gövdede de kullanılıyor.)
   Çözüm: dinlenirken AÇIK metin (zeminde okunur), hover'da altın marker gelince
   KOYU metin (highlight üstünde okunur). ---------- */
.ea-mk { color: var(--ea-ink); }                 /* #ece9ff — koyu zeminde okunur */
.ea-mk:hover, .ea-mk:focus-visible,
a:hover > .ea-mk, a:focus-visible > .ea-mk { color: var(--ea-ink-deep); }  /* altın highlight üstünde koyu */

/* ---------- 8. Eski .ea-navlink border override'ları (nav .ead-*'e taşındı) → kaldırıldı. ---------- */

/* ---------- 9. KLAVYE ODAĞI (a11y 2.4.7): inner.css odak halkasını var(--ea-ink-deep)
   ile çiziyor; koyuda bu #070514 (neredeyse siyah) → zemine gömülüp GÖRÜNMEZ oluyordu.
   Açık mor halkayla ez (home-dark.css ile aynı görünüm). ---------- */
a:focus-visible, button:focus-visible, [role="button"]:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible, summary:focus-visible,
.ea-input:focus-visible, .ea-form select:focus-visible, .ea-form textarea:focus-visible,
.ea-rate input:focus-visible + label {
  outline-color: #c3acff;
}

/* ---------- 9b. "İçeriğe atla" skip-link (klavye a11y): inner.css'te
   background:var(--ea-ink-deep) + color:var(--ea-paper) → koyuda İKİSİ DE koyuya
   düşüyor (#070514 / #0c0a20) → odakta SİYAH-ÜSTÜ-SİYAH okunmuyordu. Altın zemin
   + koyu metin ile net yap (adversarial denetim 27.06 buldu). ---------- */
.ea-skip { background: var(--ea-accent); color: var(--ea-ink-deep); }

/* ---------- 10. Footer alt bandı: telif metni koyuda okunur + boş yıldızlar görünür ---------- */
.ea-footbottom p { color: #bcb6e2; }          /* eski #3a4554 koyuda 2.04:1 → ~10:1 */
.ea-stars { color: #f4d06f; }                 /* koyu altın #8a6a12 koyuda sönüktü → parlak altın */

/* ---------- 11. Eski .ea-dd-panel opak ezimi ---------------------------------
   Onur 21.06: yeni .ead-dd-panel inner.css'te zaten #14102e OPAK zemin + 1px
   var(--line) kenarlık + box-shadow ile geliyor → bu override gereksizleşti. */

/* ---------- 12. Mobil menü açıkken çerez bandını gizle ----------
   Onur 22.06: consent z-index 9999 > menu 1500 → açılan menünün alt linklerini
   ("İletişim" vb.) örtüyordu. inner.js menü açıldığında body'ye ead-menu-open
   class'ı ekliyor (home-dark.js ile aynı). Menü kapanınca consent geri görünür
   (henüz onaylanmamışsa). */
body.ead-menu-open .ea-consent { display: none !important; }

/* ---------- 13. Gece göğü yıldız tuvali (Ece 30.06: iç sayfalar da yıldızlı) ----------
   Anasayfayla AYNI sistem: canvas (#ea-sky) tüm görünümü kaplar, içeriğin
   ALTINDA sabit durur (sky.js çizer — home-dark.js initSky ile birebir). İçerik
   katmanı üstte kalsın diye konumlandırılır; .ead-nav zaten z-index:100 (inner.css).
   Saydam .ea-hero/.ea-section → yıldız görünür; opak nav/ticker/footer → yıldız arkada. */
.ead-sky { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; }
.ea-ticker, #ea-icerik, .ea-footer { position: relative; z-index: 1; }