/* HBCHM V5 — UNIQUEMENT page Événements. Aucune modification globale. */
.hb-events-page #eventsList{display:block!important;width:100%!important;min-width:0!important}
.hb-events-page #eventsList>.hb-events-cards,
.hb-events-page #pastEvents>.event-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important;width:100%!important}
.hb-events-page #eventsList article.hb-event-new{box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;max-width:none!important;min-height:495px!important;margin:0!important;padding:0!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important;border:1px solid #e2edf3!important;box-shadow:0 12px 25px #082f4822!important;color:#061b36!important}
.hb-events-page #eventsList article.hb-event-new::before,.hb-events-page #eventsList article.hb-event-new::after{display:none!important}
.hb-events-page #eventsList .hb-event-cover{position:relative!important;width:100%!important;height:180px!important;min-height:180px!important;flex:0 0 180px!important;overflow:hidden!important;background:#0b4157!important}
.hb-events-page #eventsList .hb-event-cover-img{width:100%!important;height:100%!important;display:block!important;object-fit:cover!important;object-position:center!important;filter:none!important}
.hb-events-page #eventsList .hb-event-cover::after{content:''!important;display:block!important;position:absolute!important;bottom:-1px!important;left:0!important;right:0!important;height:40px!important;background:#fff!important;clip-path:polygon(0 42%,30% 35%,70% 83%,100% 32%,100% 100%,0 100%)!important;z-index:1!important}
.hb-events-page #eventsList .hb-event-date-badge{box-sizing:border-box!important;position:absolute!important;z-index:3!important;top:13px!important;left:15px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:99px!important;min-width:99px!important;height:106px!important;min-height:106px!important;padding:8px!important;border:2px solid #44c6dd!important;border-radius:16px!important;background:linear-gradient(155deg,#007f9a,#044b65)!important;color:#fff!important;text-align:center!important;box-shadow:0 5px 12px #001b3255!important}
.hb-events-page #eventsList .hb-event-date-badge strong{font-size:43px!important;line-height:1!important;font-weight:950!important;color:#fff!important}
.hb-events-page #eventsList .hb-event-date-badge span{font-size:13px!important;line-height:1.2!important;font-weight:850!important;color:#fff!important;text-transform:uppercase!important}
.hb-events-page #eventsList .hb-event-new-body{box-sizing:border-box!important;display:flex!important;flex:1!important;flex-direction:column!important;width:100%!important;min-width:0!important;padding:4px 23px 20px!important}
.hb-events-page #eventsList .hb-event-symbol{font-size:31px!important;line-height:1.2!important;color:#008da8!important;margin:0 0 8px!important}
.hb-events-page #eventsList .hb-event-new h3{font-size:clamp(23px,2.5vw,30px)!important;line-height:1.12!important;font-weight:950!important;letter-spacing:-.5px!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important;margin:0 0 10px!important;color:#071b36!important;min-height:0!important}
.hb-events-page #eventsList .hb-event-accent{display:block!important;width:50px!important;height:4px!important;background:linear-gradient(90deg,#00a1b9,#80e0eb)!important;margin:0 0 17px!important}
.hb-events-page #eventsList .hb-event-meta{display:flex!important;align-items:center!important;gap:8px!important;align-self:flex-start!important;max-width:100%!important;padding:8px 12px!important;border-radius:25px!important;background:#dcf4fb!important;color:#062943!important;font-size:13px!important;font-weight:850!important;line-height:1.3!important;white-space:normal!important}
.hb-events-page #eventsList .hb-event-clock{font-size:22px!important;line-height:1!important;color:#008daa!important}
.hb-events-page #eventsList .hb-event-place{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:17px 0 22px!important;font-size:13px!important;font-weight:800!important;line-height:1.4!important;color:#061b36!important;overflow-wrap:normal!important;word-break:normal!important}
.hb-events-page #eventsList .hb-event-place>span:first-child{font-size:22px!important;line-height:1!important;color:#008ca9!important}
@media(max-width:850px){.hb-events-page #eventsList>.hb-events-cards,.hb-events-page #pastEvents>.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.hb-events-page #eventsList>.hb-events-cards,.hb-events-page #pastEvents>.event-grid{grid-template-columns:minmax(0,1fr)!important}.hb-events-page #eventsList article.hb-event-new{max-width:420px!important;margin:0 auto!important}.hb-events-page #eventsList .hb-event-new h3{font-size:29px!important}}



/* Correctif HBCHM V5 — liseré cyan visible au survol des cartes Événements.
   Conserve les dimensions, photos, ombres et arrondis existants. */
.hb-events-page #eventsList article.hb-event-new {
  transition: box-shadow .22s ease, transform .22s ease, border-color .22s ease !important;
}
.hb-events-page #eventsList article.hb-event-new:hover,
.hb-events-page #eventsList article.hb-event-new:focus-within {
  border-color: #00c9ed !important;
  box-shadow: inset 0 0 0 3px #00c9ed, 0 15px 32px rgba(0, 139, 177, .27) !important;
  transform: translateY(-3px) !important;
}
/* L'ancienne feuille supprimait les pseudo-éléments : le liseré est donc
   dessiné par box-shadow inset pour rester visible même avec overflow:hidden. */
@media (prefers-reduced-motion: reduce) {
  .hb-events-page #eventsList article.hb-event-new {
    transition: none !important;
  }
  .hb-events-page #eventsList article.hb-event-new:hover,
  .hb-events-page #eventsList article.hb-event-new:focus-within {
    transform: none !important;
  }
}