/* Past events grid on the Events landing page. Enqueued only there (functions.php), so nothing
   below needs a page-scoping selector beyond the band's own class.

   The band is rendered server-side rather than by a core Query Loop, so core's generated
   grid-layout container class (and the columnCount it carries) never exists here — the columns are
   declared directly instead. */

.bpd-query-past-events .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat( 3, minmax( 0, 1fr ) );
	gap: var( --wp--preset--spacing--800 );
	margin: 0;
	padding: 0;
	list-style: none;
}

@media ( max-width: 1024px ) {
	.bpd-query-past-events .wp-block-post-template {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) );
	}
}

@media ( max-width: 781px ) {
	.bpd-query-past-events .wp-block-post-template {
		grid-template-columns: minmax( 0, 1fr );
	}
}

/* Date and location, between the title and the standfirst. */
.bpd-event-card__meta {
	margin-block: var( --wp--preset--spacing--200 ) 0;
}

/* Same call already made for the Insights landing and homepage cards: theme.json's elements.link
   underline suits a link inside body copy, not a whole card heading sitting under an image that
   links to the same place. */
.bpd-event-card .wp-block-post-title a {
	text-decoration: none;
}
