/* =========================
   carte seule (utilisée dans 3 blocs Divi)
   ========================= */

/* boîte commune pour une carte autonome */
.news-card {
  box-sizing: border-box;        /* inclure padding et bordure dans la largeur */
  background: #f4f5f6;           /* fond gris clair */
  border: 1px solid #e1e4e8;     /* bordure gris pâle */
  border-radius: 20px;           /* coins arrondis */
  padding: 18px;                 /* espacement interne */
  margin: 0;            /* marge basse */
  box-shadow: 0 10px 24px rgba(0,0,0,0.12); /* ombre douce */
}

/* variante "solo" : largeur automatique dans une colonne Divi */
.news-card--solo {
  width: 100%;                   /* occupe la largeur de la colonne */
}

/* métadonnées (date/catégorie) */
.news-meta {
  display: flex;                 /* alignement horizontal */
  flex-wrap: wrap;               /* retour à la ligne si besoin */
  margin: 0 0 12px 0;            /* marge basse */
}
.news-meta > * {
  margin-right: 10px;            /* espace entre puces */
  margin-bottom: 8px;            /* espace sous chaque puce */
}
.news-meta > *:last-child {
  margin-right: 0;               /* pas d’espace après la dernière puce */
}

/* puce générique */
.chip {
  display: inline-block;         /* affichage en ligne */
  font-size: 13px;               /* taille du texte */
  padding: 9px 12px;             /* espacement interne */
  border-radius: 12px;           /* coins arrondis */
  border: 1px solid #dde1e5;     /* bordure grise */
  background: #ffffff;           /* fond blanc */
  color: #333;                   /* texte gris foncé */
}

/* puce date */
.chip-date {
  color: #5f2a83;                /* texte violet */
  border-color: #e7ddf2;         /* bordure violette pâle */
  background: #faf7ff;           /* fond violet très clair */
}

/* image cliquable */
.news-img-link {
  display: block;                /* lien sur toute l’image */
  border-radius: 14px;           /* coins arrondis */
  overflow: hidden;              /* cacher le dépassement */
  margin: 0 0 14px 0;            /* espace sous l’image */
}

/* image */
.news-card-img {
  display: block;                /* bloc */
  width: 100%;                   /* pleine largeur */
  height: 220px;                 /* hauteur fixe uniforme */
  object-fit: cover;             /* recadrage pour remplir */
}

/* placeholder si pas d’image */
.news-card-img--placeholder {
  background: #e9ecef;           /* fond gris neutre */
}

/* titre */
.news-title {
  font-size: 22px;               /* taille du titre */
  margin: 6px 0 8px 0;           /* marges haut et bas */
  color: #1d2939;                /* gris foncé */
}

/* lien du titre */
.news-title a {
  text-decoration: none;         /* sans soulignement */
  color: inherit;                /* hérite la couleur du titre */
}
.news-title a:hover,
.news-title a:focus {
  text-decoration: underline;    /* souligner au survol/focus */
}

/* extrait */
.news-excerpt {
  color: #475467;                /* gris moyen */
  margin: 0 0 12px 0;            /* marge basse */
}

/* bouton */
.news-cta .ev-cta {
  display: inline-block;         /* bouton inline */
  padding: 10px 16px;            /* espacement interne */
  border-radius: 999px;          /* pilule */
  border: 2px solid #3ba19b;     /* bordure turquoise */
  color: #3ba19b;                /* texte turquoise */
  text-decoration: none;         /* pas de soulignement */
  background: #ffffff;           /* fond blanc */
}
.news-cta .ev-cta:hover,
.news-cta .ev-cta:focus {
  background: #eaf7f6;           /* fond turquoise très clair au survol */
  outline: none;                 /* pas de contour en plus */
}

/* ===========================================
   Actualités (shortcode [actus_liste_all])
   =========================================== */

/* désactive le souligné des liens dans les cartes */
.ev-list.ev-list--stack .ev-card a {
  text-decoration: none;
  color: inherit; /* garde la couleur héritée (souvent vert ou violet) */
}

/* option : ajoute un effet au survol */
.ev-list.ev-list--stack .ev-card a:hover .ev-title {
  text-decoration: underline; /* uniquement sur le titre si tu veux */
}