/**
 * hero-reveal — le hero passe en position fixe (via la classe --active posée
 * par le JS, jamais dans l'éditeur), les sections suivantes remontent le
 * recouvrir. Rien ne s'applique tant que le JS n'a pas activé : l'éditeur
 * Elementor garde un hero normal.
 */

.bejoy-hero-reveal--active {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--bejoy-hero-height, 100vh);
  overflow: hidden;
  z-index: 0;
}

/* Tout ce qui suit le hero glisse par-dessus (fond opaque défini côté Elementor).
   On exclut le header overlay : il vit dans une couche supérieure, pas dans le
   contenu qui recouvre le hero. */
.bejoy-hero-reveal--active ~ *:not(.bejoy-main-header):not(.elementor-location-header):not(.bejoy-navfab):not(.bejoy-menu-overlay) {
  position: relative;
  z-index: 1;
}

/* Réserve la hauteur de scroll libérée par le hero passé en fixed. */
.bejoy-hero-reveal-spacer {
  width: 100%;
  pointer-events: none;
}