/*!
 * Becker Robotic — Events listing (page-events.php) + single event
 * (single-event.php). Reuses .news/.news-card/.article/.more-card from
 * news.css — this file adds only what's Events-specific: section
 * headings, the date/location meta row, status badges, the video embed
 * wrapper, and the flyer download band.
 */

/* ---- Listing: Upcoming/Past section headings ---- */
.events__section-title {
	margin: 0 0 24px;
	font-size: var(--becker-fs-h3);
	font-weight: 700;
}

.events__section-title--spaced {
	margin-top: 56px;
}

/* ---- Card meta row (date + location), listing only ---- */
.event-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	font-size: var(--becker-fs-legal);
	font-weight: 700;
}

.event-card__date {
	color: var(--becker-red);
	text-transform: uppercase;
}

.event-card__location {
	color: var(--becker-text-muted);
	font-weight: 400;
}

.event-card--past .news-card__image {
	filter: grayscale(40%);
	opacity: 0.85;
}

/* ---- Single event meta row + status badge ---- */
.event-meta--article {
	flex-wrap: wrap;
	row-gap: 8px;
}

.event-badge {
	margin-left: auto;
	font-size: var(--becker-fs-legal);
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	border-radius: var(--becker-radius-pill);
	padding: 4px 12px;
	border: 1px solid transparent;
}

.event-badge--upcoming {
	color: var(--becker-teal);
	background: var(--becker-teal-tint);
	border-color: var(--becker-teal-light);
}

.event-badge--past {
	color: var(--becker-text-muted);
	background: var(--becker-bg-light);
	border-color: var(--becker-border-soft);
}

/* ---- Recap video (responsive 16:9 embed) ---- */
.event-video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--becker-radius-card);
	overflow: hidden;
	background: var(--becker-charcoal);
	margin: 40px 0;
}

.event-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* ---- Flyer downloads ---- */
.event-downloads {
	background: var(--becker-bg-light);
	border-radius: var(--becker-radius-card);
	padding: 28px 32px;
	margin: 32px 0;
}

.event-downloads__label {
	margin: 0 0 16px;
	font-size: var(--becker-fs-body-sm);
}

.event-downloads__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}