/*
Theme Name: Tyriaion
Author: yeterli
Description: Konya ilan panosu — yoğun liste düzeni (kare küçük görsel + çizgili satır).
Version: 1.0
Duzen: tek kolon yoğun liste, satır satır ilan; küçük 1:1 kare görsel solda, çizgili ayraç. Grid/kart YOK.
*/
:root{
  --tyr-mur:#2b2f77; --tyr-ind:#3b3fb6; --tyr-ink:#171a2b; --tyr-gri:#5c6072;
  --tyr-cizgi:#e2e3ee; --tyr-kag:#fbfbfe; --tyr-panel:#ffffff; --tyr-vurgu:#eef0ff;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--tyr-kag);color:var(--tyr-ink);
  font:16px/1.62 "Segoe UI",Tahoma,Verdana,sans-serif;
}
a{color:var(--tyr-ind);text-decoration:none}
a:hover{text-decoration:underline}
.tyr-sinir{max-width:900px;margin:0 auto;padding:0 18px}

/* ---- masthead ---- */
.tyr-tepe{background:var(--tyr-mur);color:#fff;border-bottom:3px solid var(--tyr-ind)}
.tyr-tepe .tyr-sinir{padding-top:16px;padding-bottom:12px}
.tyr-marka{font-size:22px;font-weight:700;letter-spacing:.2px;color:#fff;display:block}
.tyr-marka:hover{text-decoration:none}
.tyr-slogan{font-size:12.5px;color:#c7c9ee;margin-top:2px}
.tyr-menu{margin-top:11px;font-size:13.5px;line-height:2.1}
.tyr-menu a{color:#dfe0f6}
.tyr-menu a:hover{color:#fff}
.tyr-menu .ay{color:#6d72c4;padding:0 7px}

/* ---- liste ---- */
.tyr-ana{padding:22px 0 34px}
.tyr-baslik{font-size:19px;margin:0 0 4px;color:var(--tyr-mur)}
.tyr-usttxt{color:var(--tyr-gri);font-size:14px;margin:0 0 16px;max-width:640px}
.tyr-liste{list-style:none;margin:0;padding:0}
.tyr-satir{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--tyr-cizgi)}
.tyr-satir:first-child{border-top:1px solid var(--tyr-cizgi)}
.tyr-gorsel{flex:0 0 76px;width:76px;height:76px;border-radius:6px;overflow:hidden;background:var(--tyr-vurgu);position:relative}
.tyr-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.tyr-gorsel .tyr-yok{display:flex;align-items:center;justify-content:center;height:100%;font-size:30px;font-weight:700;color:var(--tyr-ind);font-family:Georgia,serif}
.tyr-govde{min-width:0;flex:1}
.tyr-alan{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--tyr-ind);background:var(--tyr-vurgu);padding:2px 8px;border-radius:3px;margin-bottom:4px}
.tyr-ilan-b{font-size:16.5px;margin:2px 0 3px;line-height:1.35}
.tyr-ilan-b a{color:var(--tyr-ink)}
.tyr-ilan-b a:hover{color:var(--tyr-ind)}
.tyr-kunye{font-size:12px;color:#8b8fa2;margin-bottom:4px}
.tyr-ozet{font-size:13.5px;color:var(--tyr-gri);margin:0;overflow-wrap:anywhere}

/* ---- makale ---- */
.tyr-makale{background:var(--tyr-panel);border:1px solid var(--tyr-cizgi);border-radius:8px;padding:26px 28px;margin:22px 0}
.tyr-makale h1{font-size:24px;color:var(--tyr-mur);margin:0 0 6px;line-height:1.25}
.tyr-mkunye{font-size:12.5px;color:#8b8fa2;border-bottom:1px solid var(--tyr-cizgi);padding-bottom:12px;margin-bottom:16px}
.tyr-makale .tyr-kapak{float:left;width:150px;height:200px;object-fit:cover;border-radius:6px;margin:0 18px 10px 0}
.tyr-makale p{margin:0 0 14px}
.tyr-etk{clear:both;padding-top:14px;border-top:1px solid var(--tyr-cizgi);margin-top:16px;font-size:13px;color:var(--tyr-gri)}
.tyr-ymi{list-style:none;padding:0;margin:8px 0 0}
.tyr-ymi li{padding:5px 0;border-bottom:1px dotted var(--tyr-cizgi)}

/* ---- bölge cetveli (alt) ---- */
.tyr-cetvel{background:var(--tyr-vurgu);border-top:1px solid var(--tyr-cizgi);padding:22px 0}
.tyr-cetvel h2{font-size:15px;color:var(--tyr-mur);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}
.tyr-cet-tab{width:100%;border-collapse:collapse;font-size:13.5px}
.tyr-cet-tab td{padding:7px 6px;border-bottom:1px solid #dcdef0}
.tyr-cet-tab td.sag{text-align:right;color:#8b8fa2;font-variant-numeric:tabular-nums}
.tyr-cet-tab a{color:var(--tyr-mur);font-weight:600}

/* ---- footer ---- */
.tyr-dip{background:var(--tyr-ink);color:#a9adc4;font-size:12.5px;padding:20px 0 26px}
.tyr-dip a{color:#c7c9ee}
.tyr-dip .tyr-diplink{margin-bottom:8px;line-height:2}
.tyr-dip .ay{color:#4a4e6e;padding:0 6px}

/* ---- pagination ---- */
.tyr-say{display:flex;gap:8px;margin:20px 0 0;font-size:14px}
.tyr-say a,.tyr-say span{padding:6px 12px;border:1px solid var(--tyr-cizgi);border-radius:5px;background:#fff}
.tyr-say .current{background:var(--tyr-ind);color:#fff;border-color:var(--tyr-ind)}

@media(max-width:640px){
  .tyr-makale{padding:18px}
  .tyr-makale .tyr-kapak{width:110px;height:150px}
  .tyr-gorsel{flex-basis:60px;width:60px;height:60px}
}
