/* =========================================================
   Siyasetçiler.com — Liste sayfaları (Partiler, Belediyeler)
   (style.css'ten sonra yüklenir)
   ========================================================= */

/* ---------- Sayfa başlığı ----------
   hero.webp'nin yalnızca alt %40'ı (binalar, su) gösterilir; görselin ortasındaki başlık yazısı
   kadraja girmez. İki katman: üstteki (auto 250%) dar ekranlarda alanı doldurur, alttaki
   (100% auto) çok geniş ekranlarda kenarları tamamlar. */
.page-head{position:relative;color:#fff;padding:34px 0 30px;background:
  linear-gradient(90deg,rgba(8,15,29,.82),rgba(8,15,29,.45)),
  url('../assets/hero.webp') center bottom/auto 250% no-repeat,
  url('../assets/hero.webp') center bottom/100% auto no-repeat,
  linear-gradient(135deg,#6d1426,#293b59 60%,#1c2638)}
.page-head-inner{max-width:1240px;margin:0 auto;padding:0 18px}
.page-head .breadcrumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11.5px;color:rgba(255,255,255,.75);margin-bottom:10px}
.page-head .breadcrumb i{font-size:8px}
.page-head .breadcrumb a:hover{color:#fff}
.page-head h1{font-size:clamp(24px,3vw,34px);font-weight:850;letter-spacing:-.8px}
.page-head p{font-size:14px;opacity:.9;margin-top:4px;max-width:620px}
.head-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.head-stats div{background:rgba(255,255,255,.12);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:9px 16px;min-width:120px}
.head-stats strong{display:block;font-size:20px;font-weight:850;line-height:1.1}
.head-stats small{font-size:11px;opacity:.85}

/* ---------- Araç çubuğu ---------- */
.list-wrap{max-width:1240px;margin:0 auto;padding:16px 18px 0}
.list-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px solid #eceef1;border-radius:var(--radius);box-shadow:var(--shadow);padding:12px;margin-bottom:12px}
.list-search{position:relative;flex:1 1 260px;min-width:0}
.list-search i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:13px}
.list-search input{width:100%;border:1px solid #dfe2e7;background:#f6f7f9;border-radius:9px;padding:10px 12px 10px 38px;font-size:13px;outline:none;transition:.15s}
.list-search input:focus{background:#fff;border-color:var(--red)}
.list-toolbar .field{flex:0 1 190px;min-width:150px}
.list-toolbar .field select{border:1px solid #dfe2e7;background:#fff;padding:10px 30px 10px 30px}
.list-toolbar .field select:focus{border-color:var(--red)}
.view-toggle{display:flex;border:1px solid #dfe2e7;border-radius:9px;overflow:hidden}
.view-toggle button{width:40px;height:38px;color:#7b828c}
.view-toggle button.active{background:var(--soft-red);color:var(--red)}

.list-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.chips::-webkit-scrollbar{display:none}
.chips button{padding:7px 13px;border-radius:20px;font-size:11.5px;font-weight:700;color:#626a75;background:#fff;border:1px solid var(--line);white-space:nowrap;transition:.15s}
.chips button:hover{border-color:var(--red);color:var(--red)}
.chips button.active{background:var(--red);border-color:var(--red);color:#fff}
.result-info{font-size:12px;color:var(--muted)}
.result-info strong{color:var(--ink)}

/* ---------- Parti kartları ---------- */
.party-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.party-card{--c:#64748b;position:relative;background:#fff;border:1px solid #eceef1;border-radius:12px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:.15s}
.party-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(24,35,52,.1)}
.party-card .strip{height:56px;background:linear-gradient(120deg,color-mix(in srgb,var(--c) 75%,#000),var(--c))}
.party-card .logo{width:62px;height:62px;border-radius:16px;border:4px solid #fff;background:var(--c);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:900;margin:-31px 0 0 16px;box-shadow:0 2px 8px rgba(24,35,52,.15)}
.party-card .body{padding:10px 16px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.party-card h3{font-size:14.5px;font-weight:800;line-height:1.25}
.party-card h3 a:hover{color:var(--c)}
.party-card .leader-line{font-size:12px;color:#4e5661}
.party-card .meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11px;color:var(--muted)}
.party-card .nums{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line-soft);border-radius:9px;margin-top:6px}
.party-card .nums div{text-align:center;padding:8px 4px;border-right:1px solid var(--line-soft)}
.party-card .nums div:last-child{border-right:0}
.party-card .nums strong{display:block;font-size:14px;font-weight:850;font-variant-numeric:tabular-nums}
.party-card .nums small{font-size:10px;color:var(--muted)}
.party-card .foot{display:flex;gap:8px;align-items:center;margin-top:auto;padding-top:10px}
.party-card .foot a{flex:1;text-align:center;font-size:12px;font-weight:700;padding:8px;border-radius:8px;border:1px solid var(--line)}
.party-card .foot a:hover{border-color:var(--c);color:var(--c)}
.party-card .foot .follow{flex:1;background:var(--c)}
.party-card .foot .follow.is-following{background:#fff;color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}
.badge{position:absolute;top:10px;right:10px;font-size:10px;font-weight:800;padding:3px 9px;border-radius:20px;background:rgba(255,255,255,.92);color:var(--ink)}
.badge.group{color:#1d6b33}

/* ---------- Belediye listesi ---------- */
.muni-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.muni-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #eceef1;border-radius:12px;box-shadow:var(--shadow);padding:14px;transition:.15s}
.muni-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(24,35,52,.1)}
.muni-card .m-logo{flex:0 0 48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:18px;background:radial-gradient(circle at 30% 30%,#5b8fd8,#1d5fbf)}
.muni-card .m-logo.bb{background:radial-gradient(circle at 30% 30%,#f08aa0,#a3263f)}
.muni-card .m-logo.il{background:radial-gradient(circle at 30% 30%,#fbbf24,#b45309)}
.muni-card .info{flex:1;min-width:0}
.muni-card h3{font-size:13.5px;font-weight:800;line-height:1.25}
.muni-card h3 a:hover{color:var(--red)}
.muni-card .loc{font-size:11.5px;color:var(--muted);margin-top:1px}
.muni-card .mayor{display:flex;align-items:center;gap:6px;font-size:12px;margin-top:8px;color:#3e4651}
.muni-card .mayor .party-dot{width:auto;min-width:22px;height:16px;padding:0 4px;border-radius:4px;font-size:8px}
.muni-card .facts-line{display:flex;gap:12px;font-size:11px;color:var(--muted);margin-top:6px}
.type-pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;background:#eaf1fc;color:#1d5fbf;white-space:nowrap}
.type-pill.bb{background:#fdeef0;color:#a3263f}
.type-pill.il{background:#fff6e6;color:#a05a00}

/* Liste görünümü (tablo benzeri) */
.muni-list.as-rows{grid-template-columns:minmax(0,1fr);gap:0;background:#fff;border:1px solid #eceef1;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
.muni-list.as-rows .muni-card{border:0;border-bottom:1px solid var(--line-soft);border-radius:0;box-shadow:none;align-items:center}
.muni-list.as-rows .muni-card:hover{transform:none;background:#fafbfc}
.muni-list.as-rows .muni-card:last-child{border-bottom:0}
.muni-list.as-rows .info{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:12px;align-items:center}
.muni-list.as-rows .mayor,.muni-list.as-rows .facts-line{margin-top:0}

.empty-state{display:none;text-align:center;background:#fff;border:1px dashed #d6d9de;border-radius:12px;padding:40px 20px;color:var(--muted)}
.empty-state.show{display:block}
.empty-state i{font-size:28px;margin-bottom:8px;color:#c0c5cc}
.empty-state button{margin-top:10px;color:var(--red);font-weight:700}

/* Sayfalama */
.pagination{display:flex;justify-content:center;gap:6px;margin:20px 0 6px;flex-wrap:wrap}
.pagination button{min-width:36px;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:#fff;font-weight:700;font-size:12.5px;color:#4a515b}
.pagination button:hover:not([disabled]){border-color:var(--red);color:var(--red)}
.pagination button.active{background:var(--red);border-color:var(--red);color:#fff}
.pagination button[disabled]{opacity:.45;cursor:default}

/* ---------- Responsive ---------- */
@media (max-width:860px){
  .muni-list.as-rows .info{grid-template-columns:minmax(0,1fr)}
  .muni-list.as-rows .mayor,.muni-list.as-rows .facts-line{margin-top:4px}
}
@media (max-width:720px){
  .page-head{padding:22px 0 20px}
  .page-head-inner,.list-wrap{padding-left:10px;padding-right:10px}
  .head-stats div{flex:1;min-width:0;padding:8px 10px}
  .head-stats strong{font-size:17px}
  .list-toolbar{padding:10px}
  .list-search{flex-basis:100%}
  .list-toolbar .field{flex:1 1 calc(50% - 5px);min-width:0}
  .view-toggle{display:none}
}