/* Item listesi (/itemler). Sayfa iskeleti liste.css (sayfa-basi,
   result-box), tablo ve dugmeler tools.css / style.css. Renk yalniz token. */

.il-ara {
  display: flex; align-items: center; gap: 8px;
  max-width: 640px; margin: 4px 0 14px; padding: 5px 5px 5px 15px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-tam);
  background: var(--ucuz-panel);
}
.il-ara:focus-within { border-color: var(--ucuz-gold-cizgi); box-shadow: 0 0 0 3px var(--ucuz-gold-zayif); }
.il-ara > .bi { color: var(--ucuz-sonuk2); }
.il-ara input {
  flex: 1 1 auto; min-width: 0; border: 0; outline: none; background: none;
  color: var(--ucuz-metin); font-size: .92rem; padding: 6px 0;
}
.il-ara input::placeholder { color: var(--ucuz-sonuk2); }
.il-ara .tool-btn { flex: 0 0 auto; border-radius: var(--r-tam); }

.il-katlar { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
.il-katlar .srv-pill { text-decoration: none; }

.il-bolum { margin-bottom: 28px; }
.il-baslik { font-family: var(--yt-baslik); font-size: 1.05rem; font-weight: 700; margin: 0 0 10px; }
.il-not { margin: -4px 0 12px; font-size: .8rem; line-height: 1.6; color: var(--ucuz-sonuk); }

/* Kategori kartlari: o kumenin pazarda en cok ilani olan dort iteminin
   oyundaki ikonu. Bootstrap simgesi yerine oyunun kendi resmi. */
.il-kat-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(215px, 1fr));
  gap: 10px; list-style: none; margin: 0; padding: 0;
}
.il-kat-kart {
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 10px;
  height: 100%; padding: 14px 15px 13px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-xl);
  background: radial-gradient(120% 140% at 0% 0%, var(--ucuz-gold-zayif), transparent 60%), var(--ucuz-panel);
  color: var(--ucuz-metin); text-decoration: none;
  transition: border-color .15s, transform .15s;
}
.il-kat-kart:hover { border-color: var(--ucuz-gold-cizgi); transform: translateY(-1px); color: var(--ucuz-metin); }
.il-kat-ikonlar { grid-column: 1 / -1; display: flex; gap: 6px; min-height: 34px; }
.il-kat-ikonlar img {
  width: 34px; height: 34px; object-fit: contain; border-radius: var(--r-sm);
  background: var(--ucuz-dark); box-shadow: inset 0 0 0 1px var(--ucuz-border);
}
.il-kat-ad { font-size: .95rem; font-weight: 700; }
.il-kat-sayi { font-family: var(--yt-sayi); font-size: .76rem; color: var(--ucuz-sonuk); white-space: nowrap; }

/* Item satiri: ikon, ad, alt satirda tur/level/arti/Turkce ad, sagda ilan. */
.il-liste {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 6px; list-style: none; margin: 0; padding: 0;
}
.il-bag {
  display: flex; align-items: center; gap: 11px; height: 100%;
  padding: 8px 12px 8px 9px;
  border: 1px solid var(--ucuz-border); border-radius: var(--r-lg);
  background: var(--ucuz-panel); color: var(--ucuz-metin); text-decoration: none;
  transition: border-color .15s, background .15s;
}
.il-bag:hover { border-color: var(--ucuz-gold-cizgi); background: var(--ucuz-yukselti); color: var(--ucuz-metin); }
.il-ikon {
  flex: 0 0 34px; width: 34px; height: 34px; object-fit: contain;
  border-radius: var(--r-sm); background: var(--ucuz-dark); box-shadow: inset 0 0 0 1px var(--ucuz-border);
}
.il-ikon--yok { display: flex; align-items: center; justify-content: center; color: var(--ucuz-pasif); }
.il-govde { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.il-ad { font-size: .86rem; font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.il-alt { font-size: .72rem; line-height: 1.4; color: var(--ucuz-sonuk); }
.il-ilan {
  flex: 0 0 auto; font-family: var(--yt-sayi); font-size: .72rem; font-weight: 700;
  color: var(--ucuz-gold-yazi); white-space: nowrap; font-variant-numeric: tabular-nums;
}
.il-satilamaz { flex: 0 0 auto; font-size: .7rem; font-weight: 600; color: var(--ucuz-red-yazi); white-space: nowrap; }

.il-suzgec { margin-bottom: 14px; }
.il-suzgec-ust { display: flex; flex-wrap: wrap; gap: 8px; }
.il-suzgec-ust input { flex: 1 1 240px; }
.il-suzgec-ust select { flex: 0 0 auto; width: auto; }
.il-turlar { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.il-turlar .srv-pill span { margin-left: 3px; font-family: var(--yt-sayi); opacity: .75; }
.il-sayac { margin: 8px 0 0; font-size: .78rem; color: var(--ucuz-sonuk); }
.il-sayac:empty { display: none; }
.il-bos { padding: 22px; text-align: center; color: var(--ucuz-sonuk); }

.il-kaynak p { max-width: 80ch; font-size: .84rem; line-height: 1.7; color: var(--ucuz-sonuk); }

@media (max-width: 575.98px) {
  .il-liste { grid-template-columns: 1fr; }
  .il-kat-grid { grid-template-columns: 1fr 1fr; gap: 8px; }
  .il-kat-kart { padding: 12px; }
  .il-kat-ikonlar img { width: 28px; height: 28px; }
}