/* ═══════════════════════════════════════════
   ilan-karti.css — Evrensel ilan kartı stilleri
   Her iki görünüm (list + grid) burada tanımlı
   ═══════════════════════════════════════════ */

/* ── ORTAK ── */
.kk{
  display:block;text-decoration:none;color:inherit;
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);overflow:hidden;
  transition:all .18s;box-shadow:var(--sh);
}
.kk:hover{transform:translateY(-2px);box-shadow:var(--sh-md);border-color:rgba(26,25,22,0.14)}

.kk-badge{
  font-size:9.5px;font-weight:700;padding:2px 8px;
  border-radius:99px;letter-spacing:.04em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:3px;
}
.kk-badge-kayip{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-border)}
.kk-badge-buluntu{background:var(--found-bg);color:var(--found);border:1px solid var(--found-border)}

.kk-cat{
  font-size:10px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink4);
  display:flex;align-items:center;gap:4px;
}
.kk-cat i{font-size:12px}

.kk-baslik{
  font-family:var(--sans);font-size:15px;font-weight:600;
  color:var(--ink);line-height:1.3;
  transition:color .15s;
}
.kk:hover .kk-baslik{color:var(--orange)}

.kk-aciklama{
  font-size:12px;color:var(--ink3);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;
}

.kk-meta{
  display:flex;flex-direction:column;gap:3px;
  font-size:10.5px;color:var(--ink4);
}
.kk-meta span{display:flex;align-items:center;gap:3px}
.kk-meta i{font-size:12px}

.kk-nomatch{
  font-size:9px;color:var(--ink5,#D4D0C8);
  font-style:italic;
}

.kk-odul-val{
  font-size:11.5px;font-weight:600;color:var(--orange);
  margin-bottom:6px;white-space:nowrap;
}
.kk-odul-val.donation{color:#5B3BAA}

.kk-odul-badge{
  font-size:10px;font-weight:600;padding:2px 8px;border-radius:99px;
  background:rgba(26,25,22,0.72);color:#fff;
  backdrop-filter:blur(4px);
  display:inline-flex;align-items:center;gap:3px;white-space:nowrap;
}
.kk-odul-badge.money{background:rgba(180,100,0,0.85)}
.kk-odul-badge.donation{background:rgba(107,79,187,0.85)}

.kk-emoji{font-size:48px;opacity:.22;line-height:1}

/* ── LİST GÖRÜNÜM ── */
.kk-list{
  display:grid;
  grid-template-columns:56px 1fr auto;
  align-items:start;
  gap:0;
  border-radius:var(--r-sm);
}
.kk-list-visual{
  width:56px;height:56px;
  background:var(--bg2);
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  border-radius:var(--r-sm) 0 0 var(--r-sm);
  overflow:hidden;
  align-self:stretch;
}
.kk-list-visual img{width:100%;height:100%;object-fit:cover}
.kk-list-visual .kk-emoji{font-size:24px}
.kk-list-mid{padding:10px 12px;min-width:0}
.kk-top{display:flex;align-items:center;gap:6px;margin-bottom:3px;flex-wrap:wrap}
.kk-list-mid .kk-baslik{font-size:14px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--sans);font-weight:600}
.kk-list-mid .kk-aciklama{-webkit-line-clamp:1;font-size:11.5px}
.kk-list-right{
  padding:10px 12px;text-align:right;
  flex-shrink:0;min-width:100px;
  display:flex;flex-direction:column;align-items:flex-end;justify-content:center;
}

/* ── GRİD GÖRÜNÜM ── */
.kk-grid{display:flex;flex-direction:column}
.kk-grid-visual{
  height:140px;background:var(--bg2);
  display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  flex-shrink:0;
}
.kk-grid-visual img{width:100%;height:100%;object-fit:cover}
.kk-grid-badges{
  position:absolute;top:9px;left:9px;right:9px;
  display:flex;justify-content:space-between;align-items:flex-start;gap:6px;
}
.kk-grid-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px;flex:1}
.kk-grid-body .kk-baslik{font-size:15px;margin-bottom:2px;font-family:var(--sans);font-weight:600}
.kk-foot{
  display:flex;align-items:center;justify-content:space-between;
  font-size:10.5px;color:var(--ink4);margin-top:auto;padding-top:6px;
}
.kk-foot-l{display:flex;align-items:center;gap:8px}
.kk-foot-l span{display:flex;align-items:center;gap:3px}
.kk-foot-l i{font-size:11px}

/* ── İLAN LİSTESİ GRID / LIST WRAP ── */
.ilan-wrap-list{display:flex;flex-direction:column;gap:6px}
.ilan-wrap-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:14px;
}

/* ── RESPONSIVE ── */
@media(max-width:600px){
  .kk-list{grid-template-columns:44px 1fr}
  .kk-list-right{display:none}
  .kk-list-visual{width:44px}
  .ilan-wrap-grid{grid-template-columns:1fr 1fr}
}