/* demo-aydinlik.css — CANLI DEMO BÖLÜMLERİNİN AYDINLIK TEMA DAVRANIŞI
   ============================================================================
   SORUN (27.08, ölçüldü). Ana sayfa aydınlık temada şöyle gidiyordu:

     Hero (açık) → Üç Yol (açık) → Keşfet (açık) → AJAN AKADEMİSİ (SİYAH BLOK)
     → Nasıl Çalışır (açık) → ARŞİV DEMO (SİYAH BLOK) → CANLI DEMO (SİYAH BLOK)
     → SENİ NE BEKLİYOR (SİYAH BLOK) → …

   Yani sayfa açık–siyah–açık–siyah diye yamalı bir bohçaya dönüyordu.

   KÖK SEBEP tek ve dördünde de aynı: akademi-demo.js · arsiv-demo.js ·
   studio-demo.js · kazanc-demo.js kendi <style> bloklarını basıyor, hepsinde
   kök `background:#040509` var ve HİÇBİRİNDE tek bir `data-theme` kuralı yok
   (dosyalarda arandı: 0 eşleşme). Bu modüller baştan yalnız koyu tema için
   yazılmış; tema.js de onlara ulaşamıyor çünkü renkler satır-içi değil,
   modülün kendi enjekte ettiği CSS'inde.

   ÇÖZÜM (01.09, GÜNCELLENDİ) — "PANELE ÇEVİR" değil, "SAYFAYA ÇEVİR".
   Önceki tur kökü koyu bırakıp yalnız panel içi metni açık mod değerlerinde
   tutuyordu (bkz. eski yorum aşağıda arşivlendi). Osman'ın açık talimatı:
   dört slab'ın SECTION zemini de sayfanın geri kalanı gibi krem/beyaz olsun
   (dark temada SİYAH kalsın). Kök artık `html[data-theme="light"]` altında
   krem'e boyanıyor (modülün kendi `#040509`'unu `!important` ile yeniyor).

   Bunun getirdiği ikinci sorun: modüllerin kendi metin renkleri (h2, altyazı,
   dış CTA'lar) koyu zemin için tasarlanmıştı — krem zeminde okunmaz olurdu.
   Ama modüllerin İÇİNDE kendi koyu zemini olan gerçek "cihaz" ekranları da
   var: video oynatıcı karesi (.ak-frame), ders sicili paneli (.ak-prog),
   arşiv dosya çekmecesi/klasörleri (.ad-doss, .folder, .ad-live), Studio
   önizleme sahnesi + konu kutusu + çıktı kutuları (.sd-stage, .sd-promptbox,
   .sd-obox), kazanç grafiği + rozet + gelir kartları (.kz-chart, .kz-live,
   .kz-gel). Bunlar kendi koyu zeminlerini KORUYOR (kendi arka planları
   krem'den etkilenmiyor) — bu yüzden İÇLERİNDEKİ metin de dokunulmadan
   kalmalı (aşağıdaki kurallar bunları `:not()` ile hariç tutuyor). Aksi
   halde "koyu zemin + şimdi de koyulaşan metin" ile aynı sessiz kırılma
   tekrar ederdi.

   Kökler zaten `overflow:hidden` olduğu için içerideki mutlak katmanlar
   (arşiv demosunun zemin görseli, vinyetler, parıltılar) krem zeminde de
   aynı şekilde kırpılır; ayrı bir düzeltme gerekmedi.
   ============================================================================ */

/* KÖK ZEMİN: modüllerin kendi `#akademi-demo{background:#040509}` vb. ID
   kuralı `!important` TAŞIMIYOR — burada `!important` ile ezilir. Karanlıkta
   hiçbir şey değişmiyor (kural yalnız `html[data-theme="light"]` altında). */
html[data-theme="light"] #akademi-demo,
html[data-theme="light"] #arsiv-demo,
html[data-theme="light"] #studio-demo,
html[data-theme="light"] #kazanc-demo {
  background: #f8f6f2 !important;
}

/* DEKORATİF DOKULAR. tema.js'in "koyu ada" kuralından `data-doku` ile
   çıkarıldılar, ama görselin KENDİSİ hâlâ boyuyordu: bunlar
   `filter:brightness(.22)` gibi ağır karartılmış dokular, açık zeminde
   bölümü yine siyaha çeviriyorlardı (Seviyeler'de ölçüldü). Aydınlıkta
   gizleniyorlar — zaten %10–13 opaklıkta atmosfer katmanları, kaybı yok.

   ⚠ YALNIZ GÖRSELİ GİZLEMEK YETMEDİ. Her dokunun hemen ardında bir de
   KARARTMA PERDESİ var (rgba(4,5,9,.92) gibi mutlak konumlu gradyan div'ler);
   dokuyu okunur kılmak için konmuşlar. Görsel gizlenince bunlar saf siyah
   birer örtü olarak kaldı ve bölüm yine koyu göründü — üstelik metin artık
   koyuya dönmüştü, yani koyu zemin + koyu metin = en kötü bileşim (Zaman
   Tüneli · Yorumlar · SSS · Ajan Kadrosu'nda görüldü). Perdeler de aynı
   `data-doku` işaretini taşıyor ve birlikte kalkıyorlar. */
html[data-theme="light"] [data-doku] { display: none; }

/* SSS (#sss) — "koyu ada" hariç, tek başına canlı ölçüldü (01.09). Bölümün
   kendi `background: linear-gradient(180deg, transparent, rgba(10,9,8,.5) 30%)`
   satır-içi kuralı `data-doku` işareti TAŞIMIYOR (o yalnız üstteki görsel +
   perde katmanlarında var), bu yüzden yukarıdaki genel gizleme onu kapsamıyor.
   Sonuç: krem sayfa üstünde yarı saydam siyah bir yıkama kalıyordu (üst krem,
   orta/alt gri). Soru metni zaten koyu mürekkep (`#1c1810`) olduğu için gri
   zeminde okunurluğu düşüyordu. Kökü de sayfanın geri kalanıyla aynı krem'e
   çeviriyoruz; karanlıkta bu kural devrede değil, sorgu odası siyah kalıyor.

   ⚠ 06.09 — TEK KISALTMA YETMEDİ, canlıda yine gri ölçüldü. Yalnız
   `background: #f8f6f2 !important` satır-içi gradyanı güvenilir
   temizlemiyordu (background-image boyamaya devam edebiliyor). Uzun el ile
   ayrı ayrı eziliyor: renk krem, görsel none, kısaltma da yedek olarak
   duruyor. Koyu temanın gradyanı da artık satır-içi DEĞİL — sayfanın
   <style> bloğunda yalnız `html[data-theme="dark"]` /
   `html:not([data-theme="light"])` altında tanımlı (Tarih Ajani.dc.html). */
html[data-theme="light"] #sss {
  background-color: #f8f6f2 !important;
  background-image: none !important;
  background: #f8f6f2 !important;
}

/* 31.08 — GENİŞLİK GERİ ALINDI. Osman'ın açık talimatı: slab'ın genişliği
   karanlıkla AYNI kalsın (tam genişlik), yalnız renk/overlay düzeltilsin.
   Önceki "içeri çek + köşe yuvarla" çözümü kökü ~1178px'e kısıtlıyordu; bu
   koyu moddaki tam-genişlik (edge-to-edge) kökten farklı bir DÜZEN
   değişikliğiydi. Kök artık dark ile bire bir aynı: tam genişlik, köşe
   yuvarlamasız. */

/* PANELİN İÇİNDEKİ METİN artık KOYU MÜREKKEBE döner (zemin krem olduğu için).
   `.ak-frame`/`.ak-prog` (akademi), `.ad-doss`/`.folder`/`.ad-live` (arşiv),
   `.sd-stage`/`.sd-promptbox`/`.sd-obox` (Studio), `.kz-chart`/`.kz-live`/
   `.kz-gel` (kazanç) kendi koyu zeminlerini koruyor — bunların İÇİNDEKİ metin
   `:not()` ile hariç tutulup modülün kendi (koyu-zemine-uygun, açık) rengiyle
   baş başa bırakılıyor. Aksi halde koyu zemin + koyu metin = görünmez olurdu. */
html[data-theme="light"] #akademi-demo :is(h1,h2,h3,h4,p,li,span,b,strong,small,td,th,label):not(.ak-frame *):not(.ak-prog *):not(.ak-tags *):not(.ak-cta .tag),
html[data-theme="light"] #arsiv-demo   :is(h1,h2,h3,h4,p,li,span,b,strong,small,td,th,label,.ad-count):not(.ad-doss *):not(.folder *):not(.ad-live *),
html[data-theme="light"] #studio-demo  :is(h1,h2,h3,h4,p,li,span,b,strong,small,td,th,label):not(.sd-stage *):not(.sd-promptbox *):not(.sd-obox *),
html[data-theme="light"] #kazanc-demo  :is(h1,h2,h3,h4,p,li,span,b,strong,small,td,th,label):not(.kz-chart *):not(.kz-live *):not(.kz-gel *) {
  color: #1d1a14 !important;
}
/* İkincil/etiket metinleri (small vb.) biraz daha soluk koyu kalsın — aynı
   "cihaz" hariç tutmasıyla, aynı sırayla üstteki kuralın ÜSTÜNE yazılır. */
html[data-theme="light"] #akademi-demo small:not(.ak-frame *):not(.ak-prog *),
html[data-theme="light"] #arsiv-demo   small:not(.ad-doss *):not(.folder *):not(.ad-live *),
html[data-theme="light"] #studio-demo  small:not(.sd-stage *):not(.sd-promptbox *):not(.sd-obox *),
html[data-theme="light"] #kazanc-demo  small:not(.kz-chart *):not(.kz-live *):not(.kz-gel *) {
  color: #4a4436 !important;
}
/* Anlamlı renkli etiketler (kendi kutusu/zemini OLMAYAN, doğrudan krem üstünde
   duran semantik renkler): tonu koru, yalnız koyulaştır — "CANLI DEMO" kırmızısı
   (Studio; `.kz-live`/`.ad-live` hariç, onların kendi koyu zemini var) ve
   akademi'nin yeşil onay etiketleri. */
html[data-theme="light"] #studio-demo .sd-live { color: #b0413e !important; }
html[data-theme="light"] #akademi-demo :is(.ak-tags span, .ak-cta .tag) { color: #2f7d43 !important; }
/* `.ad-live`/`.kz-live` rozetleri ve `.ad-btn.ghost` linki KENDİ yarı-saydam
   koyu zeminini taşıyor (rgba(12,10,6,.4-.5)) — panel köküyle birlikte krem
   olunca bu %40-50 saydamlık artık krem üstünde şeffaflaşıp orta griye
   dönüyor (~2.35:1, altın yazı ölçülemez). Rozet zemini `#ya-ray` kapak
   etiketleriyle aynı mantıkla OPAK koyuya sabitlenir; altın yazı böylece
   gerçek koyu zemin üstünde okunur kalır (~11:1). */
html[data-theme="light"] #arsiv-demo .ad-live,
html[data-theme="light"] #arsiv-demo .ad-btn.ghost,
html[data-theme="light"] #kazanc-demo .kz-live {
  background: rgba(12,10,6,.92) !important;
}
/* `.sd-oh` ("◈ STUDIO ÇIKTISI") sınıf-tabanlı altın renk kullanıyor — satır
   içi `style=` olmadığı için aşağıdaki `[style*=...]` kuralı onu YAKALAMAZ;
   krem zeminde 1.55:1 kalıyordu. */
html[data-theme="light"] #studio-demo .sd-oh { color: #8a6417 !important; }
/* Altın vurgular ve altın zeminli düğmeler koyu-mod hâllerinde kalır. */
html[data-theme="light"] :is(#akademi-demo,#arsiv-demo,#studio-demo,#kazanc-demo) [style*="e6c478"],
html[data-theme="light"] :is(#akademi-demo,#arsiv-demo,#studio-demo,#kazanc-demo) [style*="c19a52"] { color: #e6c478 !important; }
html[data-theme="light"] :is(#akademi-demo,#arsiv-demo,#studio-demo,#kazanc-demo) :is(a,button)[style*="linear-gradient"],
html[data-theme="light"] :is(#akademi-demo,#arsiv-demo,#studio-demo,#kazanc-demo) :is(a,button)[style*="linear-gradient"] * { color: #171207 !important; }

/* Panelin içindeki ZEMİNSİZ (transparent/border-only) DÜĞME ve BAĞLANTILAR
   ("Akademi'ye Katıl", "Studio'da kendin üret →", "Akademi'yi Gör →" vb.)
   krem zeminde koyu ALTINA döner — okunur kalır, marka altını korunur.
   Kendi ALTIN zemini olan CTA'lar (`.ak-btn`, `.ad-btn` solid, `.sd-btn`
   solid, `.kz-btn` solid, `.sd-chip.on`) hariç: onların kendi koyu mürekkebi
   (#171207) zaten doğru, dokunulmazsa daha güvenli. Kendi koyu YARI-SAYDAM
   zemini olan `.ad-btn`/`.ad-live` (arşiv "cihaz" rozetleri) de hariç. */
html[data-theme="light"] #akademi-demo :is(a,button):not(.ak-frame *):not(.ak-prog *):not(.ak-btn),
html[data-theme="light"] #arsiv-demo   :is(a,button):not(.ad-doss *):not(.folder *):not(.ad-live *):not(.ad-btn),
html[data-theme="light"] #studio-demo  :is(a,button):not(.sd-stage *):not(.sd-promptbox *):not(.sd-obox *):not(.sd-btn):not(.sd-chip.on),
html[data-theme="light"] #kazanc-demo  :is(a,button):not(.kz-chart *):not(.kz-live *):not(.kz-gel *):not(.kz-btn) {
  color: #8a6417 !important;
}
/* `.sd-btn.ghost`/`.kz-btn.ghost` zeminsizdir (`.sd-btn`/`.kz-btn` solid
   çeşidinin aksine) — üstteki kural onları `:not(.sd-btn)`/`:not(.kz-btn)`
   yüzünden hariç tuttu, burada ayrıca koyu altına çekilir. */
html[data-theme="light"] #studio-demo .sd-btn.ghost,
html[data-theme="light"] #kazanc-demo .kz-btn.ghost {
  color: #8a6417 !important;
}

/* YAYIN ARŞİVİ KARTLARI. Kart zemini #0a0c14 (koyu, video kapağı üstünde
   duruyor) ama başlıklar koyulaştı → 1.1 kontrast, hiçbiri okunmuyordu.
   Kartlar koyu kalıyor (kapak görselleriyle uyumlu), metin açığa dönüyor. */
html[data-theme="light"] #yayin-arsivi #ya-ray a :is(p,span,b) { color: #eadfc6 !important; }
html[data-theme="light"] #yayin-arsivi #ya-ray a span[style*="c19a52"] { color: #e6c478 !important; }
/* Kapak üstündeki tür rozetleri (▶ VİDEO · ◉ REELS · ▮ SHORTS): kendi koyu
   zeminleri açığa çevrilince altın yazı krem üstünde kaldı (1.3). Rozet
   görselin ÜSTÜNDE durduğu için koyu zemini geri veriliyor. */
html[data-theme="light"] #yayin-arsivi #ya-ray a span[style*="position: absolute"] {
  background: rgba(3,5,11,.85) !important; color: #e6c478 !important;
  border-color: rgba(193,154,82,.45) !important;
}

/* SOSYAL KANIT (sosyal-kanit.js). Kendi <style>'ını basıyor ve tema.js'in
   ulaşamadığı bir yer daha; aydınlıkta açıklama metni 1.9'da kalıyordu. */
html[data-theme="light"] .ta-sk .sk-quote { color: #2a251c !important; }
html[data-theme="light"] .ta-sk .sk-name { color: #1d1a14 !important; }
html[data-theme="light"] .ta-sk .sk-badge { color: #6f6858 !important; }
html[data-theme="light"] .ta-sk .sk-card { background: #fbfaf7 !important; border-color: rgba(150,116,52,.28) !important; }
html[data-theme="light"] .ta-sk .sk-ph { background: #f4f2ec !important; }
html[data-theme="light"] .ta-sk .sk-av { color: #6f4f12 !important; border-color: rgba(150,116,52,.5) !important; background: rgba(193,154,82,.1) !important; }
html[data-theme="light"] #ta-sosyal-kanit p { color: #4a4436 !important; }

/* ALT BİLGİ. Üst menü gibi (header) korunan bir `footerDark()` YOK — footer'ın
   kendi `#06070c` zemini tema.js'in genel BG süpürgesiyle kreme dönüyor
   (`#fbfaf7`). Bu satırlar önceden metni koyu-mod değerine (`#cfc8b4`, açık
   krem-gri) döndürüyordu; bu "footer koyu kalıyor" varsayımıyla yazılmıştı —
   YANLIŞ: zemin krem olduğundan krem-üstüne-krem, on beş bağlantı birden
   solgun/okunmuyordu (Osman, 1.9). Metin artık koyu mürekkebe dönüyor.
   ⚠ ÖZGÜLLÜK HESABI. tema.js'in kuralı
   `html[data-theme=light] [style*="color: rgb(164, 169, 181)"]` = (0,2,1).
   Önce `html[data-theme=light] footer a` (0,1,3), sonra `body` ekleyip
   (0,1,4) denedim — İKİSİ DE KAYBETTİ, çünkü öznitelik seçicileri sınıf
   ağırlığında sayılıyor ve tek `body` bunu kapatmıyor. Öğenin kendi
   `[style]` özniteliğini seçiciye katmak (0,2,3) yapıyor ve kazanıyor. */
html[data-theme="light"] footer :is(a,p,span,li,h3,h4,small,div)[style] { color: #4a4436 !important; }
html[data-theme="light"] footer a[style]:hover { color: #8a6417 !important; }
html[data-theme="light"] footer [style*="e6c478"],
html[data-theme="light"] footer [style*="c19a52"] { color: #8a6417 !important; }
/* alt-bilgi.js'in enjekte ettiği KURUMSAL/YASAL bağlantıların satır-içi stili
   YOK, bu yüzden yukarıdaki `[style]` seçicisi onları ıskaladı (2.3'te kaldılar
   — yasal metinlerin okunmaması ayrıca bir uyum sorunu). Öznitelik tekrarıyla
   (0,3,2) özgüllük: hem tema.js'i hem kendi kurallarını geçer. */
html[data-theme="light"][data-theme="light"] footer :is(a,p,span,li,small,b) { color: #4a4436 !important; }
html[data-theme="light"][data-theme="light"] footer a:hover { color: #8a6417 !important; }

/* NASIL ÇALIŞIR ŞERİDİ. Açık zeminde altın metin soluk kalıyordu
   (etiket 2.4, düğme 1.6). Koyu altına iner. */
html[data-theme="light"] #nasil-calisir .op-eyebrow { color: #8a6417 !important; }
html[data-theme="light"] #nasil-calisir .op-btn { color: #6f4f12 !important; border-color: rgba(150,116,52,.55) !important; }
html[data-theme="light"] #nasil-calisir .op-k { color: #1d1a14 !important; background: transparent !important; }
html[data-theme="light"] #nasil-calisir .op-n { color: #8a6417 !important; }
html[data-theme="light"] #nasil-calisir .op-ring { background: #fbfaf7 !important; color: #8a6417 !important; border-color: rgba(150,116,52,.45) !important; box-shadow: 0 0 0 6px #f8f6f2 !important; }

/* KÖPRÜ ŞERİTLERİ. Paneller arasındaki geçiş cümleleri ("Akışı gördün. İlk
   adım: hazır bir dosya seç.") kendi `background:#040509` şeridini taşıyordu:
   paneller içeri çekilince bu şeritler ARADA TAM GENİŞLİK SİYAH ÇİZGİLER
   olarak kaldı — yamalı görüntünün ikinci kaynağı. Zemin kalkıyor, mürekkep
   koyuya iniyor: cümle artık sayfanın kendi zemininde akıyor. */
html[data-theme="light"] .ta-kopru { background: transparent; padding-block: 26px 14px; }
html[data-theme="light"] .ta-kopru p { color: #4a4436; }
html[data-theme="light"] .ta-kopru em { color: #6f4f12; }