/* Custom Elementor Video — Frontend Styles */

.cevp-video-wrapper {
	display: block;
	width: 100%;
}

/* ── Default (auto) — video sets its own height ───────────────── */

.cevp-video-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.cevp-video-inner video {
	display: block;
	width: 100%;
	height: auto;
}

.cevp-video-inner iframe {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: none;
}

/* ── Fixed ratio (cevp-has-ratio) ─────────────────────────────── */
/*
 * aspect-ratio is set via inline style on .cevp-video-inner.
 * The video/iframe fills that locked container so the player
 * never changes size when the user presses play — even if the
 * poster and the video have different native dimensions.
 */

.cevp-video-inner.cevp-has-ratio video,
.cevp-video-inner.cevp-has-ratio iframe {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	background: #000;
	border: none;
}