/* Backdrop – Frontend styles */

/**
 * Conteneur fixe derrière le contenu.
 * z-index négatif pour passer sous tous les éléments de la page.
 */
#backplane {
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}

/* Couche couleur de fond */
.bd-color {
	position: absolute;
	inset: 0;
	z-index: 0;
}

/* Couches images */
.bd-layer {
	position: absolute;
	inset: 0;
	
	
	background-repeat: no-repeat;
	will-change: transform;
}

/**
 * Lorsque le plugin est actif :
 * - #content occupe au minimum la hauteur de l'écran
 * - les fonds des conteneurs parents sont transparents
 *   pour laisser voir le backplane
 *
 * Les sélecteurs couvrent les thèmes WordPress les plus courants.
 */
body.has-backplane,
body.has-backplane #page,
body.has-backplane #content,
body.has-backplane .site-content,
body.has-backplane .wp-site-blocks,
body.has-backplane main {
	background: transparent !important;
}

body.has-backplane #content,
body.has-backplane .site-content,
body.has-backplane main {
	min-height: 100vh;
	position: relative;
	z-index: 1;
}