/**
 * "More Games" suggestions row — column count only.
 * ----------------------------------------------------------------------
 * Deliberately scoped to the .game-gallery-grid--suggestions modifier,
 * not the base .game-gallery-grid class the Game Portal also uses — the
 * Portal's own grid already works via the active theme, so this only
 * touches the suggestions row to avoid changing that. Card appearance
 * (thumbnail shape, dog-ear corner, spacing, typography) is untouched
 * and stays entirely up to the theme; this file only decides how many
 * columns the 4 suggestion cards sit in at each width.
 *
 * !important is used only on grid-template-columns, since this needs to
 * reliably win over whatever column count the theme's own
 * .game-gallery-grid rules might set at the same widths.
 */
.game-gallery-grid--suggestions {
	display: grid;
	grid-template-columns: repeat( 4, 1fr ) !important;
	gap: 1rem;
}

/* Small tablet / large phone: 3 across. */
@media ( max-width: 900px ) {
	.game-gallery-grid--suggestions {
		grid-template-columns: repeat( 3, 1fr ) !important;
	}
}

/* Phone: 2 across, never back down to a single column. */
@media ( max-width: 560px ) {
	.game-gallery-grid--suggestions {
		grid-template-columns: repeat( 2, 1fr ) !important;
	}
}