/* — Hero avec photo + overlay vert semi-transparant — */
body.is-eventpage header.page-hero.with-photo {
  /* on garde le rayon, l'overflow et la position déjà en place */
  background: none;                  /* on neutralise le fond vert plein existant */
  position: relative;                /* pour empiler les pseudo-éléments */
}

body.is-eventpage header.page-hero.with-photo::before {
  /* Photo de fond */
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--hero-bg);  /* défini en inline sur le header */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;                        /* tout au fond */
}

body.is-eventpage header.page-hero.with-photo::after {
  /* Bande verte semi-transparente */
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(172, 207, 32, 0.65); /* #accf20 à ~88% d’opacité */
  z-index: 1;
}

/* Le contenu reste au-dessus */
body.is-eventpage header.page-hero.with-photo > .container {
  position: relative;
  z-index: 2;
}