/**
 * Ad'on Video — géométrie du cadre.
 *
 * Le format vient d'une propriété personnalisée posée sur le conteneur, et non
 * d'une classe par format : le module et le code court acceptent un format
 * libre, et une classe par valeur possible n'existe pas.
 *
 * Pas d'`overflow: hidden` sur le conteneur, et c'est volontaire : quand
 * Ad'on Consent remplace l'iframe par son encart, cet encart est plus haut que
 * le format de la vidéo. Le masquer aurait coupé le bouton de consentement,
 * c'est-à-dire la seule chose à faire sur la page.
 */

.adon-video {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin-inline: auto;
	aspect-ratio: var(--adon-video-ratio, 16/9);
}

.adon-video__cadre {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #000;
}

/* L'encart de consentement prend la hauteur qu'il lui faut. */
.adon-video:has(.adon-consent-placeholder) {
	aspect-ratio: auto;
}

.adon-video--gauche {
	margin-inline: 0 auto;
}

.adon-video--droite {
	margin-inline: auto 0;
}