/* Video-pop-up op de homepagina (Popup Maker, thema "Cycle Valley – video"). */
.pum-container .cv-popup-video.wpb_row { margin-bottom: 0 !important; padding: 0 !important; }
.pum-container .cv-popup-video .wpb_column { margin-bottom: 0 !important; }
.pum-container .cv-popup-video .cv-popup-video__eyebrow {
	margin-bottom: 6px;
	color: var(--cv-red);
	font-family: Syne, sans-serif;
	font-weight: 800;
	font-size: 14px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.pum-container .cv-popup-video h2.cv-popup-video__titel {
	margin-bottom: 24px;
	font-size: 36px;
	line-height: 42px;
}
.pum-container .cv-popup-video .nectar-video-wrap,
.pum-container .cv-popup-video .nectar_video_player_self_hosted { margin-bottom: 24px !important; }
.pum-container .cv-popup-video .nectar-button { margin-bottom: 0 !important; }
/* Breedte: max. 960px, op kleinere schermen 16px marge links en rechts (Popup Maker past de max. % niet toe bij een vaste breedte). */
.pum-theme-cycle-valley-video .pum-container {
	/* ook begrensd door de schermhoogte, zodat titel + video + knoppen op een lage laptop passen */
	width: min(960px, calc(100vw - 32px), calc((100vh - 290px) * 16 / 9 + 80px)) !important;
	min-width: min(340px, calc(100vw - 32px));
	max-height: calc(100vh - 32px);
	overflow-y: auto;
	max-width: calc(100vw - 32px) !important;
	box-sizing: border-box;
}
/* Video altijd schermbreed binnen de pop-up, 16:9 */
.pum-container .cv-popup-video video {
	display: block;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 15px;
	background: #000;
}
/* Salient reserveert de 16:9-ruimte met padding; de video zelf bepaalt hier de hoogte. */
.pum-container .cv-popup-video .wpb_video_wrapper { padding-top: 0 !important; }

/* Sluitknop iets uit de hoek, goed klikbaar */
.pum-theme-cycle-valley-video .pum-close { transition: transform .2s ease; }
.pum-theme-cycle-valley-video .pum-close:hover { transform: rotate(90deg); }

@media only screen and (max-width: 690px) {
	.pum-theme-cycle-valley-video .pum-container { padding: 52px 16px 20px !important; border-radius: 16px !important; }
	.pum-container .cv-popup-video h2.cv-popup-video__titel { font-size: 22px; line-height: 28px; margin-bottom: 16px; }
	.pum-container .cv-popup-video .cv-popup-video__eyebrow { font-size: 12px; line-height: 17px; letter-spacing: 1px; padding: 0 36px; }
	.pum-container .cv-popup-video .nectar-button { margin: 8px 4px 0 !important; }
}