/* Rubrique RELEASE : règles spécifiques (cover + crédits). */

.em-section--release {
	position: relative;
}

.em-release-switch {
	position: absolute;
	top: 16px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 2px 4px;
	border-radius: 999px;
	background: transparent;
	box-shadow: none;
	color: var(--em-release-switch-color, currentColor);
}

.em-release-switch__btn {
	width: 28px;
	height: 28px;
	border: 1px solid currentColor;
	border-radius: 999px;
	background: transparent;
	color: currentColor;
	opacity: .82;
	font-weight: 700;
	cursor: pointer;
}

.em-release-switch__btn:hover {
	opacity: 1;
}

.em-release-switch__dots {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.em-release-switch__dot {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 0;
	border-radius: 999px;
	color: inherit;
	background: currentColor;
	opacity: .45;
	cursor: pointer;
}

.em-release-switch__dot.is-active {
	opacity: 1;
}

.em-release-instance {
	transition: opacity .2s ease;
}

.em-release-instance:not(.is-active) {
	opacity: 0;
}

.em-section--release .em-rubrique__image {
	border: 2px solid #100421;
	border-radius: 16px;
	box-shadow: 10px 10px 0 #c13584;
	width: 100%;
	max-width: 430px;
	aspect-ratio: 1;
	object-fit: cover;
}

.em-section--release .em-rubrique__col--center .em-rubrique__imgwrap {
	margin-inline: auto;
	max-width: 430px;
	display: block;
}

.em-section--release .em-rubrique__field--text,
.em-section--release .em-rubrique__texttext .em-rubrique__field {
	font-family: "Archivo Black", Arial, sans-serif;
	font-weight: 400;
}

.em-section--release .em-rubrique__field--text {
	font-size: 12px;
	letter-spacing: .3em;
	text-transform: uppercase;
}

.em-section--release .em-rubrique__texttext {
	gap: 16px;
}

.em-section--release .em-rubrique__texttext .em-rubrique__field:last-child {
	font-size: clamp(1rem, 2.5vw, 1.25rem);
}

.em-section--release .em-rubrique__sep {
	border-top: 1px solid color-mix(in srgb, #100421 15%, transparent);
	opacity: 1;
	margin: 10px 0;
}

@media (max-width: 760px) {
	.em-section--release .em-rubrique__row[data-em-row="1"] {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.em-section--release .em-rubrique__texttext {
		gap: 10px;
	}
}