/* =========================================================
   Açık gazete kâğıdı teması — üst bölüm, iç sayfa bantları,
   yan çekmece, footer ve çerez şeridi
   aliseriati.com · Beyribey Bilişim

   Bu alanlar siyahtı. Artık sayfa zeminiyle (--kagit #e9dfcb)
   aynı aileden, ondan yalnızca birkaç ton koyu. Zemin
   açıldığı için yazılar KOYU mürekkebe çevrildi — açık
   zeminde açık yazı okunmuyordu (özellikle yan çekmecede).

   Bu dosya EN SON yüklenir; kaldırılırsa site eski koyu
   temasına döner.
   ========================================================= */

:root{
  /* zeminler — kâğıttan yalnız birkaç ton koyu */
  --ust:      #ddcfb3;   /* üst şerit ve menü */
  --ust-2:    #e3d7bd;   /* başlık ve iç sayfa üst bantları */
  --ust-3:    #d5c5a5;   /* çekmecedeki kutular, girinti */
  /* yazılar koyu mürekkep */
  --ust-metin:   #231d12;
  --ust-metin-2: #5c503b;
  --ust-cizgi:   rgba(35,29,18,.20);
  --ust-cizgi-2: rgba(35,29,18,.32);
  --ust-altin:   #8a6a1c;   /* açık zeminde okunur altın */
  --ust-vurgu:   rgba(138,106,28,.13);
}

/* ---------- üst şerit ---------- */
.serit{background:var(--ust);color:var(--ust-metin-2);
  border-bottom:1px solid var(--ust-cizgi)}
.serit .hicri{color:var(--ust-altin);font-weight:600}
.dil a{border-color:var(--ust-cizgi-2);color:var(--ust-metin-2)}
.dil a:hover{border-color:var(--ust-altin);color:var(--ust-altin)}
.dil .aktif{background:var(--ust-altin);border-color:var(--ust-altin);color:#fdf8ec;font-weight:600}

/* ---------- başlık ---------- */
header.ust{background:var(--ust-2);color:var(--ust-metin)}
header.ust::after{background:radial-gradient(1100px 380px at 18% 120%,rgba(138,106,28,.10),transparent 62%)}
header.ust .marka .ad{color:var(--ust-metin)}
header.ust .marka .alt{color:var(--ust-altin)}
.ara{background:rgba(255,255,255,.55);border-color:var(--ust-cizgi-2);color:var(--ust-metin-2)}
.ara:hover{border-color:var(--ust-altin)}
.ikon-dgm{border-color:var(--ust-cizgi-2);color:var(--ust-metin)}
.ikon-dgm:hover{border-color:var(--ust-altin);color:var(--ust-altin);background:var(--ust-vurgu)}

/* ---------- menü ---------- */
nav.menu{background:var(--ust);border-top:1px solid var(--ust-cizgi);
  border-bottom:1px solid var(--ust-cizgi-2)}
nav.menu a{color:var(--ust-metin-2)}
nav.menu a:hover{color:var(--ust-metin);background:var(--ust-vurgu)}
nav.menu a.aktif{color:var(--ust-altin);border-bottom-color:var(--ust-altin)}
nav.menu::after{background:linear-gradient(90deg,rgba(221,207,179,0),var(--ust) 72%)}

/* ---------- yan çekmece (hamburger menü) ---------- */
.cekmece .perde{background:rgba(45,36,22,.55)}
.cekmece .panel{background:var(--ust-2);color:var(--ust-metin);
  box-shadow:-24px 0 60px rgba(45,36,22,.28)}
.panel-bas{border-bottom-color:var(--ust-cizgi-2)}
.panel-marka .ad{color:var(--ust-metin)}
.panel-marka .alt{color:var(--ust-altin)}
.panel .kapat{background:rgba(255,255,255,.5);border-color:var(--ust-cizgi-2);color:var(--ust-metin)}
.panel .kapat:hover{border-color:var(--ust-altin);color:var(--ust-altin)}
.panel-ara{background:rgba(255,255,255,.55);border-color:var(--ust-cizgi-2);color:var(--ust-metin-2)}
.panel-ara:focus-within{border-color:var(--ust-altin)}
.panel-ara input{color:var(--ust-metin)}
.panel-ara input::placeholder{color:#8d8069}
.panel-grup>h3{color:var(--ust-altin);border-bottom-color:var(--ust-cizgi-2)}
.panel-grup>h3 span{color:#8d8069}
.bolum-izgara{background:var(--ust-cizgi)}
.bolum-izgara a{background:var(--ust-3);color:var(--ust-metin)}
.bolum-izgara a:hover{background:var(--ust-vurgu);color:var(--ust-metin)}
.bolum-izgara a b{color:var(--ust-altin)}
.bolum-izgara a:hover b{color:var(--ust-altin)}
.panel-liste a{color:var(--ust-metin-2)}
.panel-liste a:hover{color:var(--ust-altin);background:var(--ust-vurgu)}

/* ---------- iç sayfaların üst bantları ---------- */
.hero,.kat-ust,.yazi-ust{background:var(--ust-2);color:var(--ust-metin)}
.hero h1,.kat-ust h1,.yazi-ust h1{color:var(--ust-metin)}
.hero h1 em{color:var(--ust-altin)}
.hero .rozet,.kat-ust .kucuk{color:var(--ust-altin)}
.hero .rozet i{background:var(--ust-altin)}
.hero p.girus,.kat-ust p,.yazi-ust .ozet{color:var(--ust-metin-2)}
.kunye-satir{color:var(--ust-metin-2);border-top-color:var(--ust-cizgi-2)}

/* ---------- footer ---------- */
footer.alt{background:var(--ust);color:var(--ust-metin-2);
  border-top:1px solid var(--ust-cizgi-2)}
footer.alt h6{color:var(--ust-metin)}
footer.alt a:hover{color:var(--ust-altin)}
footer.alt .marka .ad{color:var(--ust-metin)}
.kunye{border-top-color:var(--ust-cizgi);color:#6b5f48}
.kredi{color:#6b5f48}
.kredi a{color:var(--ust-altin)}
.sosyal a{border-color:var(--ust-cizgi-2);color:var(--ust-metin-2)}
.sosyal a:hover{border-color:var(--ust-altin);color:var(--ust-altin);background:var(--ust-vurgu)}

/* ---------- çerez şeridi ---------- */
.cerez{background:var(--ust-2);color:var(--ust-metin-2);
  border-top:1px solid var(--ust-cizgi-2);box-shadow:0 -12px 34px rgba(45,36,22,.16)}
.cerez a{color:var(--ust-altin)}
.cerez .dgm-2{border-color:var(--ust-cizgi-2);color:var(--ust-metin-2)}
.cerez .dgm-2:hover{border-color:var(--ust-altin);color:var(--ust-altin)}
.cerez .dgm-1{background:var(--ust-altin);color:#fdf8ec}

/* ---------- yukarı çık düğmesi ---------- */
#yukari{background:var(--ust-altin);color:#fdf8ec}
#yukari:hover{background:#6d5314;color:#fff}

/* =========================================================
   İKİNCİ TUR — kalan koyu bloklar ve okunmayan yazılar
   Kullanıcı geri bildirimi: "menüdeki yazı renkleri, altta
   kronolojideki yazı renkleri… hepsini elden geçir".
   ========================================================= */

/* ---------- menü yazıları: daha koyu ve okunur ---------- */
nav.menu a{color:#4a3f2c;font-weight:700}
nav.menu a:hover{color:var(--ust-metin)}
nav.menu a.aktif{color:#6d5314;border-bottom-width:3px;border-bottom-color:#6d5314}
.serit{color:#514631}
header.ust .marka .alt{color:#7a5f18}

/* arama kutusu — soluk gri yazı açık zeminde kayboluyordu */
.ara{color:#6b5f48}
.ara::placeholder,.panel-ara input::placeholder{color:#8a7c62}

/* hero'daki ikinci düğme (Kronoloji) açık zeminde görünmüyordu */
.hero .dgm-2,.kat-ust .dgm-2,.yazi-ust .dgm-2{
  border-color:var(--ust-cizgi-2);color:var(--ust-metin);background:rgba(255,255,255,.35)}
.hero .dgm-2:hover,.kat-ust .dgm-2:hover,.yazi-ust .dgm-2:hover{
  border-color:var(--ust-altin);color:var(--ust-altin);background:var(--ust-vurgu)}
.hero .dgm-1,.kat-ust .dgm-1,.yazi-ust .dgm-1{background:var(--ust-altin);color:#fdf8ec}
.hero .dgm-1:hover{background:#6d5314;color:#fff}

/* ---------- KRONOLOJİ ŞERİDİ ---------- */
.kron{background:var(--ust);color:var(--ust-metin-2);
  border-top:1px solid var(--ust-cizgi-2);border-bottom:1px solid var(--ust-cizgi-2)}
.kron .bolum-bas{border-color:var(--ust-cizgi-2)}
.kron .bolum-bas h2{color:var(--ust-metin)}
.kron .bolum-bas .kucuk{color:var(--ust-altin)}
.kron .bolum-bas .tumu{color:#6b5f48;border-color:var(--ust-cizgi-2)}
.kron .bolum-bas .tumu:hover{color:var(--ust-altin);border-color:var(--ust-altin)}
.ray::before{background:var(--ust-cizgi-2)}
.nokta i{background:#a2937a;border-color:var(--ust)}
.nokta.vurgu i{background:var(--ust-altin)}
.nokta b{color:#6b5f48}
.nokta.vurgu b{color:var(--ust-altin)}
.nokta p{color:#5c503b}
.nokta:last-child.vurgu i{background:#9d3226}
.nokta:last-child.vurgu b{color:#9d3226}

/* ---------- GÜNÜN SÖZÜ ve BÜLTEN (zümrüt bloklar) ---------- */
/* Zemin açıldığı için zümrüt fazla sert kalıyordu; kâğıtla uyumlu
   koyu yeşile çekildi, yazılar açık bırakıldı (zemin koyu). */
.soz,.bulten{background:#3f5a4f;color:#eef4f0}
.soz .kap,.bulten .kap{position:relative;z-index:1}
.bulten h3{color:#fff}

/* ---------- açık zeminde kalan koyu çipler ---------- */
.hucre:hover{background:#4a3f2c;color:#fdf8ec}
.gorunum button[aria-pressed="true"]{background:#4a3f2c;color:#ffd98a}
.sayfalama a[aria-current]{background:#4a3f2c;color:#ffd98a;border-color:#4a3f2c}
.vk-kapak{background:#4a3f2c}

/* ---------- footer: açık zeminde kalan açık yazılar ---------- */
footer.alt .marka .ad{color:var(--ust-metin)}
footer.alt .marka .alt{color:var(--ust-altin)}
footer.alt li a{color:#5c503b}
footer.alt .aciklama{color:#5c503b}

/* Kronoloji sayfası — yıl sütunu soğuk griydi, sıcak paletle uyumlu değildi */
.zaman-cizgisi .zc-yil{color:#6b5f48}
.zaman-cizgisi li.vurgu .zc-yil{color:var(--ust-altin)}
.zaman-cizgisi .zc-yil::after{background:#a2937a}
.zaman-cizgisi li.vurgu .zc-yil::after{background:var(--ust-altin)}
.zaman-cizgisi .zc-govde{color:#3a3122}

/* =========================================================
   ÜÇÜNCÜ TUR — mobilde yakalananlar
   1) Çekmecedeki bölüm bağlantıları beyaz kalmıştı:
      site.css'teki ".cekmece .panel a" (0,3,0) benim
      ".bolum-izgara a" (0,1,1) kuralımdan güçlüydü.
      Aynı seçiciyle ezmek gerekiyor.
   2) Hamburger düğmesi ".ikon-dgm" değil ".hamburger";
      çizgileri currentColor olduğu için yazı rengi beyaz
      kalınca ikon da beyaz görünüyordu.
   ========================================================= */

.cekmece .panel a{color:var(--ust-metin-2);border-bottom-color:var(--ust-cizgi)}
.cekmece .panel a:hover{color:var(--ust-altin)}
.cekmece .panel .bolum-izgara a{color:var(--ust-metin);border-bottom:0}
.cekmece .panel .bolum-izgara a b{color:var(--ust-altin)}
.cekmece .panel .panel-liste a{color:var(--ust-metin-2)}
.cekmece .panel .panel-liste a:hover{color:var(--ust-altin)}

.hamburger{background:rgba(255,255,255,.5);border-color:var(--ust-cizgi-2);color:var(--ust-metin)}
.hamburger:hover,.hamburger[aria-expanded="true"]{
  border-color:var(--ust-altin);color:var(--ust-altin);background:var(--ust-vurgu)}