/* =========================================================
   LR Elementor Responsive Background Video
   Versione 1.1.1
   ========================================================= */

/*
 * Il markup server-side usa .lr-rbv-configured solo come stato informativo.
 * Il video nativo Elementor viene nascosto esclusivamente dopo che JavaScript
 * ha creato correttamente il layer LR e applicato .lr-rbv-active.
 */
.elementor-element.lr-rbv-active {
	position: relative;
}

/* Nasconde l'eventuale background video nativo mentre il layer LR è attivo. */
.elementor-element.lr-rbv-active
	> .elementor-background-video-container:not(.lr-rbv-layer) {
	display: none !important;
}

/*
 * Compatibilità con eventuale markup Elementor che collochi il video nativo
 * dentro .e-con-inner (es. alcune modalità/editor rendering).
 */
.elementor-element.lr-rbv-active
	> .e-con-inner
	> .elementor-background-video-container:not(.lr-rbv-layer) {
	display: none !important;
}

.elementor-element.lr-rbv-active
	> .elementor-background-video-container.lr-rbv-layer {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events: none;
}

.elementor-element.lr-rbv-active
	> .elementor-background-video-container.lr-rbv-layer
	> video.lr-rbv-video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	max-width: none;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: cover;
	object-position: center center;
	pointer-events: none;
}