/**
 * Video-pattern hover-effect — VEREENVOUDIGD, geen YouTube-preview meer.
 *
 * Bij hover: de bestaande overlay wordt iets donkerder, en de play-knop
 * wordt iets groter. Puur CSS, geen JavaScript meer nodig (zie
 * video-preview.js — die is nu leeg/overbodig, zie toelichting daar).
 * Klikken blijft gewoon Kadence's eigen video-pop-up openen
 * (`ktblocksvideopop`) — die functionaliteit raken we hier niet aan.
 *
 * !important bij de overlay-hover is nodig: Kadence zet daar vaak een
 * EIGEN, inline opacity-waarde op (bv. style="opacity:0.3") — die wint
 * normaal van een gewone CSS-regel, dus zonder !important zou onze
 * hover-verdonkering genegeerd worden.
 */
.js-video-preview {
	position: relative;
	overflow: hidden;
}

.js-video-preview .kt-row-layout-overlay {
	transition: opacity 0.3s ease;
}

.js-video-preview:hover .kt-row-layout-overlay {
	opacity: 0.5 !important;
}

.js-video-preview a {
	display: inline-block; /* nodig zodat transform:scale ook echt werkt */
	transition: transform 0.3s ease;
}

.js-video-preview:hover a {
	transform: scale(1.71);
}