/*
Theme Name: Kytoros
Theme URI: https://samsunizm.com
Description: Samsun escort renkli ilan panosu — canlı, yüksek kontrastlı düzen.
Author: Kytoros
Version: 1.0
Text Domain: kytoros
Duzen: renkli/canlı pano. 3 kolon auto-fit kalın-yuvarlak kart; her terimin
  KENDİ rengi var (hue = term_id fonksiyonu, HSL) — kartın üst kalın çubuğu,
  kademe hapı ve hover halesi o renkte. Kapak 4:3 üstte, altında kalın sans H2,
  künye, özet. Bölge bloğu "Renk Cetveli": her terim kendi renginde büyük hap.
  Palet: beyaz zemin + kömür mürekkep + terim-başına canlı HSL aksan. Parkta
  terim-başına renk sistemi, canlı çok-renkli hap bulutu ya da ImageGallery
  @graph yok; koyu-navy 197 / krem-serif 198'den tamamen ayrı.
*/
:root{
  --zemin:#fbfbfe; --kart:#ffffff; --murekkep:#191426; --soluk:#6b6580;
  --cizgi:#eae7f2; --h:280; /* varsayılan hue, karta göre ezilir */
  --golge:0 2px 4px rgba(25,20,38,.05), 0 14px 30px rgba(25,20,38,.10);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--murekkep);
  font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background-image:radial-gradient(circle at 12% 0%,hsla(320,90%,60%,.06),transparent 40%),
    radial-gradient(circle at 92% 8%,hsla(200,90%,55%,.06),transparent 42%)}
a{color:hsl(285,70%,42%);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
.kyt-en{max-width:1140px;margin:0 auto;padding:0 18px}

/* header */
.kyt-tepe{background:var(--kart);border-bottom:3px solid transparent;
  border-image:linear-gradient(90deg,hsl(320,90%,58%),hsl(265,85%,60%),hsl(200,90%,52%),hsl(150,75%,45%)) 1}
.kyt-tepe .kyt-en{padding:20px 18px 16px}
.kyt-marka{display:inline-block;font-size:27px;font-weight:900;letter-spacing:-.4px;color:var(--murekkep)}
.kyt-marka:hover{text-decoration:none}
.kyt-marka b{background:linear-gradient(90deg,hsl(320,90%,55%),hsl(255,85%,58%));-webkit-background-clip:text;background-clip:text;color:transparent}
.kyt-slogan{color:var(--soluk);font-size:13.5px;margin-top:3px}
.kyt-nav{margin-top:13px;display:flex;flex-wrap:wrap;gap:7px}
.kyt-nav a{font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;color:#fff;
  background:hsl(var(--nh,265),70%,55%);white-space:nowrap}
.kyt-nav a:hover{filter:brightness(1.08);text-decoration:none}

/* main */
.kyt-ana{padding:24px 0 10px}
.kyt-h1{font-size:28px;line-height:1.2;margin:2px 0 6px;font-weight:900;letter-spacing:-.5px}
.kyt-giris{background:var(--kart);border:1px solid var(--cizgi);border-left:6px solid hsl(320,85%,58%);
  border-radius:14px;box-shadow:var(--golge);padding:15px 18px;margin:14px 0 26px;color:#332c46}
.kyt-giris p{margin:0}

/* card grid */
.kyt-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin:18px 0}
.kyt-kart{min-width:0;background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;
  box-shadow:var(--golge);overflow:hidden;display:flex;flex-direction:column;position:relative;
  transition:transform .16s ease, box-shadow .16s ease}
.kyt-kart::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;
  background:linear-gradient(90deg,hsl(var(--h),85%,58%),hsl(calc(var(--h) + 40),85%,55%));z-index:3}
.kyt-kart:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(25,20,38,.08),0 22px 44px hsla(var(--h),70%,45%,.22)}
.kyt-kap{position:relative;aspect-ratio:4/3;background:hsl(var(--h),40%,92%);overflow:hidden;margin-top:6px}
.kyt-kap img{width:100%;height:100%;object-fit:cover}
.kyt-kap.kyt-yok{display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,hsl(var(--h),80%,60%),hsl(calc(var(--h) + 50),80%,55%))}
.kyt-kap.kyt-yok .kyt-harf{font-size:52px;font-weight:900;color:rgba(255,255,255,.85)}
.kyt-govde{padding:13px 16px 17px;display:flex;flex-direction:column;gap:8px}
.kyt-hap{align-self:flex-start;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;
  padding:3px 11px;border-radius:999px;color:#fff;background:hsl(var(--h),72%,52%)}
.kyt-baslik{font-size:18px;line-height:1.3;margin:0;font-weight:800}
.kyt-baslik a{color:var(--murekkep)}
.kyt-kunye{font-size:12px;color:var(--soluk)}
.kyt-ozet{font-size:13.5px;color:#413a54;margin:0;overflow-wrap:anywhere}

/* region block: Renk Cetveli */
.kyt-cetvel{margin:34px 0 8px;background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;box-shadow:var(--golge);padding:18px 20px}
.kyt-cetvel h2{margin:0 0 4px;font-size:20px;font-weight:900}
.kyt-cetvel .not{color:var(--soluk);font-size:12.5px;margin:0 0 14px}
.kyt-grup{margin:12px 0 4px}
.kyt-grup h3{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--soluk);margin:0 0 10px}
.kyt-bulut{display:flex;flex-wrap:wrap;gap:9px}
.kyt-pil{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:999px;
  color:#fff;font-weight:700;font-size:13.5px;background:hsl(var(--h),68%,54%)}
.kyt-pil:hover{filter:brightness(1.08);text-decoration:none}
.kyt-pil .say{font-size:11px;background:rgba(255,255,255,.28);padding:1px 7px;border-radius:999px}

/* single */
.kyt-tekil{background:var(--kart);border:1px solid var(--cizgi);border-radius:18px;box-shadow:var(--golge);padding:22px 24px;margin:16px 0;border-top:6px solid hsl(var(--h),85%,58%)}
.kyt-kapak{margin:14px 0;border-radius:14px;overflow:hidden;border:1px solid var(--cizgi)}
.kyt-icerik{font-size:16.5px;line-height:1.75}
.kyt-icerik p{margin:0 0 15px}
.kyt-icerik a{color:hsl(285,70%,42%);text-decoration:underline}
.kyt-komsu{margin:20px 0 2px;display:flex;flex-wrap:wrap;gap:8px}
.kyt-komsu a{font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;color:#fff;background:hsl(var(--nh,265),60%,56%)}

/* pagination + footer */
.kyt-sayfa{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}
.kyt-sayfa a,.kyt-sayfa span{padding:7px 14px;border-radius:10px;border:1px solid var(--cizgi);background:var(--kart);font-weight:600}
.kyt-sayfa .current{background:hsl(320,85%,56%);color:#fff;border-color:transparent}
.kyt-alt{margin-top:38px;background:#171226;color:#c9c3dc}
.kyt-alt .kyt-en{padding:22px 18px;font-size:13px}
.kyt-alt a{color:#fff}
.kyt-alt .diz{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
.kyt-alt .diz a{padding:4px 11px;border-radius:999px;font-size:12px;color:#fff;background:hsla(0,0%,100%,.14)}

@media(max-width:560px){ .kyt-h1{font-size:23px} }