/* framework/events — the card grid.
 *
 * Structure only, as with every framework block: column count, gap and the
 * featured-card span. The design values (gap, card face, radius, shadow) come
 * from the build stylesheet, which on IBIA is assets/css/ibia.css under
 * "Events listing". Shared by the editor canvas and the front end.
 */

.ibia-events__cards {
	display: grid;
	grid-template-columns: repeat(var(--fw-events-cols, 2), minmax(0, 1fr));
	gap: var(--fw-events-gap, 0);
	align-items: stretch;
	margin-block: 0;
}

.ibia-events__cards--1 { --fw-events-cols: 1; }
.ibia-events__cards--2 { --fw-events-cols: 2; }
.ibia-events__cards--3 { --fw-events-cols: 3; }

/* A featured card takes the whole row. */
.ibia-events__cards > .ibia-event--featured { grid-column: 1 / -1; }

.ibia-events__cards > .ibia-event { height: 100%; }

@media (max-width: 1024px) {
	.ibia-events__cards--3 { --fw-events-cols: 2; }
}
@media (max-width: 640px) {
	.ibia-events__cards { --fw-events-cols: 1; }
}