/* =========================================================================
   LargeGamer — Fireworks
   Le canvas se place en fond de la section qui l'accueille.
   ========================================================================= */

.lg-fx {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	/* z-index négatif dans un contexte d'empilement isolé : le canvas se
	   place au-dessus du fond de l'hôte mais sous tout son contenu, SANS
	   qu'on ait à toucher au z-index des enfants. C'est ce qui évite de
	   perturber l'empilement du reste de la page — menus compris. */
	z-index: -1;
	/* Le feu d'artifice ne doit jamais intercepter un clic ni une sélection. */
	pointer-events: none;
	/* Fond de repli : si le JavaScript ne s'exécute pas, on garde une
	   ambiance sombre plutôt qu'un rectangle transparent. */
	background: radial-gradient(120% 140% at 50% 115%, #2e1f49 0%, #150f22 55%, #0e0b16 100%);
}

/* L'hôte accueille le canvas et l'enferme dans son propre contexte
   d'empilement.

   PAS d'overflow:hidden : un canvas en inset:0 ne déborde jamais, et masquer
   le débordement découperait les sous-menus déroulants de Divi. Erreur
   commise en 1.0.2.

   PAS de z-index imposé aux enfants non plus : ça les faisait passer devant
   des éléments situés plus bas dans la page. `isolation` suffit et ne touche
   à rien d'autre. */
.lg-fx-host {
	position: relative;
	isolation: isolate;
}

/* Le module qui portait le shortcode devient inutile une fois le canvas
   déplacé : on l'efface pour qu'il ne laisse pas d'espace vide. */
.lg-fx-placeholder {
	display: none !important;
}

/* Animations réduites : le canvas ne tourne pas, le fond de repli suffit. */
@media (prefers-reduced-motion: reduce) {
	.lg-fx {
		background: radial-gradient(120% 140% at 50% 115%, #3a2659 0%, #170f26 55%, #0e0b16 100%);
	}
}