/*
Theme Name: Karambis
Theme URI: https://samsunmaps.com
Description: Samsun escort konum rehberi — modern atlas düzeni.
Author: Karambis
Version: 1.0
Text Domain: karambis
Duzen: modern atlas / konum kartları. 3 kolon auto-fit yumuşak-gölge app-kartı
  (radius 14, hover kalkış); kapak 4:3 üstte, altında ince mercan "enlem" çizgisi;
  gövdede eyebrow satırı = kademe hapı + monospace koordinat çipi (gerçek enlem/
  boylam), sonra H2, künye, özet. Bölge bloğu "Koordinat İndeksi": iki kademe,
  her terim koordinat etiketli hap bulutu. Palet: lacivert #14243b + mercan
  #ff6b5e + kırık-beyaz. Parkta yumuşak-gölge app-kartı, koordinat çipi/geo ya da
  hap-bulutu indeks yok; 196'nın khaki kontur paftasından tamamen ayrı.
*/
:root{
  --lac:#14243b; --lac2:#1e3554; --mercan:#ff6b5e; --mercan-k:#e0503f;
  --kagit:#fbfaf7; --kart:#ffffff; --metin:#1f2a3a; --soluk:#6a7688;
  --cizgi:#e5e2da; --cip:#eef1f6; --golge:0 1px 2px rgba(20,36,59,.06), 0 8px 24px rgba(20,36,59,.08);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kagit);color:var(--metin);
  font:16px/1.62 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
a{color:var(--mercan-k);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.krb-en{max-width:1120px;margin:0 auto;padding:0 18px}
.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}

/* header */
.krb-tepe{background:linear-gradient(160deg,var(--lac),var(--lac2));color:#fff}
.krb-tepe .krb-en{padding:20px 18px 18px}
.krb-marka{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:800;color:#fff;letter-spacing:.2px}
.krb-marka:hover{text-decoration:none}
.krb-pin{width:20px;height:20px;flex:none;fill:var(--mercan)}
.krb-marka b{color:var(--mercan)}
.krb-slogan{color:#b9c4d6;font-size:13.5px;margin-top:3px}
.krb-nav{margin-top:13px;display:flex;flex-wrap:wrap;gap:7px}
.krb-nav a{font-size:12.5px;padding:5px 11px;border:1px solid rgba(255,255,255,.24);border-radius:999px;
  color:#e7ecf5;white-space:nowrap;background:rgba(255,255,255,.04)}
.krb-nav a:hover{background:var(--mercan);border-color:var(--mercan);color:#fff;text-decoration:none}

/* main */
.krb-ana{padding:24px 0 10px}
.krb-h1{font-size:27px;line-height:1.22;margin:2px 0 6px;color:var(--lac);letter-spacing:-.2px}
.krb-giris{background:var(--kart);border:1px solid var(--cizgi);border-left:4px solid var(--mercan);
  border-radius:12px;box-shadow:var(--golge);padding:14px 16px;margin:14px 0 24px;color:#37424f}
.krb-giris p{margin:0}

/* card grid */
.krb-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin:18px 0}
.krb-kart{min-width:0;background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;
  box-shadow:var(--golge);overflow:hidden;display:flex;flex-direction:column;
  transition:transform .16s ease, box-shadow .16s ease}
.krb-kart:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(20,36,59,.08),0 16px 34px rgba(20,36,59,.14)}
.krb-kap{position:relative;aspect-ratio:4/3;background:#e9edf3;overflow:hidden}
.krb-kap img{width:100%;height:100%;object-fit:cover}
.krb-kap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--mercan)}
.krb-kap.krb-yok{display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 30% 25%,#22405f,#14243b)}
.krb-kap.krb-yok .krb-harf{font-size:46px;font-weight:800;color:rgba(255,255,255,.32)}
.krb-govde{padding:13px 15px 16px;display:flex;flex-direction:column;gap:8px}
.krb-ust{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.krb-hap{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;padding:3px 9px;border-radius:999px}
.krb-hap.k-ilce{background:#e9eefc;color:#2b4a86}
.krb-hap.k-mah{background:#ffe9e6;color:var(--mercan-k)}
.krb-cip{margin-left:auto;font-size:11px;color:var(--soluk);background:var(--cip);padding:3px 8px;border-radius:6px}
.krb-baslik{font-size:17px;line-height:1.3;margin:0}
.krb-baslik a{color:var(--lac)}
.krb-kunye{font-size:12px;color:var(--soluk)}
.krb-ozet{font-size:13.5px;color:#3a4555;margin:0;overflow-wrap:anywhere}

/* koordinat indeksi (region block) */
.krb-indeks{margin:32px 0 8px;background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;box-shadow:var(--golge);padding:16px 18px}
.krb-indeks h2{margin:0 0 4px;font-size:19px;color:var(--lac)}
.krb-indeks .not{color:var(--soluk);font-size:12.5px;margin:0 0 12px}
.krb-grup{margin:12px 0 4px}
.krb-grup h3{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--mercan-k);margin:0 0 9px}
.krb-bulut{display:flex;flex-wrap:wrap;gap:9px}
.krb-etiket{display:inline-flex;flex-direction:column;gap:1px;border:1px solid var(--cizgi);border-radius:10px;
  padding:6px 11px;background:#fcfbf8;line-height:1.25}
.krb-etiket:hover{border-color:var(--mercan);text-decoration:none}
.krb-etiket b{font-size:13.5px;color:var(--lac);font-weight:600}
.krb-etiket span{font-size:10.5px;color:var(--soluk)}

/* single */
.krb-tekil{background:var(--kart);border:1px solid var(--cizgi);border-radius:14px;box-shadow:var(--golge);padding:20px 22px;margin:16px 0}
.krb-tekil .krb-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.krb-kapak{margin:12px 0;border-radius:12px;overflow:hidden;border:1px solid var(--cizgi)}
.krb-icerik{font-size:16px;line-height:1.72}
.krb-icerik p{margin:0 0 14px}
.krb-icerik a{color:var(--mercan-k);text-decoration:underline}
.krb-komsu{margin:18px 0 2px;display:flex;flex-wrap:wrap;gap:8px}
.krb-komsu a{font-size:12.5px;padding:5px 11px;border:1px solid var(--cizgi);border-radius:999px;background:#fcfbf8}

/* pagination + footer */
.krb-sayfa{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.krb-sayfa a,.krb-sayfa span{padding:7px 13px;border:1px solid var(--cizgi);border-radius:8px;background:var(--kart)}
.krb-sayfa .current{background:var(--lac);color:#fff;border-color:var(--lac)}
.krb-alt{margin-top:36px;background:var(--lac);color:#b9c4d6}
.krb-alt .krb-en{padding:20px 18px;font-size:13px}
.krb-alt a{color:#e7ecf5}
.krb-alt .diz{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.krb-alt .diz a{padding:4px 10px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:12px;color:#e7ecf5}

@media(max-width:520px){ .krb-h1{font-size:22px} }