.elementor-607 .elementor-element.elementor-element-ed81fd5{--display:flex;--overlay-opacity:0.5;}.elementor-607 .elementor-element.elementor-element-ed81fd5::before, .elementor-607 .elementor-element.elementor-element-ed81fd5 > .elementor-background-video-container::before, .elementor-607 .elementor-element.elementor-element-ed81fd5 > .e-con-inner > .elementor-background-video-container::before, .elementor-607 .elementor-element.elementor-element-ed81fd5 > .elementor-background-slideshow::before, .elementor-607 .elementor-element.elementor-element-ed81fd5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-607 .elementor-element.elementor-element-ed81fd5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}@media(min-width:768px){.elementor-607 .elementor-element.elementor-element-ed81fd5{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-b37fbfe *//* Fix: active category chip = white text on kremlin red */
.events-archive .chips .chip.is-active,
.events-archive .chips button.is-active,
.events-archive .chips a.is-active {
  background: var(--kremlin) !important;
  border-color: var(--kremlin) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(140,47,57,.18);
}

/* (optionnel) Hover ne change pas la couleur de l'active */
.events-archive .chips .chip.is-active:hover,
.events-archive .chips button.is-active:hover,
.events-archive .chips a.is-active:hover {
  background: var(--kremlin) !important;
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ed81fd5 *//* Fond de page blanc (déjà ok chez toi, je le laisse) */
body.post-type-archive-events,
body.tax-event_category { background:#fff !important; }

/* HERO plein écran (bord à bord), même si le parent est boxed */
.events-archive .hero{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-left:0; border-right:0;
}

/* Empêche un parent "container/section" de couper le débordement */
.events-archive, 
.events-archive .hero { overflow:visible !important; }

/* Parfois Elementor met overflow:hidden sur la section : on l'annule juste ici */
.elementor-location-archive .elementor-section,
.elementor-location-archive .e-con { overflow:visible !important; }

/* Contenu interne centré à 1120px avec 20px de padding (ta DA) */
.events-archive .wrap{ max-width:1120px; margin:0 auto; padding:0 20px; }/* End custom CSS */