/*
Theme Name: Misthia
Author: sonakhanum
Description: Konya iki kademeli (ilçe + Ilgın mahalle) — iki kolon portre kart ızgarası, köşe kurdela, erik-gül feminen palet, serif başlık.
Version: 1.0
Duzen: iki kolon grid, portre kart 3:4; sol-üst köşede diyagonal erik kurdela (mahalle/ilçe adı); kadrın altında serif başlık + tarih. Bölge bloğu iki kademeli (İlçeler / Ilgın Mahalleleri). Yatay-kart YOK, hero-overlay YOK, dense-liste YOK.
*/
:root{
  --ms-erik:#6d2c5f; --ms-erik2:#54204a; --ms-gul:#c85b8e; --ms-gul2:#b14a79;
  --ms-krem:#faf5f0; --ms-ink:#2c1e29; --ms-gri:#6f6068; --ms-cizgi:#ece0e6; --ms-panel:#fff;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ms-krem);color:var(--ms-ink);
  font:16px/1.6 "Segoe UI",Tahoma,sans-serif;}
a{color:var(--ms-erik);text-decoration:none}
a:hover{color:var(--ms-gul2)}
h1,h2,h3,.ms-serif{font-family:Georgia,"Times New Roman",serif}
.ms-en{max-width:940px;margin:0 auto;padding:0 20px}

/* tepe */
.ms-tepe{background:var(--ms-erik);color:#fff;border-bottom:4px solid var(--ms-gul)}
.ms-tepe .ms-en{padding:20px 20px 0}
.ms-marka{font-family:Georgia,serif;font-size:25px;font-weight:700;letter-spacing:.4px;color:#fff;display:inline-block}
.ms-marka i{color:var(--ms-gul);font-style:normal}
.ms-marka:hover{color:#fff}
.ms-slogan{font-size:12.5px;color:#e7c9dd;margin:4px 0 0;font-style:italic}
.ms-nav{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 0;padding-bottom:15px}
.ms-nav a{font-size:12.5px;background:var(--ms-erik2);color:#f0d9e8;padding:5px 11px;border-radius:16px}
.ms-nav a:hover{background:var(--ms-gul);color:#fff}

/* ana */
.ms-ana{padding:26px 0 38px}
.ms-h1{font-size:24px;color:var(--ms-erik);margin:0 0 4px}
.ms-ust{color:var(--ms-gri);font-size:14px;margin:0 0 22px;max-width:640px}

/* portre kart grid */
.ms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.ms-kart{background:var(--ms-panel);border:1px solid var(--ms-cizgi);border-radius:10px;
  overflow:hidden;box-shadow:0 2px 10px rgba(109,44,95,.06);min-width:0}
.ms-kadr{position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,#6d2c5f,#c85b8e)}
.ms-kadr img{width:100%;height:100%;object-fit:cover;display:block}
.ms-kadr .ms-bos{display:flex;align-items:center;justify-content:center;height:100%;
  font-family:Georgia,serif;font-size:64px;color:rgba(255,255,255,.55)}
.ms-kurdela{position:absolute;top:16px;left:-34px;transform:rotate(-45deg);
  background:var(--ms-erik);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;
  padding:5px 40px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.ms-alt{padding:12px 14px}
.ms-kad{font-size:10.5px;color:var(--ms-gul2);text-transform:uppercase;letter-spacing:.5px;font-weight:700}
.ms-baslik{font-size:16px;line-height:1.34;margin:3px 0 5px}
.ms-baslik a{color:var(--ms-ink)}
.ms-baslik a:hover{color:var(--ms-erik)}
.ms-tarih{font-size:11.5px;color:#9a8b93}

/* makale */
.ms-makale{background:var(--ms-panel);border:1px solid var(--ms-cizgi);border-radius:12px;padding:26px 30px;margin:22px 0}
.ms-makale h1{font-size:26px;color:var(--ms-erik);margin:0 0 6px;line-height:1.25}
.ms-mkunye{font-size:12.5px;color:#9a8b93;border-bottom:1px solid var(--ms-cizgi);padding-bottom:12px;margin-bottom:16px}
.ms-mkunye b{color:var(--ms-gul2)}
.ms-kapak{float:left;width:44%;max-width:300px;aspect-ratio:3/4;object-fit:cover;border-radius:10px;margin:0 20px 12px 0}
.ms-makale p{margin:0 0 14px}
.ms-mlink{clear:both;border-top:1px solid var(--ms-cizgi);margin-top:16px;padding-top:14px;font-size:13px;color:var(--ms-gri)}

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

/* dip */
.ms-dip{background:#2a1526;color:#9c8494;font-size:12.5px;padding:18px 0 26px;text-align:center}
.ms-dip a{color:#e7c9dd}

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

@media(max-width:600px){
  .ms-grid{grid-template-columns:1fr}
  .ms-kutu{grid-template-columns:1fr}
  .ms-kapak{float:none;width:100%;max-width:none;margin:0 0 14px}
  .ms-makale{padding:18px}
}