/* Our Games shelf: section-level hooks on top of the ported design CSS.

   misfit/css/home.css draws .games, .games-grid, .game-card, .game-card.is-next
   and .game-placeholder exactly as the approved design does. This file only
   re-points what the section's own settings can change, plus two structural
   fallbacks for block counts the design never shows. */

.games {
  background-color: var(--mm-games-bg, var(--mm-plum, #251938));
}

/* The design always pairs one featured card with a side stack. With no "next"
   cards the featured card should take the whole shelf instead of 1.25fr of it. */
.games-grid:not(:has(.side-stack)) {
  grid-template-columns: 1fr;
}

/* The placeholder glyph is drawn for the dark "next" card. On the light
   featured card it needs the ink outline to stay legible. */
.game-card:not(.is-next) .game-placeholder {
  border-color: var(--mm-plum, #251938);
  color: var(--mm-plum, #251938);
}