/* ─────────────────────────────────────────────────────────────────────────────
   PokéStock Live — Lobby / seller directory styles
   The "BROWSE SELLERS" view with its category filter chips and search.
   ───────────────────────────────────────────────────────────────────────────── */

/* ─── Category filter chips ──────────────────────────────────────────────── */
.filter-cat {
  margin-right: 6px;
  padding: 6px 12px;
  border-radius: 20px;
}
.filter-cat.active {
  background: var(--gold);
  color: #000;
  border-color: var(--gold);
}

/* ─── Seller-type filter chips ───────────────────────────────────────────── */
/* Parallel structure to .filter-cat above so the chips share the same shape
   and active-state vocabulary. We use a different accent colour (cool/cyan)
   than category chips (gold) so the two filter axes are visually distinct
   at a glance — type is about how the seller sells (live stream vs static
   store), categories are about what they sell. */
.filter-type {
  margin-right: 6px;
  padding: 6px 12px;
  border-radius: 20px;
}
.filter-type.active {
  background: var(--cool);
  color: #000;
  border-color: var(--cool);
}

/* ─── Mobile (≤ 640px) ───────────────────────────────────────────────────── */
@media (max-width: 640px) {
  #searchSeller { min-width: 0 !important; width: 100%; }
}