/* Événements du CDI (extension CDI ULB Navigation 2.11.0, Easy On Web, 21/10/2026).
   Fiche de la page d'un événement, rendue par [cdi_evenement_fiche] : photo et fiche à filets, sur le modèle de la fiche des
   publications (cdi-publication.css), libellé au-dessus de la valeur pour tenir dans la colonne centrale.
   Encart « Prochains événements » de la colonne de droite, rendu par [cdi_prochains_evenements] : lignes de l'encart Actualités
   (classes cdi-encart-ligne, cdi-encart-date et cdi-encart-titre du CSS du thème), intervenants en plus.
   Page Événements, rendue par [cdi_evenements_sommaire] et [cdi_evenements] : liste des Actualités (cdi-actualites.css),
   en deux groupes, à venir puis passés ; ici seulement ce qui diffère.
   Couleurs de la refonte : rouge #c4001a, encre #1c1718, gris #5f5557, roses #fdf3f4 / #f1cdd1. */

/* ---------- Fiche de l'événement ---------- */
.cdi-ev-fiche { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); gap: clamp(24px, 3.5vw, 40px); align-items: start; text-align: left; }
.cdi-ev-fiche--sans-photo { grid-template-columns: minmax(0, 1fr); }
.cdi-ev-fiche__photo img { display: block; width: 100%; height: auto; border-radius: 2px; }
.cdi-ev-fiche.cdi-ev-fiche dl.cdi-ev-fiche__donnees { margin: 0 !important; padding: 0 !important; border-top: 1px solid #f1cdd1; }
.cdi-ev-fiche.cdi-ev-fiche .cdi-ev-fiche__donnees > div { padding: 12px 0; border-bottom: 1px solid #f1cdd1; }
.cdi-ev-fiche.cdi-ev-fiche dt {
  display: flex; align-items: baseline; gap: 10px; margin: 0 0 4px; padding: 0;
  font-size: 12px !important; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; line-height: 1.4 !important; color: #5f5557 !important;
}
/* Valeur alignée sur le libellé, après l'icône (16 px) et l'espace (10 px) */
.cdi-ev-fiche.cdi-ev-fiche dd { margin: 0 0 0 26px; padding: 0; font-size: 16px !important; font-weight: 600; line-height: 1.45 !important; color: #1c1718 !important; }

/* Icônes des blurbs d'origine, en plus discret : 15 px dans le rouge, devant le libellé. ETmodules (punaise, calendrier) est
   chargée par Divi ; Font Awesome (micro, repère) ne l'est pas sur ces pages, d'où sa déclaration ici, sur les fichiers du thème. */
@font-face { font-family: "cdi-fa-solid"; font-style: normal; font-weight: 900; font-display: swap;
  src: url("../../../themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../../../themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff") format("woff"); }
.cdi-ev-icone { flex: none; width: 16px; font-size: 15px; font-weight: 400; line-height: 1; letter-spacing: 0; text-transform: none; color: #c4001a; text-align: center; }
.cdi-ev-icone::before { font-family: "ETmodules"; speak: never; }
.cdi-ev-icone--type::before { content: "\e082"; }
.cdi-ev-icone--date::before { content: "\e023"; }
.cdi-ev-icone--intervenant::before, .cdi-ev-icone--lieu::before { font-family: "cdi-fa-solid"; font-weight: 900; }
.cdi-ev-icone--intervenant::before { content: "\f3c9"; }
.cdi-ev-icone--lieu::before { content: "\f3c5"; }

.cdi-ev-fiche.cdi-ev-fiche a.cdi-ev-fiche__inscription {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 24px; padding: 0 28px; border-radius: 4px;
  background: #c4001a; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #fff !important; text-decoration: none !important;
  transition: background-color 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}
.cdi-ev-fiche.cdi-ev-fiche a.cdi-ev-fiche__inscription:hover { background: #9e0015; }
.cdi-ev-fiche.cdi-ev-fiche a.cdi-ev-fiche__inscription:focus-visible { outline: 2px solid #c4001a; outline-offset: 4px; }

@media (max-width: 767px) {
  .cdi-ev-fiche { grid-template-columns: minmax(0, 1fr); }
  /* Photo centrée sur téléphone (demande de Sébastien, 27/10/2026) */
  .cdi-ev-fiche__photo { width: min(200px, 60%); justify-self: center; }
  .cdi-ev-fiche.cdi-ev-fiche a.cdi-ev-fiche__inscription { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .cdi-ev-fiche.cdi-ev-fiche a.cdi-ev-fiche__inscription { transition: none; } }

/* ---------- Encart « Prochains événements » ---------- */
.et-db #et-boc .et-l .et_pb_group.cdi-encart-evenement { padding-left: 0 !important; padding-right: 0 !important; }
.cdi-encart-evenement:not(:has(.cdi-evenements)) { display: none !important; }
.cdi-encart-evenement .cdi-evenements__ligne { position: relative; display: block; padding: 14px 0 !important; border-bottom: 1px solid #f1cdd1; cursor: pointer; }
.cdi-encart-evenement .cdi-evenements__ligne:first-child { border-top: 1px solid #f1cdd1; }
.cdi-encart-evenement .cdi-evenements__heure { text-transform: none; }
/* Toute la ligne mène à l'événement, comme les lignes de l'encart Actualités */
.cdi-encart-evenement .cdi-evenements__ligne .cdi-encart-titre a::after { content: ""; position: absolute; inset: 0; }
.cdi-encart-evenement .cdi-evenements p.cdi-evenements__intervenants {
  margin: 4px 0 0 !important; padding: 0 !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.45 !important;
  color: #5f5557 !important; text-align: left !important;
}

/* ---------- Page Événements ---------- */
.cdi-evs-sommaire a span { margin-left: 8px; font-weight: 400; color: #5f5557; }
.cdi-evs-sommaire a:hover span { color: inherit; }
.cdi-actu.cdi-evs .cdi-evs__groupe { scroll-margin-top: 24px; }
.cdi-actu.cdi-evs .cdi-evs__groupe + .cdi-evs__groupe { margin-top: clamp(56px, 7vw, 96px); }
/* le preset du module Texte donne sa graisse aux liens : le lien du titre prend celle du titre (h2 dans cdi-actualites.css) */
.cdi-actu.cdi-evs h3 a { font: inherit !important; color: inherit !important; text-decoration: none !important; }
.cdi-actu.cdi-evs h3 a:hover { color: #c4001a !important; text-decoration: underline !important; text-decoration-thickness: 1px; text-underline-offset: 4px; }
.cdi-actu.cdi-evs .cdi-evs__type { margin: 0 0 8px !important; padding: 0 !important; font-size: 14px !important; line-height: 1.4 !important; color: #5f5557 !important; text-align: left !important; }
.cdi-actu.cdi-evs .cdi-evs__categorie { font-size: 12.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #1c1718; }
.cdi-actu.cdi-evs .cdi-evs__intervenants { margin: 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.55 !important; color: #1c1718 !important; text-align: left !important; }
.cdi-actu.cdi-evs .cdi-evs__lieu { margin: 4px 0 0 !important; padding: 0 !important; font-size: 14px !important; line-height: 1.5 !important; color: #5f5557 !important; text-align: left !important; }
/* passés : date en gris, intervenants sur deux lignes au plus */
.cdi-actu.cdi-evs .cdi-evs__groupe--passes .cdi-actu__date span, .cdi-actu.cdi-evs .cdi-evs__ligne--passe .cdi-actu__date span { color: #5f5557; }
.cdi-actu.cdi-evs .cdi-evs__groupe--passes .cdi-evs__intervenants { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #5f5557 !important; }
.cdi-actu.cdi-evs .cdi-evs__archives { margin: 32px 0 0 !important; padding: 0 !important; font-size: 15px !important; line-height: 1.6 !important; color: #5f5557 !important; text-align: left !important; }
.cdi-actu.cdi-evs .cdi-evs__archives a { font: inherit !important; color: #c4001a !important; text-decoration: underline !important; text-decoration-color: #f1cdd1 !important; text-underline-offset: 4px; }
.cdi-actu.cdi-evs .cdi-evs__archives a:hover { text-decoration-color: currentColor !important; }
@media (max-width: 767px) {
  .cdi-evs-sommaire { margin-right: 0; padding-right: 0; }
  .cdi-actu.cdi-evs .cdi-evs__type { font-size: 13px !important; }
}

/* ---------- Accueil, section « Les événements à venir » (2.13.0) ---------- */
/* la section entière disparaît sans événement à venir, son titre compris */
.cdi-evenements-accueil:not(:has(.cdi-evs__ligne)) { display: none !important; }
/* titres en rouge, jamais soulignés (Sébastien, 21/10/2026) ; rouge sombre au survol */
.cdi-actu.cdi-evs.cdi-evs--accueil h3.cdi-actu__titre a { color: #c4001a !important; }
.cdi-actu.cdi-evs.cdi-evs--accueil h3.cdi-actu__titre a:hover,
.cdi-actu.cdi-evs.cdi-evs--accueil .cdi-actu__ligne:hover .cdi-actu__titre a { color: #9e0015 !important; text-decoration: none !important; }
/* mêmes espacements que les sections des annonces et des publications (CSS du thème) */
.cdi-evenements-accueil.cdi-evenements-accueil { padding-top: clamp(72px, 8vw, 120px) !important; padding-bottom: clamp(72px, 8vw, 120px) !important; }
body .cdi-evenements-accueil > .et_pb_row, .cdi-evenements-accueil .et_pb_row { margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }