/* ═══════════════════════════════════════════════════════════════
   İlan modülü (Faz 3) — /ilanlar, /ilanlar/{tip}, /vefat-edenler, /ilan/{slug}-{id}
   TÜR TONU: her tip kendi sakin tonunda; marka rengi (teal) ilan rozetlerinde kullanılmaz.
     Vefat → renksiz/gri, rozetsiz, animasyonsuz · Kayıp → amber · Mutlu Haber → gül
     Acil Kan → kırmızı · Duyuru → mavi. Yazılar koyu-üstü-açık-zemin (kontrast AA).
   GÖRSEL KIRPILMAZ: kutu sabit oranlı, görsel object-fit:contain; kalan boşluğu aynı görselin
     bulanık hâli doldurur (yatay/dikey fark etmez). Vefat'ta bulanık zemin yok, düz açık gri.
   ═══════════════════════════════════════════════════════════════ */

.il-t-vefat       { --il-ink:#334155; --il-tint:#f1f5f9; --il-edge:#94a3b8; }
.il-t-kayip       { --il-ink:#92400e; --il-tint:#fef3c7; --il-edge:#f59e0b; }
.il-t-mutlu-haber { --il-ink:#9d174d; --il-tint:#fce7f3; --il-edge:#f472b6; }
.il-t-acil-kan    { --il-ink:#991b1b; --il-tint:#fee2e2; --il-edge:#ef4444; }
.il-t-duyuru      { --il-ink:#075985; --il-tint:#e0f2fe; --il-edge:#38bdf8; }

/* ── Sayfa başı (Haberler kalıbı) ── */
.il-breadcrumb { font-size:.85rem; color:var(--kb-text-muted); padding-top:24px; margin-bottom:12px; display:block; }
.il-breadcrumb a { color:var(--kb-primary-ink); text-decoration:none; }
.il-breadcrumb .sep { margin:0 6px; color:#cbd5e1; }
.il-header { margin-bottom:24px; }
.il-header-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; flex-wrap:wrap; gap:16px; }
.il-header h1 { font-family:'Outfit',sans-serif; font-size:2rem; font-weight:800; color:var(--kb-text-primary); margin:0; }
/* Başlık satırı (başlık + arama) */
.il-title-row { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.il-header-top > .il-title-row { flex:1 1 auto; }
.il-search { position:relative; max-width:320px; width:100%; }
.il-search i.search-icon { position:absolute; left:16px; top:50%; transform:translateY(-50%); color:#94a3b8; font-size:1.1rem; }
.il-search input { width:100%; padding:12px 40px 12px 46px; border:1px solid #e2e8f0; border-radius:999px; font-family:'Inter',sans-serif; font-size:.95rem; color:#334155; outline:none; background:#f8fafc; }
.il-search input:focus { border-color:var(--kb-primary-ink); background:#fff; }
.il-search-clear { position:absolute; right:16px; top:50%; transform:translateY(-50%); color:#94a3b8; cursor:pointer; display:none; font-size:1.1rem; }
.il-chips-scroll { overflow-x:auto; white-space:nowrap; padding-bottom:8px; margin-bottom:-8px; scrollbar-width:none; }
.il-chips-scroll::-webkit-scrollbar { display:none; }
.il-chips { display:inline-flex; gap:10px; }
.il-chip { background:#fff; border:1px solid #e2e8f0; color:#475569; padding:8px 16px; border-radius:999px; font-size:.9rem; font-weight:500; text-decoration:none; display:inline-flex; align-items:center; gap:6px; }
.il-chip:hover { border-color:#cbd5e1; background:#f8fafc; }
.il-chip.active { background:var(--kb-primary-ink); border-color:var(--kb-primary-ink); color:#fff; }
.il-chip.ext { border-style:dashed; }

/* ── /ilanlar arama sonucu (2026-10-08) ── */
.il-search-result { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; background:#fff; border:1px solid #e2e8f0; border-radius:12px; padding:12px 16px; margin:0 0 20px; font-size:.92rem; color:#334155; }
.il-search-result b { color:#0f172a; }
.il-search-result a { color:var(--kb-primary-ink); font-weight:600; text-decoration:none; white-space:nowrap; }
.il-search-archive { display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:#f1f5f9; border:1px solid #cbd5e1; border-radius:12px; padding:12px 16px; margin:0 0 40px; font-size:.88rem; color:#475569; }
.il-search-archive i { color:#475569; }
.il-search-archive a { margin-left:auto; color:var(--kb-primary-ink); font-weight:600; text-decoration:none; white-space:nowrap; }

/* ── Acil bandı ── */
.il-urgent { border:1px solid #fecaca; background:#fff5f5; border-radius:14px; padding:6px 6px 8px; margin-bottom:32px; }
.il-urgent-head { display:flex; align-items:center; gap:8px; padding:8px 10px 4px; font-weight:800; color:#991b1b; font-size:.8rem; letter-spacing:.08em; }
.il-urgent-row { display:flex; align-items:center; gap:12px; padding:10px 12px; border-radius:10px; text-decoration:none; color:#0f172a; background:#fff; margin-top:6px; border:1px solid #fee2e2; }
.il-urgent-row:hover { border-color:#fca5a5; }
.il-urgent-tag { flex:0 0 auto; font-size:.75rem; font-weight:800; color:#991b1b; background:#fee2e2; padding:5px 8px; border-radius:6px; min-width:76px; text-align:center; }
.il-urgent-main { flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.il-urgent-title { font-weight:700; font-size:.95rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.il-urgent-meta { font-size:.8rem; color:#64748b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.il-urgent-row .bi-chevron-right { color:#cbd5e1; }

/* ── Tip bölgeleri (/ilanlar) — her tip tam genişlik, kendi zemin rengi; içeride satır başına tek ilan ── */
.il-t-vefat       { --il-zone:#f1f5f9; --il-zone-line:#cbd5e1; }
.il-t-kayip       { --il-zone:#fffbeb; --il-zone-line:#fde68a; }
.il-t-mutlu-haber { --il-zone:#fdf2f8; --il-zone-line:#fbcfe8; }
.il-t-duyuru      { --il-zone:#f0f9ff; --il-zone-line:#bae6fd; }
.il-t-acil-kan    { --il-zone:#fef2f2; --il-zone-line:#fecaca; }
.il-zones { display:flex; flex-direction:column; gap:24px; margin-bottom:48px; }
.il-zone { background:var(--il-zone); border:1px solid var(--il-zone-line); border-radius:16px; padding:18px 20px 20px; }
.il-zone.il-t-vefat { border-top:4px solid #334155; }       /* Vefat: renksiz, koyu üst çizgi — diğerlerinden ayrışır */
.il-zone-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; }
.il-zone-head h2 { font-family:'Outfit',sans-serif; font-size:1.25rem; font-weight:800; margin:0; color:#0f172a; display:flex; align-items:center; gap:10px; }
.il-zone-count { font-family:'Inter',sans-serif; font-size:.78rem; font-weight:700; color:var(--il-ink); background:#fff; border:1px solid var(--il-zone-line); padding:2px 9px; border-radius:999px; }
.il-zone-head a { display:inline-flex; align-items:center; gap:6px; flex-shrink:0; font-size:.82rem; font-weight:600; color:var(--il-ink); background:#fff; border:1px solid var(--il-zone-line); padding:6px 12px; border-radius:999px; text-decoration:none; white-space:nowrap; transition:background .15s, border-color .15s; }
.il-zone-head a:hover { background:var(--il-tint); border-color:var(--il-edge); }
.il-zone-head a .bi { font-size:.8rem; transition:transform .15s; }
.il-zone-head a:hover .bi { transform:translateX(2px); }
.il-zone.il-t-vefat .il-zone-head a:hover { border-color:#94a3b8; }
/* TEK SATIR TEK İLAN (kullanıcı kararı 2026-10-07): liste her genişlikte tek kolon → boşluk / eşitsiz kolon olmaz. */
.il-zone-grid { display:flex; flex-direction:column; gap:12px; }
.il-zone-grid > .il-row { min-width:0; }
.il-zone-foot { display:inline-block; margin-top:14px; font-size:.88rem; font-weight:600; color:#334155; text-decoration:none; }
.il-zone-grid .il-row, .il-zone-grid .il-row:first-child { background:#fff; border:1px solid rgba(15,23,42,.08); border-radius:12px; padding:14px; }
.il-zone-grid .il-row:hover { border-color:var(--il-zone-line); box-shadow:0 4px 14px rgba(15,23,42,.05); }
.il-zone-grid .il-row.il-t-vefat:hover { box-shadow:none; border-color:#94a3b8; }

.il-row { display:flex; gap:12px; align-items:flex-start; padding:14px 18px; text-decoration:none; color:inherit; border-top:1px solid #f1f5f9; }
.il-row:first-child { border-top:none; }
.il-row:hover { background:#f8fafc; }
.il-row-media { flex:0 0 72px; height:72px; border-radius:10px; background:var(--il-tint); display:flex; align-items:center; justify-content:center; overflow:hidden; }
.il-row-media img { max-width:100%; max-height:100%; object-fit:contain; }  /* kırpılmaz */
.il-row-media i { font-size:1.5rem; color:var(--il-ink); opacity:.55; }
.il-row-media .il-mtext { font-family:'Outfit',sans-serif; font-weight:800; font-size:1rem; color:var(--il-ink); text-align:center; line-height:1.1; padding:0 4px; }
.il-row-body { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.il-row .il-badge { font-size:.68rem; padding:2px 8px; margin-bottom:2px; }
.il-row-title { font-family:'Outfit',sans-serif; font-size:1rem; font-weight:700; color:#0f172a; margin:0; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.il-row-line { font-size:.82rem; color:#475569; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.il-row-line.muted { color:#64748b; }

/* Rozet (satır + detay başlığı ortak) — tip tonu, koyu yazı açık zemin (kontrast AA) */
.il-badge { align-self:flex-start; background:var(--il-tint); color:var(--il-ink); font-size:.72rem; font-weight:700; padding:3px 9px; border-radius:999px; }

/* ── Load more / boş ── */
.il-load-more { margin-top:40px; text-align:center; }
.il-load-more a { text-decoration:none; display:inline-block; background:#fff; border:1px solid #cbd5e1; color:#475569; padding:12px 32px; border-radius:999px; font-weight:600; }
.il-load-more a:hover { color:var(--kb-primary-ink); border-color:var(--kb-primary-ink); }
.il-empty { text-align:center; padding:60px 0; color:#64748b; }
.il-empty i { font-size:2.6rem; display:block; margin-bottom:12px; color:#94a3b8; }
.il-empty h3 { color:#475569; margin:0 0 8px; font-size:1.15rem; }
.d-none { display:none !important; }

/* ═════════ DETAY ═════════ */
.il-d { max-width:860px; margin:0 auto; padding:0 0 80px; }
.il-d-head { margin:8px 0 20px; }
.il-d-head .il-badge { font-size:.8rem; padding:4px 11px; margin-bottom:12px; display:inline-block; }
.il-d-title { font-family:'Outfit',sans-serif; font-size:2.2rem; font-weight:800; color:#0f172a; line-height:1.25; margin:0 0 10px; overflow-wrap:anywhere; }
.il-d-meta { display:flex; flex-wrap:wrap; gap:18px; color:#64748b; font-size:.88rem; }
.il-d-meta i { margin-right:5px; }

/* Vefat başlığı: ortalı, sade */
.il-t-vefat .il-d-head { text-align:center; border-top:3px solid #475569; padding-top:28px; }
.il-t-vefat .il-d-sub { font-size:1.15rem; color:#475569; margin:0 0 12px; }
.il-t-vefat .il-d-meta { justify-content:center; }

/* Durum şeridi */
.il-state { display:flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; font-weight:600; font-size:.95rem; margin-bottom:20px; background:#f1f5f9; color:#334155; border:1px solid #e2e8f0; }
.il-state.ok { background:#f0fdf4; color:#166534; border-color:#bbf7d0; }
.il-state a { color:inherit; }

/* Fotoğraf — kırpmasız; dikeyde iki yan bulanık zemin */
.il-photo { position:relative; display:flex; justify-content:center; align-items:center; border-radius:16px; overflow:hidden; background:var(--il-tint); margin:0 0 14px; }
.il-photo .il-bg { position:absolute; inset:-40px; width:calc(100% + 80px); height:calc(100% + 80px); object-fit:cover; filter:blur(30px); opacity:.55; }
.il-photo a { position:relative; display:block; line-height:0; cursor:zoom-in; }
.il-photo .il-main { display:block; max-width:100%; max-height:min(70vh,620px); width:auto; height:auto; }
.il-t-vefat .il-photo { background:transparent; max-width:300px; margin:0 auto 20px; border-radius:12px; }
.il-t-vefat .il-photo .il-bg { display:none; }
.il-t-vefat .il-photo .il-main { max-height:400px; border-radius:12px; }
.il-thumbs { display:flex; gap:10px; margin:0 0 24px; flex-wrap:wrap; }
.il-thumbs a { width:84px; height:84px; border-radius:10px; background:var(--il-tint); display:flex; align-items:center; justify-content:center; overflow:hidden; cursor:zoom-in; }
.il-thumbs img { max-width:100%; max-height:100%; object-fit:contain; }

/* Bilgi tablosu */
.il-facts { background:#fff; border:1px solid #e2e8f0; border-radius:14px; padding:4px 20px; margin:0 0 20px; }
.il-fact { display:flex; gap:16px; padding:13px 0; border-bottom:1px solid #f1f5f9; }
.il-fact:last-child { border-bottom:none; }
.il-fact dt { flex:0 0 170px; color:#64748b; font-size:.9rem; font-weight:500; margin:0; }
.il-fact dd { flex:1; margin:0; color:#0f172a; font-weight:600; font-size:.98rem; overflow-wrap:anywhere; }
.il-fact-full dd { font-weight:600; line-height:1.5; }
.il-fact .il-updated { display:inline-block; margin-left:8px; font-size:.75rem; font-weight:700; color:#92400e; background:#fef3c7; padding:2px 8px; border-radius:999px; }

/* Acil Kan kan grubu bloğu */
.il-blood { display:flex; align-items:center; gap:18px; background:#fff; border:1px solid #fecaca; border-radius:14px; padding:16px 20px; margin:0 0 20px; }
.il-blood-g { flex:0 0 auto; min-width:92px; height:92px; padding:0 10px; border-radius:46px; background:#fee2e2; color:#991b1b; display:flex; align-items:center; justify-content:center; font-family:'Outfit',sans-serif; font-weight:800; font-size:1.7rem; }
.il-blood-t { font-weight:700; color:#0f172a; font-size:1.05rem; }
.il-blood-s { color:#475569; font-size:.92rem; margin-top:4px; }

/* Notlar */
.il-note { display:flex; gap:10px; align-items:flex-start; background:#fffbeb; border:1px solid #fde68a; color:#78350f; padding:12px 16px; border-radius:12px; font-size:.92rem; line-height:1.5; margin:0 0 20px; }
.il-note.danger { background:#fef2f2; border-color:#fecaca; color:#7f1d1d; align-items:center; justify-content:space-between; flex-wrap:wrap; }
.il-note.danger a { background:#b91c1c; color:#fff; font-weight:700; text-decoration:none; padding:8px 16px; border-radius:999px; white-space:nowrap; }

.il-desc { font-size:1.05rem; line-height:1.7; color:#334155; white-space:pre-line; overflow-wrap:anywhere; margin:0 0 24px; }

/* Telefon */
.il-phone { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; border:1px solid #e2e8f0; border-radius:14px; padding:14px 18px; background:#fff; margin:0 0 20px; }
.il-phone-label { color:#64748b; font-size:.85rem; display:block; }
.il-phone-num { font-weight:700; font-size:1.15rem; color:#0f172a; letter-spacing:.04em; }
.il-btn { display:inline-flex; align-items:center; gap:8px; border:none; cursor:pointer; text-decoration:none; font-weight:700; font-size:.95rem; padding:11px 20px; border-radius:999px; background:var(--kb-primary-ink); color:#fff; }
.il-btn:disabled { opacity:.6; cursor:default; }
.il-phone-err { width:100%; color:#b91c1c; font-size:.85rem; }

/* Paylaş — WhatsApp öncelikli */
/* Masaüstü: hepsi tek satır, WhatsApp 2 pay. Mobil (aşağıda): WhatsApp tam satır, ikinciller altında eşit genişlik. */
.il-share { display:flex; gap:10px; margin:4px 0 36px; }
.il-share-more { display:flex; gap:10px; flex:2 1 0; min-width:0; }
.il-share-more .il-share-btn { flex:1 1 0; min-width:0; white-space:nowrap; }
.il-share-wa { flex:2 1 0; min-width:0; white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; gap:10px; background:#15803d; color:#fff; font-weight:700; font-size:1rem; padding:13px 20px; border-radius:999px; text-decoration:none; }
.il-share-wa i { font-size:1.2rem; }
.il-share-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:#fff; color:#334155; border:1px solid #cbd5e1; font-weight:600; font-size:.92rem; padding:12px 18px; border-radius:999px; cursor:pointer; text-decoration:none; }
.il-share-btn:hover { border-color:#94a3b8; }

.il-related { margin-top:24px; padding-top:32px; border-top:2px solid #e2e8f0; }
.il-related h2 { font-family:'Outfit',sans-serif; font-size:1.35rem; font-weight:700; color:#0f172a; margin:0 0 18px; }

/* ── Responsive ── */
@media (max-width:767px) {
    .il-share { flex-direction:column; }
    .il-share-wa, .il-share-more { flex:none; width:100%; }
    .il-share-more { gap:8px; }
    .il-share-btn { padding:11px 4px; gap:5px; font-size:.84rem; }
    /* Tip çipleri mobilde: 6 tip 3×2 eşit ızgara (iki satır tam dolu), İş İlanları (ayrı modül linki) altta tam genişlik → boşluk yok */
    .il-chips-scroll { overflow:visible; white-space:normal; padding-bottom:0; margin-bottom:0; }
    .il-chips { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
    .il-chip { justify-content:center; padding:8px 4px; font-size:.84rem; white-space:nowrap; }
    .il-chip.ext { grid-column:1 / -1; }
    .il-zone { padding:14px 14px 16px; }
    .il-zone-head h2 { font-size:1.1rem; }
    .il-header h1 { font-size:1.6rem; }
    .il-search { max-width:100%; }
    .il-urgent-row { align-items:flex-start; }
    .il-urgent-title, .il-urgent-meta { white-space:normal; }
    .il-d-title { font-size:1.6rem; }
    .il-fact { flex-direction:column; gap:3px; }
    .il-fact dt { flex:none; }
    .il-photo .il-main { max-height:65vh; }
}