/* GF Popup 1.0.2 */

/* Positie: verticale uitlijning via flex; horizontaal blijft UIkit centreren.
   !important is nodig: UIkit zet bij openen inline style="display: block". */
.gf-popup.uk-modal.uk-open {
	display: flex !important;
	flex-direction: column;
}

.gf-popup .uk-modal-dialog {
	overflow-y: auto;
	overscroll-behavior: contain;
}

.gf-popup.gf-pos-top > .uk-modal-dialog {
	margin-top: 0;
	margin-bottom: auto;
}

.gf-popup.gf-pos-center > .uk-modal-dialog {
	margin-top: auto;
	margin-bottom: auto;
}

.gf-popup.gf-pos-bottom > .uk-modal-dialog {
	margin-top: auto;
	margin-bottom: 0;
}

/* Animatie */
.gf-popup.gf-anim-none,
.gf-popup.gf-anim-none > .uk-modal-dialog {
	transition: none !important;
}

.gf-popup.gf-anim-zoom > .uk-modal-dialog {
	transform: scale(0.92);
}

.gf-popup.gf-anim-zoom.uk-open > .uk-modal-dialog {
	transform: scale(1);
}

@media (prefers-reduced-motion: reduce) {
	.gf-popup,
	.gf-popup > .uk-modal-dialog {
		transition: none !important;
	}
}

/* Video's (YouTube, Vimeo) vullen de breedte van de popup in 16:9. */
.gf-popup .uk-modal-dialog .uk-inline:has(> iframe) {
	display: block;
}

.gf-popup .uk-modal-dialog iframe[src*="youtube.com"],
.gf-popup .uk-modal-dialog iframe[src*="youtube-nocookie.com"],
.gf-popup .uk-modal-dialog iframe[src*="vimeo.com"] {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

/* Consent-placeholder van YOOtheme even breed als de video. */
.gf-popup .uk-modal-dialog .uk-inline:has(> iframe) > img {
	width: 100%;
	height: auto;
}

.gf-popup .uk-modal-dialog:focus {
	outline: none;
}