/*
 * Vidéo (v0.26.3) : cadre 16:9 responsive pour l'iframe d'intégration
 * (YouTube/Tube/PodEduc, voir NLM_Shortcodes::render_video()), plus
 * l'infobulle description qui apparaît au survol prolongé (>1s, voir
 * public/js/nlm-video.js) d'un onglet quand la ressource contient plusieurs
 * vidéos ([data-nlm-video-tabs], réutilise .nlm-tabs-* de nlm-common.css
 * SANS modification).
 */

.nlm-video-frame {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: var(--nlm-radius);
	overflow: hidden;
	background: #000;
}

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

/* [data-nlm-video-tabs] a besoin de sa propre référence de positionnement
   pour l'infobulle (position:absolute calculée par rapport à ce conteneur,
   pas au document) — .nlm-tabs-wrap n'a par défaut aucun `position` posé. */
[data-nlm-video-tabs] {
	position: relative;
}

.nlm-video-desc-overlay {
	position: absolute;
	z-index: 20;
	max-width: 280px;
	background: #1a212dd9;
	color: #fff;
	padding: 8px 12px;
	border-radius: 6px;
	font-size: 13px;
	line-height: 1.4;
	box-shadow: 0 4px 14px rgb(0 0 0 / 25%);
	pointer-events: none;
}

.nlm-video-desc-overlay[hidden] {
	display: none !important;
}