/*
Theme Name: Kolkhis
Description: Samsun ilceleri icin tek kademeli VIP escort ilan secki temasi — koyu modern.
Version: 1.0.0
*/

/* Duzen: KOYU modern — vasada gridinden ve karartema kart gridinden AYRI. Kayitlar
   tam genislikte DONUSUMLU editorial satirlar (cift satir ters cevrilir), her satirin
   arkasinda devasa hayalet sira numarasi; kadraj 16/10 solda ya da sagda. Gezinme
   sapkada cip seridi. Bolge blogu "VIP Dizini" iri hayalet rakamlarla. Tek aksan
   elektrik mor, zemin siyaha yakin. */

:root{
  --klh-zemin:#0b0c10;
  --klh-yuzey:#131620;
  --klh-yuzey2:#1a1e2b;
  --klh-metin:#eceef4;
  --klh-soluk:#9aa2b4;
  --klh-cizgi:#262b3a;
  --klh-mor:#b026ff;
  --klh-mor2:#d46bff;
  --klh-en:1120px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--klh-zemin);color:var(--klh-metin);
  font:16px/1.7 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--klh-mor2);text-decoration:none}
a:hover{color:#fff}
img{max-width:100%;height:auto;display:block}
.klh-kap{max-width:var(--klh-en);margin:0 auto;padding:0 20px}

/* ---- sapka ---- */
.klh-sapka{
  border-bottom:1px solid var(--klh-cizgi);
  background:linear-gradient(180deg,#0e1016,#0b0c10);
  position:relative;
}
.klh-sapka .klh-kap{padding-top:22px;padding-bottom:18px}
.klh-etiket{
  font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--klh-mor2);
  margin:0 0 6px;font-weight:600;
}
.klh-marka{
  font-size:26px;font-weight:800;letter-spacing:-.01em;margin:0;line-height:1.1;
}
.klh-marka b{color:var(--klh-mor)}
.klh-gezin{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.klh-gezin a{
  font-size:12.5px;letter-spacing:.04em;padding:6px 12px;border:1px solid var(--klh-cizgi);
  border-radius:999px;color:var(--klh-soluk);background:var(--klh-yuzey);
}
.klh-gezin a:hover{border-color:var(--klh-mor);color:#fff;background:var(--klh-yuzey2)}

/* ---- govde ---- */
.klh-ana{padding:40px 0 10px}
.klh-bas{margin:0 0 10px;font-size:34px;line-height:1.12;font-weight:800;letter-spacing:-.015em}
.klh-bas span{color:var(--klh-mor)}
.klh-giris{color:var(--klh-soluk);max-width:70ch;margin:0 0 30px;font-size:16.5px}

/* ---- donusumlu editorial satirlar ---- */
.klh-satirlar{display:flex;flex-direction:column;gap:30px;margin:0 0 50px}
.klh-satir{
  position:relative;display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);
  gap:28px;align-items:center;
  background:var(--klh-yuzey);border:1px solid var(--klh-cizgi);border-radius:16px;
  padding:16px;overflow:hidden;
}
.klh-satir:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,46%)}
.klh-satir:nth-child(even) .klh-kadraj{order:2}
.klh-rakam{
  position:absolute;right:14px;bottom:-26px;font-size:150px;font-weight:900;
  line-height:1;color:#fff;opacity:.035;pointer-events:none;letter-spacing:-.04em;z-index:0;
}
.klh-kadraj{position:relative;z-index:1;border-radius:11px;overflow:hidden;background:var(--klh-yuzey2);aspect-ratio:16/10}
.klh-kadraj img{width:100%;height:100%;object-fit:cover}
.klh-bos{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(120% 120% at 20% 10%,#241536,#121523);
  color:var(--klh-mor2);font-size:54px;font-weight:800;
}
.klh-govde{position:relative;z-index:1;min-width:0}
.klh-konum{
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--klh-mor2);
  display:inline-block;margin:0 0 8px;font-weight:600;
}
.klh-satir h2,.klh-satir h3{margin:0 0 10px;font-size:21px;line-height:1.25;font-weight:700}
.klh-satir h2 a,.klh-satir h3 a{color:var(--klh-metin)}
.klh-satir h2 a:hover,.klh-satir h3 a:hover{color:var(--klh-mor2)}
.klh-ozet{color:var(--klh-soluk);margin:0 0 14px;font-size:15px}
.klh-devam{
  font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;
  color:var(--klh-mor2);
}
.klh-kunye{margin-top:10px;font-size:12px;color:#6d7488;letter-spacing:.03em}

/* ---- tekil ---- */
.klh-yazi{max-width:760px;margin:0 auto}
.klh-yazi .klh-kapak{border-radius:14px;overflow:hidden;margin:0 0 24px;aspect-ratio:16/9;background:var(--klh-yuzey2)}
.klh-yazi .klh-kapak img{width:100%;height:100%;object-fit:cover}
.klh-icerik{font-size:17px;line-height:1.8}
.klh-icerik p{margin:0 0 18px}
.klh-icerik h2,.klh-icerik h3{margin:30px 0 12px;font-weight:700;letter-spacing:-.01em}

/* ---- VIP Dizini (bolge blogu) ---- */
.klh-dizin{border-top:1px solid var(--klh-cizgi);padding:44px 0 10px;margin-top:20px}
.klh-dizin h2{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--klh-soluk);margin:0 0 22px;font-weight:600}
.klh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.klh-oge{
  position:relative;border:1px solid var(--klh-cizgi);border-radius:13px;padding:18px 18px 16px;
  background:var(--klh-yuzey);overflow:hidden;
}
.klh-oge:hover{border-color:var(--klh-mor)}
.klh-oge .n{position:absolute;right:10px;top:-14px;font-size:64px;font-weight:900;color:#fff;opacity:.04;line-height:1}
.klh-oge a{font-size:16px;font-weight:700;color:var(--klh-metin)}
.klh-oge a:hover{color:var(--klh-mor2)}
.klh-oge p{margin:7px 0 0;font-size:13px;color:var(--klh-soluk)}
.klh-oge .say{font-size:11.5px;color:#6d7488;letter-spacing:.05em;margin-top:6px}

/* ---- sayfalama ---- */
.klh-sayfa{display:flex;gap:10px;justify-content:center;margin:34px 0}
.klh-sayfa a,.klh-sayfa span{padding:8px 14px;border:1px solid var(--klh-cizgi);border-radius:9px;color:var(--klh-soluk);font-size:14px}
.klh-sayfa .current{background:var(--klh-mor);color:#fff;border-color:var(--klh-mor)}

/* ---- dip ---- */
.klh-dip{border-top:1px solid var(--klh-cizgi);margin-top:50px;background:#0a0b0f}
.klh-dip .klh-kap{padding:30px 20px;color:#6d7488;font-size:13.5px}
.klh-dip .y{display:inline-block;background:var(--klh-mor);color:#fff;font-weight:700;font-size:11px;padding:2px 8px;border-radius:6px;letter-spacing:.05em;margin-right:8px}
.klh-dip a{color:#8e95a8}

@media(max-width:720px){
  .klh-satir,.klh-satir:nth-child(even){grid-template-columns:1fr}
  .klh-satir:nth-child(even) .klh-kadraj{order:0}
  .klh-rakam{font-size:96px;bottom:-14px;right:8px}
  .klh-bas{font-size:27px}
  .klh-marka{font-size:22px}
}