/*
Theme Name: Nerik
Description: Acik zeminli, sol kenar ilçe dizini olan katalog düzeni. Samsun.
Text Domain: nerik
Duzen: acik zemin, IKI SUTUN — solda yapiskan (sticky) ilçe dizini kenar çubugu,
sagda ana akis (yatay kartlar: solda kadraj, sagda künye+baslik+ozet). Ne parkta
ne 186-koyu-dergide kenar çubugu düzeni yok. Kart gridi degil, kenarli katalog.
*/

:root{
  --nrk-zemin:#f6f7f9; --nrk-yuzey:#ffffff; --nrk-murek:#1f2733; --nrk-soluk:#6b7480;
  --nrk-cizgi:#e3e7ec; --nrk-vurgu:#b5122b; --nrk-vurgu2:#8d0e21; --nrk-yan:#eef1f5;
  --nrk-en:1120px; --nrk-yan-w:250px;
  --nrk-sans:"Segoe UI",system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--nrk-zemin);color:var(--nrk-murek);font:15.5px/1.62 var(--nrk-sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--nrk-vurgu);text-decoration:none}
a:hover{color:var(--nrk-vurgu2)}
.nrk-atla{position:absolute;left:-999em}

/* ust bar */
.nrk-ust{background:var(--nrk-yuzey);border-bottom:3px solid var(--nrk-vurgu)}
.nrk-ust-ic{max-width:var(--nrk-en);margin:0 auto;padding:16px 22px;display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.nrk-marka{margin:0;font-size:23px;font-weight:800;letter-spacing:.01em}
.nrk-marka a{color:var(--nrk-murek)}
.nrk-marka a:hover{color:var(--nrk-vurgu)}
.nrk-slogan{color:var(--nrk-soluk);font-size:13px}

/* kabuk: iki sütun */
.nrk-kabuk{max-width:var(--nrk-en);margin:0 auto;padding:22px;display:flex;gap:28px;align-items:flex-start}
.nrk-yan{flex:0 0 var(--nrk-yan-w);position:sticky;top:16px}
.nrk-yan-blok{background:var(--nrk-yuzey);border:1px solid var(--nrk-cizgi);border-radius:8px;overflow:hidden;margin-bottom:16px}
.nrk-yan-blok h2{margin:0;padding:12px 16px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--nrk-soluk);background:var(--nrk-yan);border-bottom:1px solid var(--nrk-cizgi)}
.nrk-dizin{list-style:none;margin:0;padding:6px 0}
.nrk-dizin li{margin:0}
.nrk-dizin a{display:flex;justify-content:space-between;gap:10px;padding:9px 16px;color:var(--nrk-murek);border-left:3px solid transparent}
.nrk-dizin a:hover{background:var(--nrk-yan);color:var(--nrk-vurgu)}
.nrk-dizin a.nrk-aktif{border-left-color:var(--nrk-vurgu);color:var(--nrk-vurgu);font-weight:700;background:var(--nrk-yan)}
.nrk-dizin b{color:var(--nrk-soluk);font-weight:400;font-size:12.5px;font-variant-numeric:tabular-nums}
.nrk-yan-not{padding:12px 16px;color:var(--nrk-soluk);font-size:13px}

.nrk-govde{flex:1 1 auto;min-width:0}
.nrk-govde>h1{margin:0 0 6px;font-size:26px;line-height:1.2}
.nrk-giris{color:var(--nrk-soluk);margin:0 0 20px;max-width:680px}
.nrk-giris p{margin:0}
.nrk-bos{color:var(--nrk-soluk);font-style:italic}

/* akis: yatay kartlar */
.nrk-akis{display:flex;flex-direction:column;gap:14px}
.nrk-kart{display:grid;grid-template-columns:220px 1fr;gap:16px;background:var(--nrk-yuzey);border:1px solid var(--nrk-cizgi);border-radius:8px;overflow:hidden;min-width:0}
.nrk-kart figure{margin:0;overflow:hidden;background:var(--nrk-yan)}
.nrk-kart figure img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
.nrk-kart figure.nrk-yok{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;color:#c2c8d0;font-size:34px;font-weight:800}
.nrk-kart-ic{min-width:0;padding:14px 16px 14px 0;display:flex;flex-direction:column;gap:7px}
.nrk-kunye{display:flex;gap:10px;align-items:baseline;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--nrk-soluk)}
.nrk-kunye a{color:var(--nrk-vurgu)}
.nrk-kunye time{font-variant-numeric:tabular-nums}
.nrk-kart-ic h2{margin:0;font-size:18px;line-height:1.3}
.nrk-kart-ic h2 a{color:var(--nrk-murek)}
.nrk-kart-ic h2 a:hover{color:var(--nrk-vurgu)}
.nrk-oz{margin:0;color:#4a525e;font-size:14px;overflow-wrap:anywhere}

.nrk-sayfa{margin:26px 0 0;display:flex;gap:7px;flex-wrap:wrap}
.nrk-sayfa a,.nrk-sayfa span{padding:7px 13px;border:1px solid var(--nrk-cizgi);background:var(--nrk-yuzey);border-radius:5px;font-size:14px;color:var(--nrk-murek)}
.nrk-sayfa .current{background:var(--nrk-vurgu);color:#fff;border-color:var(--nrk-vurgu);font-weight:700}

/* tekil */
.nrk-tekil{background:var(--nrk-yuzey);border:1px solid var(--nrk-cizgi);border-radius:8px;padding:22px}
.nrk-tekil h1{margin:8px 0 14px;font-size:25px;line-height:1.25}
.nrk-kapak{margin:0 0 18px;border-radius:6px;overflow:hidden;background:var(--nrk-yan)}
.nrk-kapak img{width:100%;aspect-ratio:3/2;object-fit:cover}
.nrk-metin{font-size:16px;line-height:1.75;color:#2b333e}
.nrk-metin p{margin:0 0 1em}
.nrk-ekler{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:20px 0}
.nrk-ekler img{aspect-ratio:1/1;object-fit:cover;border-radius:5px;border:1px solid var(--nrk-cizgi)}
.nrk-komsu{margin:26px 0 0;border-top:1px solid var(--nrk-cizgi);padding-top:16px}
.nrk-komsu h2{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--nrk-soluk);margin:0 0 10px}
.nrk-komsu ul{margin:0;padding-left:18px}
.nrk-komsu li{margin:0 0 5px}

/* taban */
.nrk-taban{background:var(--nrk-yuzey);border-top:1px solid var(--nrk-cizgi);margin-top:20px}
.nrk-taban-ic{max-width:var(--nrk-en);margin:0 auto;padding:24px 22px;color:var(--nrk-soluk);font-size:13.5px}
.nrk-taban-ic p{margin:0 0 9px}
.nrk-taban small{color:#9aa2ad}

@media(max-width:860px){
  .nrk-kabuk{flex-direction:column}
  .nrk-yan{position:static;flex-basis:auto;width:100%}
  .nrk-kart{grid-template-columns:1fr}
  .nrk-kart-ic{padding:0 16px 16px}
}