/* Jahrgangs-Karten: Contest + Sieger. Optik liegt im Theme, nicht in BlockForge. */

.wp-block-ecg-year-contest,
.wp-block-ecg-year-winner {
	box-sizing: border-box;
	margin: 0 0 1.15rem;
	overflow: hidden;
	border: 1px solid var(--ecg-card-border, var(--line, rgba(17, 17, 17, 0.12)));
	border-radius: var(--radius-bar, 1.15rem);
	background: var(--ecg-card-bg, #fff);
	box-shadow: var(--ecg-card-shadow, 0 8px 24px rgba(0, 0, 0, 0.06));
}

.ecg-year-kicker {
	display: block;
	box-sizing: border-box;
	width: max-content;
	max-width: 100%;
	margin: 0;
	border: 1px solid var(--line, rgba(17, 17, 17, 0.12));
	border-radius: var(--radius-pill, 0.85rem);
	padding: 0.125rem 0.625rem;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.2em;
	line-height: 1.25;
	text-transform: uppercase;
}

.ecg-year-contest__title,
.ecg-year-winner__title {
	margin: 0.75rem 0 0;
	font-family: var(--wp--preset--font-family--gotham, var(--font-display, inherit));
	font-size: 1.35rem;
	font-weight: 900;
	line-height: 1.2;
}

.ecg-year-fact {
	display: grid;
	gap: 0.15rem;
	padding: 0.55rem 0 0;
}

.ecg-year-fact p {
	margin: 0;
}

.ecg-year-fact__label {
	color: var(--muted, rgba(17, 17, 17, 0.62));
	font-size: 0.6875rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.ecg-year-fact__value {
	font-size: 0.98rem;
	font-weight: 600;
	line-height: 1.45;
}

.ecg-year-contest {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(11rem, 0.85fr);
	column-gap: 1.25rem;
	row-gap: 0;
	padding: 1.15rem 1.3rem 1.25rem;
	align-items: start;
}

.ecg-year-contest__intro,
.ecg-year-contest .ecg-year-fact {
	grid-column: 1;
	min-width: 0;
}

.ecg-year-contest__intro {
	padding-bottom: 0;
}

.ecg-year-contest__photo {
	grid-column: 2;
	grid-row: 1 / span 50;
	align-self: start;
}

.ecg-year-contest__photo img,
.ecg-year-contest__photo .ecg-year-media img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	background: #081433;
	border-radius: var(--radius-card, 1rem);
	object-fit: contain;
}

.ecg-year-contest--no-photo,
.ecg-year-contest:not(:has(.ecg-year-contest__photo)) {
	grid-template-columns: 1fr;
}

.ecg-year-contest--no-photo .ecg-year-contest__photo {
	display: none;
}

.ecg-year-winner {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(11rem, 0.85fr);
	column-gap: 1.25rem;
	padding: 1.15rem 1.3rem 1.25rem;
	align-items: stretch;
}

.ecg-year-winner__copy {
	position: relative;
	min-width: 0;
}

.ecg-year-winner__titles {
	padding-right: 7rem;
}

.ecg-year-winner__flag-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 6.25rem;
	height: 6.25rem;
	overflow: hidden;
	border-radius: var(--radius-card, 1rem);
}

.ecg-year-winner__flag,
.ecg-year-winner__flag-wrap img,
.ecg-year-winner__flag-picker,
.ecg-year-winner__flag-picker img,
.ecg-year-winner__flag-wrap .ecg-year-media,
.ecg-year-winner__flag-wrap .ecg-year-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.ecg-year-winner__photo {
	position: relative;
	height: 0;
	min-height: 100%;
	overflow: hidden;
	align-self: stretch;
}

.ecg-year-winner__img,
.ecg-year-winner__photo > .ecg-year-media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.ecg-year-winner__img,
.ecg-year-winner__photo > .ecg-year-media img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: var(--radius-card, 1rem);
	object-fit: cover;
	object-position: 50% 40%;
}

.ecg-year-media {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.ecg-year-media img {
	pointer-events: none;
}

@media (max-width: 781px) {
	.ecg-year-contest {
		grid-template-columns: 1fr;
	}

	.ecg-year-contest__intro,
	.ecg-year-contest__photo,
	.ecg-year-contest .ecg-year-fact {
		grid-column: 1;
		grid-row: auto;
	}

	.ecg-year-contest__photo {
		margin: 0.35rem 0 0.85rem;
	}

	.ecg-year-winner {
		grid-template-columns: 1fr;
	}

	.ecg-year-winner__photo {
		height: auto;
		min-height: 0;
		margin: 0.35rem 0 0.85rem;
	}

	.ecg-year-winner__img,
	.ecg-year-winner__photo > .ecg-year-media img {
		position: relative;
		inset: auto;
		aspect-ratio: 4 / 5;
		height: auto;
	}
}