/* Une ligne par vidéo (tmv-lignes.php) : résultats de recherche, fiches des lieux et mots-clés */
.tmv-lignes { display: flex; flex-direction: column; gap: 16px; margin: 12px 0 24px; }
.tmv-ligne { display: flex; gap: 16px; height: 11rem; overflow: hidden; color: inherit !important; text-decoration: none !important; }
.tmv-ligne-image { position: relative; flex: 0 0 auto; height: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 5px; background: #ddd; }
.tmv-ligne-image img, .tmv-ligne-sans-image { display: block; width: 100%; height: 100%; object-fit: cover; }
.tmv-ligne-texte { display: flex; flex-direction: column; min-width: 0; }
.tmv-ligne-titre { font-size: 1.15em; font-weight: 600; line-height: 1.3; color: #333; }
.tmv-ligne:hover .tmv-ligne-titre { color: #eab308; }
.tmv-ligne-meta { margin: 2px 0 4px; color: #888; font-size: .75em; font-weight: 700; text-transform: uppercase; }
.tmv-ligne-resume { color: #444; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-height: 1.45; }

@media (max-width: 719px) {
	.tmv-ligne { flex-direction: column; height: auto; gap: 6px; overflow: visible; }
	.tmv-ligne-image { height: auto; max-height: 80vh; }
	.tmv-ligne-resume { display: none; }
}