/* Un jour, une vidéo (tmv-video-du-jour.php) : sans fond ni bordure, comme les autres blocs de l'accueil */
.tmv-video-du-jour { display: flex; gap: 24px; align-items: flex-start; margin: 6px 0 16px; }
.tmv-video-du-jour-image { flex: 0 0 40%; }
.tmv-video-du-jour-grande .tmv-video-du-jour-image { flex-basis: 55%; }
.tmv-video-du-jour-image img { display: block; width: 100%; height: auto; border-radius: 5px; }
.tmv-video-du-jour-texte { flex: 1; }
.tmv-video-du-jour h3 { margin: 6px 0 6px; font-size: 1.3em; }
.tmv-video-du-jour p { margin: 8px 0; }
.tmv-video-du-jour-lien { font-weight: bold; text-transform: uppercase; font-size: .9em; }

/* Date du jour, puis l'époque de la vidéo mise en évidence */
.tmv-video-du-jour-dates { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: .85em; font-weight: 600; text-transform: uppercase; }
.tmv-video-du-jour-date { color: #999; }
.tmv-video-du-jour-epoque { padding: 0 .4em; border-radius: .25rem; background: #eab308; color: #000; }

.tmv-videos-du-jour-precedentes { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 18px; margin-top: 12px; }
.tmv-videos-du-jour-precedentes a { color: inherit; font-weight: 600; line-height: 1.3; }
.tmv-videos-du-jour-precedentes img { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; object-fit: cover; border-radius: 5px; margin-bottom: 6px; }
.tmv-videos-du-jour-precedentes .tmv-video-du-jour-dates { margin-bottom: 4px; font-size: .7em; }

@media (max-width: 719px) {
	.tmv-video-du-jour { flex-direction: column; gap: 12px; }
	/* Image d'un bord à l'autre de l'écran */
	.tmv-video-du-jour-image { width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
	.tmv-video-du-jour-image img { border-radius: 0; }
}