/* ─────────────────────────────────────────────────────────────────────────
   Agenda des régions — cartes d'événement
   Ajouté le 03/09/2026.

   Les cartes reprenaient la tuile générique du thème, qui superpose le titre
   à l'image. Cela convient à une photo de jardin, pas à une affiche : le
   titre devenait illisible et l'affiche était rognée de moitié.

   On repart donc de la variante --post du thème (image en haut, texte
   dessous) avec deux écarts propres aux événements : l'affiche est montrée
   ENTIÈRE (contain, jamais cover) et la date passe devant le titre, parce
   que c'est elle qui décide si le lecteur se déplace.
   ───────────────────────────────────────────────────────────────────────── */

.articles-grid__item--event .articles-grid__item__media{
	aspect-ratio:4 / 3;
	background:var(--color-softgrey);
	display:flex;
	align-items:center;
	justify-content:center;
}

/* contain et non cover : une affiche rognée perd son titre et ses dates */
.articles-grid__item--event .articles-grid__item__media .articles-grid__item__img{
	width:100%;
	height:100%;
	object-fit:contain;
}

.articles-grid__item--event .articles-grid__item__content{
	gap:var(--space-6);
	padding:var(--space-small);
}

.event-card__date{
	font-size:var(--font-size-13);
	font-weight:var(--font-strong);
	text-transform:uppercase;
	letter-spacing:.04em;
	color:var(--color-vert);
}

.articles-grid__item--event .articles-grid__item__title{
	font-size:var(--font-size-18);
	line-height:1.3;
}

/* Classe propre, et non articles-grid__item__cat-label : le CSS additionnel
   du personnalisateur masque cette derniere sur tout le site
   (span.articles-grid__item__cat-label{display:none}), choix fait pour les
   cartes de recherche. On ne le contrarie pas.

   Le lieu se lisait comme la suite du titre — meme taille, meme couleur, aucune
   separation. On le detache donc : filet, epingle, corps reduit et gris. Il est
   pousse en bas de carte (margin-top:auto) pour que les cartes d'une meme
   rangee alignent leur ligne de lieu, quel que soit le nombre de lignes du
   titre. Corrige le 03/09/2026.

   Gris #6F6C68 et non --color-grey (#939393) : a 13px, ce dernier tombe sous
   le rapport de contraste de 4,5. */
.event-card__lieu{
	display:flex;
	align-items:center;
	gap:.45em;
	margin-top:auto;
	padding-top:var(--space-10);
	border-top:1px solid #ECE8E1;
	font-size:var(--font-size-13);
	line-height:1.3;
	color:#6F6C68;
}

.event-card__lieu::before{
	content:"";
	flex:0 0 auto;
	width:13px;
	height:13px;
	background-color:currentColor;
	-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* ── Invitation à déposer un événement ─────────────────────────────────────
   Placée en fin de grille plutôt qu'en bandeau : elle apparaît au moment où
   le lecteur a fini de parcourir les événements et constate, éventuellement,
   que le sien n'y est pas. */

.articles-grid__item--ajout{
	aspect-ratio:auto;
	background:var(--color-white);
	border:2px dashed var(--color-vert);
	border-radius:12px;
	display:flex;
}

.articles-grid__item--ajout:hover{
	background:var(--color-soft);
}

.articles-grid__item--ajout__link{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
	gap:var(--space-10);
	padding:var(--space-normal) var(--space-small);
	width:100%;
	text-decoration:none;
	color:var(--color-fonce);
}

.articles-grid__item--ajout__plus{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	border-radius:50%;
	background:var(--color-vert);
	color:var(--color-white);
	font-size:28px;
	line-height:1;
	font-weight:var(--font-strong);
}

.articles-grid__item--ajout__titre{
	font-size:var(--font-size-h3);
	font-weight:var(--font-strong);
	line-height:1.25;
}

.articles-grid__item--ajout__texte{
	font-size:var(--font-size-r);
	line-height:var(--line-15);
	color:var(--color-fonce);
}

.articles-grid__item--ajout__link .btn{
	margin-top:var(--space-6);
}

/* ── État vide ──────────────────────────────────────────────────────────── */

.agenda-vide{
	padding-top:var(--space-normal);
	padding-bottom:var(--space-normal);
}

.agenda-vide p{
	margin-bottom:var(--space-small);
}