/*
Theme Name: Astradelta
Author: silifken
Description: Silifke / Göksu deltası düzeni — merkezî dikey nehir çizgisi, kartlar sağ-sol dönüşümlü (timeline/delta kolları), küçük 4:3 görsel + metin.
Version: 1.0
Duzen: tek kolon "nehir hattı" — ortada dikey çizgi (::before), kartlar nth-child ile dönüşümlü sağ/sol yarım genişlik, çizgide bağlantı noktası. Kart = 4:3 görsel + kademe rozeti + başlık + künye + özet. Telefonda tek sütun sola yaslı. Grid/hero/split-kart YOK.
*/
:root{
  --ad-su:#1c7c9c; --ad-su2:#155f78; --ad-kum:#e7dcc2; --ad-kum2:#d3c39c;
  --ad-ink:#16262b; --ad-gri:#5a6b70; --ad-cizgi:#dde6e6; --ad-kagit:#f4f7f7; --ad-panel:#fff;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ad-kagit);color:var(--ad-ink);
  font:16px/1.6 "Segoe UI",Roboto,Helvetica,Arial,sans-serif;}
a{color:var(--ad-su);text-decoration:none}
a:hover{color:var(--ad-su2)}
.ad-en{max-width:920px;margin:0 auto;padding:0 20px}

/* tepe */
.ad-tepe{background:var(--ad-su);color:#fff;border-bottom:4px solid var(--ad-kum)}
.ad-tepe .ad-en{padding:18px 20px 0}
.ad-marka{font-size:23px;font-weight:800;letter-spacing:.3px;color:#fff;display:inline-block}
.ad-marka i{color:var(--ad-kum);font-style:normal}
.ad-marka:hover{color:#fff}
.ad-slogan{font-size:12.5px;color:#bfe0ea;margin:3px 0 0}
.ad-nav{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0 0;padding-bottom:14px}
.ad-nav a{font-size:12.5px;background:var(--ad-su2);color:#d5eef5;padding:5px 11px;border-radius:14px}
.ad-nav a:hover{background:var(--ad-kum);color:var(--ad-su2)}

/* ana */
.ad-ana{padding:24px 0 40px}
.ad-h1{font-size:23px;color:var(--ad-su);margin:0 0 4px}
.ad-ust{color:var(--ad-gri);font-size:14px;margin:0 0 26px;max-width:640px}

/* nehir hattı (timeline) */
.ad-akis{position:relative;list-style:none;margin:0;padding:0}
.ad-akis::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;margin-left:-1.5px;
  background:linear-gradient(to bottom,var(--ad-su),var(--ad-kum2))}
.ad-durak{position:relative;width:47%;margin:0 0 26px;clear:both}
.ad-durak:nth-child(odd){float:left}
.ad-durak:nth-child(even){float:right}
.ad-akis::after{content:"";display:table;clear:both}
.ad-nokta{position:absolute;top:20px;width:14px;height:14px;border-radius:50%;background:var(--ad-kum);
  border:3px solid var(--ad-su);z-index:2}
.ad-durak:nth-child(odd) .ad-nokta{right:-30px}
.ad-durak:nth-child(even) .ad-nokta{left:-30px}
.ad-kart{background:var(--ad-panel);border:1px solid var(--ad-cizgi);border-radius:10px;overflow:hidden;
  box-shadow:0 2px 8px rgba(28,124,156,.07)}
.ad-gor{aspect-ratio:4/3;background:linear-gradient(160deg,#1c7c9c,#155f78)}
.ad-gor img{width:100%;height:100%;object-fit:cover;display:block}
.ad-gor .ad-bos{display:flex;align-items:center;justify-content:center;height:100%;
  font-size:46px;font-weight:800;color:rgba(255,255,255,.5);font-family:Georgia,serif}
.ad-govde{padding:12px 14px}
.ad-kad{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;
  color:var(--ad-su2);background:#e4f1f5;padding:2px 8px;border-radius:3px}
.ad-baslik{font-size:15.5px;line-height:1.32;margin:6px 0 3px}
.ad-baslik a{color:var(--ad-ink)}
.ad-baslik a:hover{color:var(--ad-su)}
.ad-kunye{font-size:11.5px;color:#93a3a6;margin-bottom:6px}
.ad-ozet{font-size:12.5px;color:var(--ad-gri);margin:0;overflow-wrap:anywhere}

/* makale */
.ad-makale{background:var(--ad-panel);border:1px solid var(--ad-cizgi);border-top:4px solid var(--ad-su);
  border-radius:10px;padding:26px 30px;margin:22px 0}
.ad-makale h1{font-size:25px;color:var(--ad-su);margin:0 0 6px;line-height:1.25}
.ad-mkunye{font-size:12.5px;color:#93a3a6;border-bottom:1px solid var(--ad-cizgi);padding-bottom:12px;margin-bottom:16px}
.ad-mkunye b{color:var(--ad-su2)}
.ad-kapak{float:right;width:44%;max-width:320px;aspect-ratio:4/3;object-fit:cover;border-radius:8px;margin:0 0 14px 18px}
.ad-makale p{margin:0 0 14px}
.ad-mlink{clear:both;border-top:1px solid var(--ad-cizgi);margin-top:16px;padding-top:14px;font-size:13px;color:var(--ad-gri)}

/* bölge iki kademe */
.ad-bolge{background:var(--ad-su2);color:#cfe6ee;padding:26px 0}
.ad-bolge h2{color:#fff;font-size:15px;margin:0 0 8px;letter-spacing:.4px}
.ad-kutu{display:grid;grid-template-columns:1fr 1fr;gap:6px 30px}
.ad-kutu h3{color:var(--ad-kum);font-size:13px;margin:8px 0 6px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #22738c;padding-bottom:4px}
.ad-kutu ul{list-style:none;margin:0;padding:0}
.ad-kutu li{display:flex;justify-content:space-between;padding:5px 0;font-size:13.5px;border-bottom:1px dotted #22738c}
.ad-kutu a{color:#fff}
.ad-kutu a:hover{color:var(--ad-kum)}
.ad-kutu .s{color:#8bb9c7;font-variant-numeric:tabular-nums}

/* dip */
.ad-dip{background:#0f2126;color:#87a0a6;font-size:12.5px;padding:18px 0 26px;text-align:center}
.ad-dip a{color:#bfe0ea}

/* sayfalama */
.ad-say{display:flex;gap:8px;margin:10px 0 0;font-size:14px;flex-wrap:wrap;justify-content:center;clear:both;padding-top:24px}
.ad-say a,.ad-say span{padding:7px 13px;border:1px solid var(--ad-cizgi);border-radius:6px;background:#fff}
.ad-say .current{background:var(--ad-su);color:#fff;border-color:var(--ad-su)}

@media(max-width:620px){
  .ad-akis::before{left:9px}
  .ad-durak{width:100%;float:none !important;padding-left:34px}
  .ad-durak:nth-child(odd) .ad-nokta,.ad-durak:nth-child(even) .ad-nokta{left:2px;right:auto}
  .ad-kutu{grid-template-columns:1fr}
  .ad-kapak{float:none;width:100%;max-width:none;margin:0 0 14px}
  .ad-makale{padding:18px}
}