/**
 * Médias éditoriaux vidéo.
 *
 * Webinaires, Congrès, Masterclasses et Conférences utilisent l'image mise en
 * avant comme vignette, sans la répéter dans l'article individuel.
 *
 * Stratégie : rester volontairement simple.
 * Le thème ne recadre, ne surdimensionne et ne repositionne pas les médias
 * pour compenser des défauts présents dans les fichiers sources. Il applique
 * un léger arrondi cohérent et, depuis la v0.9.1, une séparation visuelle
 * discrète des lecteurs vidéo lorsque leur contenu se confond avec le fond.
 * Les fichiers image doivent être préparés proprement en amont.
 */

:root {
	--ans-editorial-media-radius: var(--ans-radius-sm, 0.5rem);
	--ans-editorial-video-border: var(--wp--preset--color--ans-border, #dee0ea);
	--ans-editorial-video-shadow: 0 0.25rem 0.875rem rgba(52, 56, 82, 0.06);
}

/* --------------------------------------------------------------------------
 * Vidéos natives WordPress
 * -------------------------------------------------------------------------- */

.wp-block-video {
	overflow: visible;
	border-radius: var(--ans-editorial-media-radius);
	line-height: 0;
}

.wp-block-video video {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	box-sizing: border-box;
	border: 1px solid var(--ans-editorial-video-border);
	border-radius: inherit;
	background: #fff;
	box-shadow: var(--ans-editorial-video-shadow);
	vertical-align: top;
}

/* --------------------------------------------------------------------------
 * Embeds vidéo (YouTube, Vimeo, etc.)
 * -------------------------------------------------------------------------- */

.wp-block-embed.is-type-video .wp-block-embed__wrapper,
.wp-block-embed-youtube .wp-block-embed__wrapper,
.wp-block-embed-vimeo .wp-block-embed__wrapper {
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid var(--ans-editorial-video-border);
	border-radius: var(--ans-editorial-media-radius);
	background: #fff;
	box-shadow: var(--ans-editorial-video-shadow);
	line-height: 0;
}

.wp-block-embed.is-type-video iframe,
.wp-block-embed-youtube iframe,
.wp-block-embed-vimeo iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	border: 0;
	border-radius: inherit;
	vertical-align: top;
}

/* --------------------------------------------------------------------------
 * Miniatures des contenus éditoriaux vidéo
 * -------------------------------------------------------------------------- */

/*
 * Aucun aspect-ratio, positionnement absolu, crop ou transformation n'est
 * imposé ici. WordPress conserve ainsi les dimensions et la mise en page du
 * bloc Image mise en avant, y compris lorsqu'un bloc possède un style inline
 * `aspect-ratio:auto`.
 */
.wp-block-post:is(
	[class*="category-webinaire"],
	[class*="category-congres"],
	[class*="category-masterclass"],
	[class*="category-conference"]
) .wp-block-post-featured-image img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: var(--ans-editorial-media-radius) !important;
}

/* --------------------------------------------------------------------------
 * Article individuel : suppression du doublon image mise en avant / vidéo
 * -------------------------------------------------------------------------- */

body.single-post.ans-editorial-media
	.ans-single
	> .wp-block-post-featured-image,
body.single-post.ans-editorial-media
	.ans-content-with-sidebar
	.ans-sidebar-layout
	> .wp-block-column:first-child
	> .wp-block-post-featured-image {
	display: none !important;
}