/*
Theme Name: Perez Axel Blank
Theme URI: https://perez-axel.fr
Author: PEREZ Axel
Description: Thème WordPress minimal et léger, pensé pour construire 100% du site avec Elementor.
Version: 1.0.0
Text Domain: perez-axel-blank
*/

body.home { 
    margin: 0 !important;
}

/* #bg-home doit servir de "référence" au canvas */
#bg-home{
  position: relative;
  overflow: hidden;
  min-height: 100vh; /* si besoin */
}

/* le canvas en fond */
#bg-home > canvas.pa-particles{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  pointer-events: none;
}

/* voile léger (optionnel, améliore la lisibilité) */
#bg-home::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(900px 600px at 20% 35%, rgba(255,255,227,.10), transparent 60%),
    radial-gradient(900px 600px at 80% 65%, rgba(255,255,227,.08), transparent 55%),
    linear-gradient(to bottom, rgba(0,0,0,.25), rgba(0,0,0,.55));
}

/* tout le contenu Elementor au-dessus */
#bg-home > .e-con-boxed,
#bg-home > .e-con-full,
#bg-home .e-con-inner{
  position: relative;
  z-index: 2;
}

.forminator-field-textarea span{
    color: white;
}


/* Respecte "réduire les animations" */
@media (prefers-reduced-motion: reduce) {
  .elementor-element-253a8bb,
  .elementor-element-4d4b7f5,
  .elementor-element-1601c11,
  .elementor-element-7228ca5,
  .elementor-element-7531b61 {
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
  }
}

/* Keyframes */
@keyframes ax-fadeInLeft {
  from { opacity: 0; transform: translateX(-24px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes ax-fadeInRight {
  from { opacity: 0; transform: translateX(24px); }
  to   { opacity: 1; transform: translateX(0); }
}

/* Base: invisible avant animation */
.elementor-element-253a8bb,
.elementor-element-4d4b7f5,
.elementor-element-1601c11,
.elementor-element-7228ca5,
.elementor-element-7531b61 {
  opacity: 0;
  will-change: opacity, transform;
}

/* Gauche: ordre d’apparition */
.elementor-element-253a8bb { animation: ax-fadeInLeft 700ms ease-out 0ms forwards; }
.elementor-element-4d4b7f5 { animation: ax-fadeInLeft 700ms ease-out 180ms forwards; }
.elementor-element-1601c11 { animation: ax-fadeInLeft 700ms ease-out 360ms forwards; }
.elementor-element-7228ca5 { animation: ax-fadeInLeft 700ms ease-out 540ms forwards; }

/* Droite: après la colonne de gauche */
.elementor-element-7531b61 { animation: ax-fadeInRight 700ms ease-out 900ms forwards; }