/* Hero photos en débord — style home, déclinable gauche ou droite */

/* Photo en débord côté DROIT (style home, conferencier, contact) */
.hero-photo-right {
  position: absolute;
  bottom: 0;
  right: -10%;
  max-height: 100%;
  width: auto;
  z-index: 2;
  filter: drop-shadow(0 25px 40px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  user-select: none;
}
@media (min-width: 768px) { .hero-photo-right { right: -5%; } }
@media (min-width: 1024px) { .hero-photo-right { right: 0; } }

/* Photo en débord côté GAUCHE (style alternance — MC, à propos) */
.hero-photo-left {
  position: absolute;
  bottom: 0;
  left: -10%;
  max-height: 100%;
  width: auto;
  z-index: 2;
  filter: drop-shadow(0 25px 40px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  user-select: none;
  transform: scaleX(-1); /* mirroir horizontal pour cohérence visuelle */
}
@media (min-width: 768px) { .hero-photo-left { left: -5%; } }
@media (min-width: 1024px) { .hero-photo-left { left: 0; } }

/* Overlay dégradé qui garantit la lisibilité du texte par-dessus la photo */
.hero-overlay-right {
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, #1f2a44 0%, rgba(31, 42, 68, 0.85) 40%, rgba(31, 42, 68, 0) 100%);
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 768px) {
  .hero-overlay-right { background: linear-gradient(to right, #1f2a44 0%, rgba(31, 42, 68, 0.6) 40%, rgba(31, 42, 68, 0) 100%); }
}

.hero-overlay-left {
  position: absolute;
  inset: 0;
  background: linear-gradient(to left, #1f2a44 0%, rgba(31, 42, 68, 0.85) 40%, rgba(31, 42, 68, 0) 100%);
  z-index: 1;
  pointer-events: none;
}
@media (min-width: 768px) {
  .hero-overlay-left { background: linear-gradient(to left, #1f2a44 0%, rgba(31, 42, 68, 0.6) 40%, rgba(31, 42, 68, 0) 100%); }
}