/* ============================================================
   KERYKS — antik basın bölümü (Arkhaion)
   Bağımsız stil dosyası. arkhaion.css / style.css'ten AYRIDIR.
   Fontlar header'da global yükleniyor (Typekit swo7bar):
     Chandler 42  -> "chandler-42-regular"
     Adobe Caslon -> "adobe-caslon-pro"
   Tüm kurallar .keryks-page sarmalayıcısı altında (site geneliyle çakışmaz).
   ------------------------------------------------------------
   TARAYICIDA OYNAMAK İÇİN: aşağıdaki :root değişkenlerini değiştir + yenile.
   ============================================================ */

:root{
  /* --- RENKLER (tek renk kuralı: kırmızı SADECE logo + mühür) --- */
  --k-kagit:        #f2eede;
  --k-kagit-koyu:   #e9e4d3;
  --k-murekkep:     #1b1916;
  --k-murekkep-2:   #4a463d;
  --k-cizgi:        #1b1916;
  --k-kirmizi:      #8a2b22;
  --k-gri:          #b9b6ad;
  --k-zemin:        #2b2822;   /* kâğıdın etrafındaki koyu zemin */
  --k-vurgu:        var(--k-murekkep); /* etiket/link. Kırmızı istersen: var(--k-kirmizi) */

  /* --- FONTLAR --- */
  --k-font-baslik:  "chandler-42-regular", "Courier New", monospace;
  --k-font-govde:   "adobe-caslon-pro", Georgia, "Times New Roman", serif;
  --k-font-kicker:  "adobe-caslon-pro", Georgia, serif;

  /* --- ÖLÇÜLER (font) --- */
  --k-mancet:       4.4rem;
  --k-motto:        1rem;
  --k-hero-baslik:  2.1rem;
  --k-hero-spot:    1.05rem;
  --k-kart-baslik:  1.2rem;
  --k-govde:        0.95rem;
  --k-govde-satir:  1.55;
  --k-kicker:       0.82rem;
  --k-kunye:        0.75rem;

  /* --- ÖLÇÜLER (yerleşim) --- */
  --k-kagit-en:     1080px;
  --k-bosluk:       1.6rem;
  --k-kenar:        clamp(1rem, 4vw, 3rem);
  --k-oran-yatay:   4 / 3;
  --k-oran-sanat:   16 / 9;

  /* --- LİSTE GÖRSEL YÜKSEKLİKLERİ (genişlik sabit, yükseklik bunlar) --- */
  --k-kart-img-h:   220px;   /* kart görseli (2 sütunlu haberler) */
  --k-hero-img-h:   300px;   /* hero görseli */
  --k-kart-spot-satir: 3;    /* kart spotu için sabit satır sayısı (hizalama) */
  --k-kart-baslik-satir: 2;  /* kart başlığı için sabit satır sayısı */

  /* --- ÇİZGİLER --- */
  --k-cizgi-ince:   1px solid var(--k-cizgi);
  --k-cizgi-kalin:  3px solid var(--k-cizgi);
}

/* ---------- sarmalayıcı ---------- */
.keryks-page{
  background:var(--k-zemin);
  color:var(--k-murekkep);
  font-family:var(--k-font-govde);
  -webkit-font-smoothing:antialiased;
  padding:2rem 0 4rem;
  min-height:100vh;
}
.keryks-page *{ box-sizing:border-box; }
.keryks-page a{ color:inherit; text-decoration:none; }
.k-kagit{
  max-width:var(--k-kagit-en);
  margin:0 auto;
  background:var(--k-kagit);
  padding:var(--k-kenar);
  box-shadow:0 10px 40px rgba(0,0,0,.45);
}

/* ---------- görsel placeholder / gerçek görsel ---------- */
.k-img{
  display:block; width:100%;
  aspect-ratio:var(--k-oran-yatay);
  background:var(--k-gri);
  object-fit:cover;
  filter:grayscale(1) contrast(1.05); /* tek renk kuralı: renkli görsel de tekrenge düşer */
}
.k-img--sanat{ aspect-ratio:var(--k-oran-sanat); }

/* Liste görselleri: genişlik tam, yükseklik sabit, görsel ortalı (cover) */
.k-hero .k-img{ aspect-ratio:auto; height:var(--k-hero-img-h); background-position:center; }
.k-kart .k-img{ aspect-ratio:auto; height:var(--k-kart-img-h); background-position:center; }

/* ============================================================
   MASTHEAD  (KERYKS + mühürler nihai halde SVG olacak)
   ============================================================ */
.k-masthead{ text-align:center; position:relative; padding:.5rem 0 1rem; }
.k-mast-logo{
  font-family:var(--k-font-baslik); font-weight:800;
  font-size:var(--k-mancet); line-height:1; margin:0;
  color:var(--k-kirmizi); letter-spacing:.06em;
}
.k-mast-motto{
  font-family:var(--k-font-baslik); font-weight:400;
  font-size:var(--k-motto); letter-spacing:.14em; margin:.4rem 0 0;
  color:var(--k-murekkep);
}
.k-muhur{
  position:absolute; top:50%; transform:translateY(-60%);
  width:78px; height:78px; border:2px solid var(--k-kirmizi); border-radius:50%;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  color:var(--k-kirmizi); font-family:var(--k-font-baslik); line-height:1;
}
.k-muhur--sol{ left:0; }
.k-muhur--sag{ right:0; }
.k-muhur b{ font-size:1.3rem; }
.k-muhur span{ font-size:.5rem; letter-spacing:.08em; margin-top:2px; }
/* Athena baykuşu mührü (obol) */
.k-muhur--baykus .k-baykus{ width:42px; height:42px; object-fit:contain; display:block; }
/* Tek renk kuralına uymak istersen baykuşu da kırmızıya boya:
   .k-muhur--baykus .k-baykus{ filter:brightness(0) saturate(100%)
     invert(18%) sepia(60%) saturate(2200%) hue-rotate(340deg); } */

.k-dateline{
  display:flex; justify-content:space-between; align-items:center; gap:1rem;
  font-family:var(--k-font-baslik); font-size:.8rem; letter-spacing:.04em;
  padding:.5rem 0; border-top:var(--k-cizgi-ince); border-bottom:var(--k-cizgi-kalin);
}
.k-dateline span{ white-space:nowrap; }

/* ============================================================
   HERO
   ============================================================ */
.k-hero{
  display:grid; grid-template-columns:1fr 1fr; gap:var(--k-bosluk);
  padding:1.4rem 0; border-bottom:var(--k-cizgi-kalin);
}
.k-hero .k-baslik{
  font-family:var(--k-font-baslik); font-weight:800;
  font-size:var(--k-hero-baslik); line-height:1.1; margin:0 0 .6rem;
}
.k-hero .k-spot{ font-size:var(--k-hero-spot); line-height:var(--k-govde-satir); margin:0 0 1rem; }
.k-kunye{
  font-family:var(--k-font-govde); font-style:italic;
  font-size:var(--k-kunye); color:var(--k-murekkep-2); line-height:1.35;
}

/* ============================================================
   KÜME — 2 kart kolonu + sağda şerit (köşe yazısı + kısa kısa)
   ============================================================ */
.k-kume{
  display:grid; grid-template-columns:1fr 1fr .8fr; gap:var(--k-bosluk);
  padding:1.4rem 0;
}
.k-kolon{ display:flex; flex-direction:column; gap:1.4rem; }

.k-kart .k-baslik{
  font-family:var(--k-font-baslik); font-weight:800;
  font-size:var(--k-kart-baslik); line-height:1.15; margin:.6rem 0 .35rem;
  /* sabit yükseklik → yan yana kartlar hizalı */
  display:-webkit-box; -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--k-kart-baslik-satir); overflow:hidden;
  min-height:calc(var(--k-kart-baslik-satir) * 1.15em);
}
.k-kart .k-govde{
  font-size:var(--k-govde); line-height:var(--k-govde-satir); margin:0;
  /* spot her zaman 3 satırlık alan kaplar (2 satırsa altta boşluk kalır, div'ler hizalı) */
  display:-webkit-box; -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--k-kart-spot-satir); overflow:hidden;
  min-height:calc(var(--k-kart-spot-satir) * var(--k-govde-satir) * 1em);
}

/* sağ şerit */
.k-rail{ border-left:var(--k-cizgi-ince); padding-left:var(--k-bosluk); }

/* köşe yazıları (görselsiz, yazar künyeli) */
.k-kose{ padding-bottom:1rem; margin-bottom:1rem; border-bottom:var(--k-cizgi-ince); }
.k-kose .k-baslik{
  font-family:var(--k-font-baslik); font-weight:800;
  font-size:1.05rem; line-height:1.15; margin:0 0 .35rem;
}
.k-kose .k-govde{ font-size:var(--k-govde); line-height:var(--k-govde-satir); margin:0 0 .4rem; }

/* kısa kısa (tek satırlık başlık listesi) */
.k-kisa-baslik{
  font-family:var(--k-font-kicker); font-variant:small-caps; font-weight:700;
  letter-spacing:.1em; font-size:var(--k-kicker); margin:1rem 0 .5rem;
  border-bottom:var(--k-cizgi-ince); padding-bottom:.3rem;
}
.k-kisa-list{ list-style:none; margin:0; padding:0; }
.k-kisa-list li{
  font-size:var(--k-govde); line-height:1.3; padding:.4rem 0;
  border-bottom:1px dotted var(--k-murekkep-2);
}
.k-kisa-list li:last-child{ border-bottom:0; }

/* ============================================================
   SANAT HABERİ — yatay geniş şerit
   ============================================================ */
.k-sanat{
  display:grid; grid-template-columns:.42fr 1fr; gap:var(--k-bosluk);
  align-items:center;
  padding:1.2rem 0; border-top:var(--k-cizgi-ince); border-bottom:var(--k-cizgi-kalin);
}
.k-sanat .k-etiket{
  font-family:var(--k-font-kicker); font-variant:small-caps; letter-spacing:.12em;
  font-size:var(--k-kicker); color:var(--k-vurgu); margin:0 0 .3rem;
}
.k-sanat .k-baslik{
  font-family:var(--k-font-baslik); font-weight:800; font-size:1.5rem;
  line-height:1.15; margin:0 0 .5rem;
}
.k-sanat .k-govde{ font-size:var(--k-govde); line-height:var(--k-govde-satir); margin:0; }

/* ============================================================
   MİNİ BÜLTENLER — Gökten Haber · Seri İlanlar · Agora Fiyatları
   (şimdilik statik placeholder; DB'ye bağlanınca döngüye çevrilir)
   ============================================================ */
.k-bulten{
  display:grid; grid-template-columns:repeat(3,1fr); gap:var(--k-bosluk);
  padding:1.2rem 0; border-bottom:var(--k-cizgi-kalin);
}
.k-bulten > div{ padding-left:var(--k-bosluk); border-left:var(--k-cizgi-ince); }
.k-bulten > div:first-child{ padding-left:0; border-left:0; }
.k-kicker{
  font-family:var(--k-font-kicker); font-variant:small-caps; font-weight:700;
  letter-spacing:.1em; font-size:var(--k-kicker); margin:0 0 .4rem;
}
.k-bulten p:not(.k-kicker){ font-size:var(--k-govde); line-height:var(--k-govde-satir); margin:0; }
.k-bulten em{ font-style:italic; }

/* ============================================================
   DETAY SAYFASI
   ============================================================ */
.k-detay-baslik{
  font-family:var(--k-font-baslik); font-weight:800; text-align:center;
  font-size:clamp(2rem,5vw,3.4rem); line-height:1.05; margin:1.4rem 0 .8rem;
}
.k-detay-spot{
  font-size:1.15rem; line-height:1.5; text-align:center;
  max-width:44ch; margin:0 auto 1.4rem; border-bottom:var(--k-cizgi-kalin); padding-bottom:1.4rem;
}
.k-detay-govde{ column-count:3; column-gap:var(--k-bosluk); text-align:justify; }
.k-detay-govde p{ font-size:var(--k-govde); line-height:var(--k-govde-satir); margin:0 0 .8rem; }
.k-detay-govde .k-figur{ break-inside:avoid; margin:0 0 1rem; }
.k-detay-govde .k-figur figcaption{
  font-family:var(--k-font-kicker); font-variant:small-caps; letter-spacing:.06em;
  font-size:.7rem; text-align:center; margin-top:.3rem; color:var(--k-murekkep-2);
}
.k-kaynak{
  margin-top:1.4rem; padding-top:1rem; border-top:var(--k-cizgi-ince);
  font-style:italic; font-size:var(--k-govde);
}
.k-kaynak a{ color:var(--k-vurgu); text-decoration:underline; text-underline-offset:2px; }

/* ============================================================
   GERİ DÖN butonu (sağ alt köşe menü ikonunun _floating_panel_ yanında)
   ============================================================ */
.k-geri{
  position:fixed; right:88px; bottom:28px; z-index:9998;
  font-family:var(--k-font-baslik); font-size:.8rem;
  background:var(--k-kagit); color:var(--k-murekkep);
  border:2px solid var(--k-murekkep); border-radius:3px;
  padding:.55rem .85rem; text-decoration:none;
  box-shadow:0 6px 20px rgba(0,0,0,.3);
}
.k-geri:hover{ background:var(--k-kirmizi); color:var(--k-kagit); border-color:var(--k-kirmizi); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:820px){
  .k-hero{ grid-template-columns:1fr; }
  .k-kume{ grid-template-columns:1fr 1fr; }
  .k-rail{ grid-column:1 / -1; border-left:0; border-top:var(--k-cizgi-ince);
           padding-left:0; padding-top:1rem; }
  .k-detay-govde{ column-count:2; }
}
@media (max-width:560px){
  :root{ --k-mancet:2.6rem; --k-hero-baslik:1.7rem; }
  .k-kume{ grid-template-columns:1fr; }
  .k-sanat{ grid-template-columns:1fr; }
  .k-bulten{ grid-template-columns:1fr; }
  .k-bulten > div{ padding-left:0; border-left:0; border-top:var(--k-cizgi-ince); padding-top:.8rem; }
  .k-detay-govde{ column-count:1; }
  .k-muhur{ display:none; }
  .k-geri{ right:84px; bottom:24px; }
}