/* ==========================================================================
   Le Soin Phoenix — effets d'ambiance
   Phoenix en particules et cendres flottantes, pilotés par assets/js/effets.js
   À charger après site.css.
   ========================================================================== */

/* Dans le bandeau : entre le dégradé (z 0-1) et le contenu du héro (z 2) */
.phenix-canvas{
  position:absolute; inset:0;
  width:100%; height:100%;
  z-index:1;
  pointer-events:none;
}

/* En arrière-plan : couche fixe, qui reste en place pendant le défilement.
   Elle se glisse au-dessus des fonds de section (bandeau violet, sections
   colorées, pied de page) mais sous tout le contenu, remonté d'un cran :
   textes, cartes et photos restent toujours devant le phoenix. */
.phenix-canvas--fond{
  position:fixed;
  z-index:1;            /* sous l'en-tête (100), la barre mobile (95) et les cendres (60) */
}
body.phenix-en-fond main .enveloppe,
body.phenix-en-fond .pied .enveloppe{
  position:relative;
  z-index:2;
}
/* La vague blanche sous le bandeau passe sous le phoenix, sinon elle le
   couperait net — tout en restant au-dessus des reflets du bandeau. */
body.phenix-en-fond .vague{ z-index:1 }

/* Cendres sur toute la page : même dessin que la page 404, en couche fixe.
   Positions, tailles et durées sont tirées au hasard par le script. */
.braises.braises--site{
  position:fixed; inset:0;
  z-index:60;
  overflow:hidden;
  pointer-events:none;
}
.braises--site span{
  background:radial-gradient(circle, #FFF1D6 0%, #FFB45E 42%, rgba(255,128,64,0) 72%);
  box-shadow:0 0 8px 1px rgba(255,160,80,.28);
}
/* (site.css masque déjà .braises quand « réduire les animations » est actif) */