/* ==========================================================================
   games.css — games.html overrides
   ========================================================================== */

/* Sticky toolbar keeps search and filters reachable in a long catalogue */
@media (min-width: 1024px) {
  #catalogue .toolbar {
    position: sticky;
    top: calc(var(--nav-height) + var(--space-6));
    z-index: var(--z-raised);
    background: rgba(13, 20, 37, 0.92);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
}

/* Filter chip row scrolls horizontally inside itself on narrow screens
   rather than pushing the page wide */
@media (max-width: 639px) {
  #catalogue .filters {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: var(--space-2);
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  #catalogue .filters::-webkit-scrollbar { display: none; }
  #catalogue .filter-chip { flex: none; }
}

/* Studio table: keep the third column readable rather than cramped */
#studios td:last-child { color: var(--color-text-muted); font-size: var(--text-xs); line-height: var(--leading-loose); }
#studios th:first-child, #studios td:first-child { white-space: nowrap; }

/* Theme-family cards read as prose blocks, so relax the icon-first layout */
#families .card { gap: var(--space-2); }
#families .card__title { color: var(--color-accent-bright); }