/* Bande des épisodes d'une série, comme les vignettes « Voir aussi » de YARPP, sur le fond gris du formulaire de commentaire ; l'épisode affiché encadré. Vignettes aux proportions les plus fréquentes de la série (tmv_series_proportions). */
.tmv_serie { margin: 15px 0 20px; padding: 10px 15px 5px; background: #f1f1f1; border-radius: 5px; }
.entry .tmv_serie h3 { margin: 0 0 5px; font-size: 18.66px; font-weight: 700; text-transform: uppercase; color: #444; }
.entry .tmv_serie_bande { display: flex; gap: 5px; margin: 0; padding: 0 0 8px; list-style: none; overflow-x: auto; scroll-snap-type: x proximity; }
.entry .tmv_serie_bande li { display: flex; flex: 0 0 160px; margin: 0; padding: 0; list-style: none; scroll-snap-align: start; }
.tmv_serie_episode { display: block; flex: 1; padding: 5px; border-radius: 7px; font-weight: 700; color: #3b8dbd; text-decoration: none; }
.tmv_serie_episode img { display: block !important; width: 150px; height: auto; aspect-ratio: var(--tmv-serie-proportions, 16 / 9); object-fit: cover; border-radius: 5px; }
.tmv_serie_actuel { background: #3b8dbd; color: #fff !important; }
.tmv_serie_episode:not(.tmv_serie_actuel):hover { background: #e2e2e2; }
.tmv_serie_numero { display: block; margin-bottom: 3px; font-size: 13px; text-transform: uppercase; color: #999; }
.tmv_serie_actuel .tmv_serie_numero { color: #fff; }
.tmv_serie_titre { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 4px 2px 2px; font-size: 14.4px; line-height: 1.2; }