/**
 * Video di sfondo pagina — layer fixed dietro tutto il contenuto Elementor.
 *
 * Markup: widget Elementor "Ploomia Sfondo Video" (.ploomia-bg-video).
 * Il JS sposta il layer su body per uscire dagli stacking context di Elementor.
 */

/* Widget Elementor: niente impatto sul flusso del layout */
.elementor-widget-ploomia-bg-video,
.elementor-widget-ploomia-bg-video .elementor-widget-container {
	position: absolute !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: visible !important;
	pointer-events: none;
	border: none !important;
}

.ploomia-bg-video {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

.ploomia-bg-video__layer {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.ploomia-bg-video__layer video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.ploomia-bg-video__layer--mobile {
	display: none;
}

@media (max-width: 991px) {
	.ploomia-bg-video__layer--desktop {
		display: none;
	}

	.ploomia-bg-video__layer--mobile {
		display: block;
	}

	/* Fallback: layer mobile senza <video> → mostra desktop (widget non configurato). */
	.ploomia-bg-video:not(:has(.ploomia-bg-video__layer--mobile video)) .ploomia-bg-video__layer--desktop {
		display: block;
	}

	.ploomia-bg-video:not(:has(.ploomia-bg-video__layer--mobile video)) .ploomia-bg-video__layer--mobile {
		display: none;
	}
}

/* Contenuto sopra il video fixed; sidebar (z-index alto) resta sopra il video a tutta viewport */
body.has-ploomia-bg-video {
	overflow-x: clip;
}

@supports not (overflow-x: clip) {
	body.has-ploomia-bg-video {
		overflow-x: hidden;
	}
}

body.has-ploomia-bg-video #content-wrapper.site-content,
body.has-ploomia-bg-video .ploomia-single-content,
body.has-ploomia-bg-video #content.site-main,
body.has-ploomia-bg-video .elementor {
	position: relative;
	z-index: 1;
}

body.has-ploomia-bg-video .ploomia-header {
	position: relative;
	z-index: 10;
	background-color: transparent;
}

body.has-ploomia-bg-video .ploomia-header-content {
	pointer-events: auto;
}