/* Üres videó helyén a helyettesítő kép: a dobozt a beállított képarány
   adja, a kép kitöltve, középre vágva. A jelzés csak a szerkesztő vásznán
   kap szöveget (a frontenden a span el sem készül). */
.bve-video--helyettesito {
	position: relative;
	background: #3E2E45;
}

.bve-video__helyettesito {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.bve-video__jelzes {
	position: absolute;
	top: 12px;
	left: 12px;
	padding: 6px 10px;
	background: rgba(42, 32, 54, 0.92);
	color: #fff;
	font: 500 11px/1.2 var(--vk-dm-mono, 'DM Mono', monospace);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	pointer-events: none;
}

.bve-video--facade {
	display: flex;
	align-items: center;
	justify-content: center;
	background-position: center;
	background-size: cover;
}

.bve-video__play {
	display: grid;
	width: 72px;
	height: 72px;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 50%;
	background: rgba(0, 0, 0, .72);
	color: #fff;
	cursor: pointer;
}

.bve-video--facade .bve-video__play {
	position: absolute;
	top: 50%;
	left: 50%;
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	transform: translate(-50%, -50%);
}

.bve-video__play:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.bve-video__play-icon,
.bve-video__play-image {
	display: block;
	width: 34px;
	height: 34px;
}

.bve-video__play-image {
	object-fit: contain;
}

/* Visszafelé kompatibilitás az Elementor által cache-elt régi Twig markuphoz. */
.bve-video__play > span {
	display: block;
	width: 0;
	height: 0;
	margin: 0;
	transform: translateX(-7px);
	border-top: 13px solid transparent;
	border-bottom: 13px solid transparent;
	border-left: 21px solid currentColor;
}