/*
 * Le lecteur vidéo des leçons.
 *
 * Le conteneur tient le ratio et les angles ; l'habillage des commandes vient de
 * l'hébergeur (Bunny), qui sert le lecteur dans l'iframe. Les tokens Plyr posés
 * par `tutor-tokens.css` restent pour les leçons dont la vidéo est un fichier
 * local, lues par le lecteur de Tutor.
 */

.sensbio-video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: var(--ink-900, #1a1a1a);
	border-radius: var(--radius-md, 8px);
	overflow: hidden;
}

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

/*
 * Le lecteur VideoPress (plugin jetpack-videopress), rendu par le code court
 * `[videopress GUID]` des leçons.
 *
 * VideoPress compte sur un script pour caler l’iframe sur son parent
 * (`data-resize-to-parent`), script qu’il ne charge pas pour un code court :
 * l’iframe restait à sa hauteur par défaut, écrasée en haut d’un cadre blanc.
 * Ici, le ratio est tenu en CSS, comme pour `.sensbio-video`.
 */
.jetpack-videopress-player {
	margin: 0;
}

.jetpack-videopress-player__wrapper {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	background: var(--ink-900, #1a1a1a);
	border-radius: var(--radius-md, 8px);
	overflow: hidden;
}

.jetpack-videopress-player__wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

/* Dans une leçon, Tutor tient déjà le 16:9 : la figure remplit son cadre. */
.tutor-ratio > .jetpack-videopress-player,
.tutor-ratio > .jetpack-videopress-player > .jetpack-videopress-player__wrapper {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	aspect-ratio: auto;
}

/*
 * Une leçon qui n’est qu’une vidéo (classe posée par sensbio_video_seule()) :
 * l’onglet perd son fond et sa bordure, le lecteur se pose sur la page. Les
 * leçons avec un résumé ou des fichiers d’exercice gardent leur carte.
 */
body.tutor-lms .tutor-lesson-content .tutor-lesson-content-tab.sensbio-video-seule {
	background: transparent;
	border: 0;
}

/* L’onglet « Aperçu » vide que Tutor montre aux seuls administrateurs. */
body.tutor-lms .tutor-lesson-content .tutor-lesson-content-tab .tutor-tabs-content.sensbio-onglet-vide {
	display: none;
}