/* Sur mobile, les vidéos et leurs vignettes vont d'un bord à l'autre de l'écran, comme dans la réécriture :
   lecteur des fiches vidéo, listes à une ligne, diaporama « En bref », images à la une (accueil, catégories),
   grilles Post Grid hors de l'accueil (celles de l'accueil défilent à l'horizontale, cf. tmv-grilles-mobile.css). */
@media (max-width: 719px) {
	.tmv_video_principale, .tmv-ligne-image, .tmv_breves, .post-thumbnail, body:not(.home) .post-grid .element-media {
		width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; border-radius: 0 !important;
	}
	.tmv-ligne-image img, .tmv_breve img, .post-thumbnail img, body:not(.home) .post-grid .element-media img { border-radius: 0 !important; width: 100%; }
	/* Les blocs SiteOrigin coupent ce qui dépasse (overflow: hidden) : sans cela, les vignettes élargies étaient rognées
	   sur les côtés, bandeaux « Reportage », « En bref »… compris. flow-root garde les flottants contenus. */
	.so-panel:has(.tmv_breves, .post-thumbnail, .tmv-ligne-image) { overflow: visible !important; display: flow-root; }
	/* Le diaporama coupe lui-même ses diapositives suivantes, que le bloc ne coupe plus */
	.tmv_breves { overflow: hidden; }
	/* Le lecteur tirait sa hauteur (padding-top: 56.25 %) de la colonne, plus étroite : bandes noires sur les côtés */
	.tmv_video_principale { padding-top: 0 !important; aspect-ratio: 16 / 9; }
}