/*
Theme Name: Pompeiopolis
Description: Karanlik dergi düzeni — tek sütun editoryal akis. Mersin ilçe künyeleri.
Text Domain: pompeiopolis
Duzen: koyu dergi. Üstte manset (büyük serif baslik + genis 3:2 çerçeve), altinda
tek sütun editoryal akis: her yazi solda ince künye çizgisi, büyük serif baslik,
genis çerçeve ve kisa giris. Kategori seridi mastheadde. Künye (kategori dizini)
altta kolofon olarak. Park temalarinin hiçbirine benzemez: grid yok, kart yok,
açik zemin yok — tek sütun koyu dergi.
*/

:root{
  --pmp-zemin:#0d0d11; --pmp-yuzey:#15151b; --pmp-yuzey2:#1c1c24;
  --pmp-metin:#e9e5f1; --pmp-soluk:#9691a6; --pmp-cizgi:#2a2a34;
  --pmp-vurgu:#e0b155; --pmp-vurgu2:#c88f36;
  --pmp-en:940px;
  --pmp-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",serif;
  --pmp-sans:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--pmp-zemin);color:var(--pmp-metin);
  font:16px/1.7 var(--pmp-sans);letter-spacing:.005em}
img{max-width:100%;height:auto;display:block}
a{color:var(--pmp-vurgu);text-decoration:none}
a:hover{color:var(--pmp-vurgu2)}
.pmp-atla{position:absolute;left:-999em}

/* masthead */
.pmp-bas{border-bottom:1px solid var(--pmp-cizgi);background:linear-gradient(180deg,#101016,#0d0d11)}
.pmp-bas-ic{max-width:var(--pmp-en);margin:0 auto;padding:26px 22px 16px}
.pmp-marka{margin:0;font:700 30px/1 var(--pmp-serif);letter-spacing:.24em;text-transform:uppercase}
.pmp-marka a{color:var(--pmp-metin)}
.pmp-marka a:hover{color:var(--pmp-vurgu)}
.pmp-slogan{margin:8px 0 0;color:var(--pmp-soluk);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase}
.pmp-kat-serit{border-top:1px solid var(--pmp-cizgi);border-bottom:1px solid var(--pmp-cizgi);background:var(--pmp-yuzey)}
.pmp-kat-serit-ic{max-width:var(--pmp-en);margin:0 auto;padding:11px 22px;display:flex;flex-wrap:wrap;gap:2px 22px;justify-content:center}
.pmp-kat-serit a{color:var(--pmp-soluk);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase}
.pmp-kat-serit a:hover,.pmp-kat-serit a.pmp-aktif{color:var(--pmp-vurgu)}

/* govde */
.pmp-govde{max-width:var(--pmp-en);margin:0 auto;padding:34px 22px 60px}
.pmp-h1{font:700 34px/1.15 var(--pmp-serif);margin:0 0 6px;letter-spacing:.01em}
.pmp-giris{color:var(--pmp-soluk);max-width:660px;margin:0 0 30px;font-size:15.5px}
.pmp-giris p{margin:0}
.pmp-bos{color:var(--pmp-soluk);font-style:italic}

/* manset (hero) */
.pmp-manset{margin:0 0 40px;padding-bottom:36px;border-bottom:2px solid var(--pmp-vurgu)}
.pmp-manset-kadr{display:block;overflow:hidden;background:var(--pmp-yuzey2)}
.pmp-manset-kadr img{width:100%;aspect-ratio:3/2;object-fit:cover;object-position:center 30%;
  filter:saturate(.92) contrast(1.02)}
.pmp-manset-ic{padding-top:18px}
.pmp-manset h2{font:700 30px/1.2 var(--pmp-serif);margin:6px 0 10px}
.pmp-manset h2 a{color:var(--pmp-metin)}
.pmp-manset h2 a:hover{color:var(--pmp-vurgu)}
.pmp-manset .pmp-oz{font-size:16px;color:#cfc9db;max-width:640px}

/* editoryal akis */
.pmp-akis{display:flex;flex-direction:column}
.pmp-yazi{display:grid;grid-template-columns:1fr 300px;gap:26px;align-items:start;
  padding:26px 0;border-bottom:1px solid var(--pmp-cizgi);min-width:0}
.pmp-yazi:last-child{border-bottom:none}
.pmp-govde-y{min-width:0;order:1}
.pmp-yazi figure{margin:0;order:2;overflow:hidden;background:var(--pmp-yuzey2)}
.pmp-yazi figure img{width:100%;aspect-ratio:3/2;object-fit:cover;filter:saturate(.9) contrast(1.02)}
.pmp-yazi figure.pmp-yok{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;
  background:repeating-linear-gradient(135deg,#17171e 0 14px,#1b1b23 14px 28px);
  color:#4a4658;font:700 40px/1 var(--pmp-serif)}
.pmp-ust{display:flex;gap:12px;align-items:baseline;font-size:11.5px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--pmp-soluk);margin:0 0 8px}
.pmp-ust a{color:var(--pmp-vurgu)}
.pmp-ust time{font-variant-numeric:tabular-nums}
.pmp-yazi h2,.pmp-govde-y h2{font:600 22px/1.25 var(--pmp-serif);margin:0 0 9px}
.pmp-yazi h2 a{color:var(--pmp-metin)}
.pmp-yazi h2 a:hover{color:var(--pmp-vurgu)}
.pmp-oz{margin:0;color:#c3bdd0;font-size:15px;overflow-wrap:anywhere}

/* sayfalama */
.pmp-sayfa{margin:40px 0 0;display:flex;gap:8px;flex-wrap:wrap;font-family:var(--pmp-sans)}
.pmp-sayfa a,.pmp-sayfa span{padding:8px 14px;border:1px solid var(--pmp-cizgi);color:var(--pmp-metin);font-size:14px}
.pmp-sayfa .current{background:var(--pmp-vurgu);color:#161009;border-color:var(--pmp-vurgu);font-weight:700}

/* tekil */
.pmp-tekil{max-width:720px;margin:0 auto}
.pmp-tekil h1{font:700 32px/1.2 var(--pmp-serif);margin:10px 0 14px}
.pmp-kapak{margin:0 0 22px;overflow:hidden;background:var(--pmp-yuzey2)}
.pmp-kapak img{width:100%;aspect-ratio:3/2;object-fit:cover}
.pmp-metin{font-size:17px;line-height:1.8;color:#ddd8e8}
.pmp-metin p{margin:0 0 1.15em}
.pmp-ekler{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:24px 0}
.pmp-ekler img{aspect-ratio:1/1;object-fit:cover;border:1px solid var(--pmp-cizgi)}
.pmp-altbilgi{margin:34px 0 0;border-top:1px solid var(--pmp-cizgi);padding-top:18px}
.pmp-altbilgi h2{font:600 15px/1 var(--pmp-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--pmp-soluk);margin:0 0 12px}
.pmp-altbilgi ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.pmp-altbilgi a{color:var(--pmp-metin)}
.pmp-altbilgi a:hover{color:var(--pmp-vurgu)}

/* kolofon / künye (kategori dizini altta) */
.pmp-kunye{border-top:2px solid var(--pmp-vurgu);background:var(--pmp-yuzey)}
.pmp-kunye-ic{max-width:var(--pmp-en);margin:0 auto;padding:30px 22px}
.pmp-kunye h2{font:700 15px/1 var(--pmp-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--pmp-soluk);margin:0 0 16px}
.pmp-kunye-liste{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 30px}
.pmp-kunye-liste a{display:flex;justify-content:space-between;gap:12px;padding:9px 0;
  border-bottom:1px dotted var(--pmp-cizgi);color:var(--pmp-metin);font:600 15px/1.3 var(--pmp-serif)}
.pmp-kunye-liste a:hover{color:var(--pmp-vurgu)}
.pmp-kunye-liste b{color:var(--pmp-soluk);font:400 12px/1.6 var(--pmp-sans);font-variant-numeric:tabular-nums}

/* taban */
.pmp-taban{background:var(--pmp-zemin);border-top:1px solid var(--pmp-cizgi)}
.pmp-taban-ic{max-width:var(--pmp-en);margin:0 auto;padding:26px 22px;color:var(--pmp-soluk);font-size:13.5px}
.pmp-taban-ic p{margin:0 0 10px}
.pmp-taban a{color:#b9a9d8}
.pmp-taban small{color:#6f6a80}

@media(max-width:720px){
  .pmp-yazi{grid-template-columns:1fr;gap:14px}
  .pmp-yazi figure{order:0}
  .pmp-govde-y{order:1}
  .pmp-kunye-liste{grid-template-columns:1fr}
  .pmp-h1{font-size:27px}.pmp-manset h2{font-size:24px}
}