/**
 * Why – Vidéo sur les cases Portfolio Card.
 * Le widget liko-core stylise les <img> des cases ("object-fit"-like via
 * width/height 100%, zoom au survol, etc.). Quand on remplace l'<img> par
 * une <video> (why-portfolio-video.php), on reproduit ces mêmes règles pour
 * que la vidéo se comporte visuellement à l'identique de l'image.
 *
 * v1.0.1 : correctif "bandes noires / overlay" sous la vidéo, repéré sur la
 * page d'accueil (cases Reghalal, Orange Bleue). Cause : un <video> est en
 * `display:inline` par défaut (comme un <img>), aligné sur la ligne de base
 * du texte. Bootstrap neutralise ce comportement pour les <img> avec la
 * règle globale `img, svg { vertical-align: middle }`, mais PAS pour les
 * <video> (règle absente du reset Bootstrap). Résultat : la vidéo laisse un
 * espace résiduel (~8px, la place réservée au "descender" du texte) sous
 * elle dans son conteneur ".fix", qui n'a pas de hauteur fixe ici — le fond
 * (sombre) du conteneur apparaît dans cet espace, visible comme une fine
 * bande noire / un effet d'overlay au bas de la case. Les GIF (<img>) ne
 * sont pas concernés, d'où le bug uniquement sur les cases vidéo. Rien à
 * voir avec un réglage de marge Elementor. Fix : `display: block` sur la
 * vidéo, qui sort du flux "inline" et supprime cet espace fantôme.
 */

/* page d'accueil / portfolio-masonary (layout-3) */
.pm-project-masonary-item video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.9s;
}

.pm-project-masonary-item:hover video {
	transform: scale(1.1);
}

/* layout-2 */
.tp-project-5-2-thumb video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* layout par défaut (fix / tp-project-img) */
.tp-project-img video,
.fix video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}