/* Veranstaltungen: typographic cards (archive + front page teaser) and the date block on single events. */

.jkc-events .wp-block-post-template {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
	gap: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
}
.jkc-events .wp-block-post-template > li { margin: 0; }

/* Front page teaser: center the cards when fewer than a full row is planned. */
.home .jkc-events .wp-block-post-template {
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 22rem));
	justify-content: center;
}

.jkc-event-card { position: relative; }
.jkc-event-card > * { margin: 0; }

/* Date as small caps eyebrow, as on post category labels. */
.jkc-event-card__date,
.jkc-event-date {
	font-variant-caps: all-small-caps;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: 600;
	letter-spacing: .06em;
	line-height: 1.3;
	color: var(--wp--preset--color--accent-2);
}

.jkc-event-card__title {
	font-size: var(--wp--preset--font-size--large);
	line-height: 1.2;
	text-wrap: balance;
}
.jkc-event-card__title a { text-decoration: none; transition: color .2s; }
.jkc-event-card__title a:hover,
.jkc-event-card__title a:focus-visible { color: var(--wp--preset--color--accent-2); }
/* Whole card clickable via the title link. */
.jkc-event-card__title a::after { content: ""; position: absolute; inset: 0; }

.jkc-event-card__location {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--contrast-2);
}

/* Past events: quieter date. */
.jkc-events--past .jkc-event-card__date { color: var(--wp--preset--color--contrast-2); }