/* Archived publication pages retain their content and reading controls. */
:root { --lacivert: #0d1b3e; --metin: #172034; --cizgi: #d8dee9; }
html { scroll-padding-top: 84px; }
body { background: #fff; }
.icerik { overflow-wrap: anywhere; }
.ustbar { position: sticky; top: 0; z-index: 80; background: #08132d; }
.ustbar .marka img { max-width: 216px; height: auto; object-fit: contain; }
.menu a { font-size: 14px; }
h1, .bolum-baslik { font-family: Georgia, 'Times New Roman', serif; letter-spacing: -.02em; }
.altbilgi h2 { margin: 0 0 14px; font-family: inherit; font-size: 16px; line-height: 1.4; }
.arsiv-okuma-bilgisi { max-width: 70ch; margin: 28px 0 0; color: #5a6478; font-size: 16px; line-height: 1.65; }
@media (max-width: 720px) {
  #arama-form { flex-wrap: wrap; }
  #arama-form input, #arama-form select { min-width: 0; max-width: 100%; }
  .ustbar-ic { flex-wrap: wrap; gap: 10px; }
  .ustbar .menu { display: flex; flex-wrap: wrap; gap: 12px; }
  .menu a { min-height: 36px; display: inline-flex; align-items: center; }
}

/* r23 — arşiv içeriğine dokunmadan üç sunum hatası.
   1) Kapak: kabuk iyileştirmesi eski görsellere width/height özniteliği ekler;
      height:auto olmadan daraltılan görsel dikey eziliyordu (480×654 kapak
      260 px sütunda 654 px yüksek kalıyordu). Oran öznitelikten korunur.
      :where() özgüllüğü 0 — sınıf kuralları (okuyucu yaprağı vb.) etkilenmez. */
:where(img[width][height]) { height: auto; }
.icerik a[href*="okuyucu.html"] > img { width: 100%; height: auto; }

/* 2) Logo: SVG yalnız viewBox taşır, doğal genişliği yoktur; esnek kutuda
      width:auto sıfıra çöküyordu (ölçülen 0×0). Belirli genişlik verilir. */
.ustbar .marka { flex: 0 0 auto; }
.ustbar .marka img { width: clamp(150px, 20vw, 216px); height: auto; max-width: none; }

/* 3) Okuyucu, mobil: çubuk üç satıra sarıp 151 px'e çıkıyor, sayfa alanı ise
      sabit 56 px'ten başlıyordu (95 px örtüşme). Çubuk tek satır ve 56 px
      kalır, araçlar yatay kaydırılır; gizlenen arama ve PDF görünür olur. */
/*    Masaüstünde de çubuk 60 px çıkıp sahneyle 4 px örtüşüyordu (ölçüldü);
      yükseklik her genişlikte 56 px'e sabitlenir. */
.okuyucu-bar { height: 56px; box-sizing: border-box; padding-top: 8px; padding-bottom: 8px; }
@media (max-width: 640px) {
  .okuyucu-bar {
    flex-wrap: nowrap;
    padding: 8px 10px; gap: 8px;
    overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain;
    scrollbar-width: none;
  }
  .okuyucu-bar::-webkit-scrollbar { display: none; }
  #sayi-adi { flex: 0 1 auto; flex-basis: auto; min-width: 6.5em; max-width: 44vw; white-space: nowrap; }
  .okuyucu-bar a, .okuyucu-bar button { flex: 0 0 auto; padding: 8px 11px; }
  #sayida-ara.gizle-mobil, #pdf-indir.gizle-mobil { display: inline-block; }
}

/* r23 — dergi aramasından haber aramasına geçiş satırı */
.arama-gecis { margin: 6px 0 18px; color: #5a6478; font-size: 15px; }
.arama-gecis a { text-decoration: underline; }

/* r23 — sayı sayfalarında görünen sayfa yolu (yapısal veriden üretilir) */
.sayfa-yolu ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 18px; padding: 0; font-size: 14px; color: #5a6478; }
.sayfa-yolu a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

/* r23/v1.27 — okuyucu sayfası doğal oranda: yaprak yüksekliği sabit, görsel oranı
   korunarak sığar (390 px'te 0,531 yerine 0,733). Zoom kipi etkilenmez. */
#sahne:not(.zoomlu) .yaprak { display: flex; align-items: center; }
#sahne:not(.zoomlu) .yaprak img { height: auto; width: auto; max-height: 100%; max-width: 100%; }
/* r23/v1.27 — okuyucu araç şeridi 900 px'e kadar tek satır kayar; ince kaydırma
   çubuğu görünür ipucu verir (768'de son düğme ekran dışındaydı). */
@media (max-width: 900px) {
  .okuyucu-bar { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
  .okuyucu-bar::-webkit-scrollbar { display: block; height: 4px; }
  .okuyucu-bar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.45); border-radius: 2px; }
  .okuyucu-bar a, .okuyucu-bar button { flex: 0 0 auto; }
}
@media (max-width: 560px) {
  #sv-riza { padding: 8px 12px; }
  #sv-riza .sv-r-bas { font-size: 15px; margin-bottom: 6px; }
  #sv-riza .sv-r-gov { margin-bottom: 2px; line-height: 1.42; }
  #sv-riza .sv-r-ayr { margin-bottom: 4px; }
  #sv-riza .sv-r-kararlar { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  #sv-riza .sv-r-ayar { grid-column: 1 / -1; }
}
/* r23/v1.27 — 641–900 px arasında araç şeridi kaydırmadan sığar (768'de 845→768 px). */
@media (min-width: 641px) and (max-width: 900px) {
  .okuyucu-bar { gap: 6px; padding-left: 10px; padding-right: 10px; }
  .okuyucu-bar a, .okuyucu-bar button { padding: 8px 9px; }
}
