/*
 * E2IT - section actualites.
 * Variante des cartes existantes : grille a trois colonnes, ligne de
 * surtitre date et lieu, cartes blanches posees sur fond marine.
 */

/* Grille : s adapte au nombre reel de cartes, pour ne jamais laisser de trou. */
.e2it-cartes--actualites {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--e2it-espace-6);
	align-items: stretch;
}

.e2it-cartes--actualites[data-nb="1"] { grid-template-columns: minmax(0, 420px); }
.e2it-cartes--actualites[data-nb="2"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.e2it-cartes--actualites[data-nb="4"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.e2it-carte--actualite {
	display: flex;
	flex-direction: column;
}

/* Le media redevient cliquable : la carte porte un lien unique. */
.e2it-carte--actualite .e2it-carte__media {
	pointer-events: auto;
	background: var(--e2it-marine);
	overflow: hidden;
}

.e2it-carte--actualite .e2it-carte__media img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	transition: transform var(--e2it-duree-moyenne) var(--e2it-courbe);
}

.e2it-carte--actualite:hover .e2it-carte__media img { transform: scale(1.04); }

/* Article sans photo : aplat marine au meme rapport, pour que la grille
   garde son alignement. */
.e2it-carte__media-vide {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	background: linear-gradient(160deg, var(--e2it-marine), var(--e2it-marine-fonce));
}

.e2it-carte--actualite .e2it-carte__corps {
	display: flex;
	flex-direction: column;
	gap: var(--e2it-espace-3);
	flex: 1;
	padding: var(--e2it-espace-6);
}

.e2it-carte__surtitre {
	margin: 0;
	font-family: var(--e2it-police-mono);
	font-size: 11px;
	font-weight: var(--e2it-mono-graisse);
	letter-spacing: var(--e2it-mono-interlettrage);
	text-transform: uppercase;
	color: var(--e2it-bleu-profond);
}

.e2it-carte--actualite .e2it-carte__titre h3 {
	font-size: var(--e2it-h3-taille);
	line-height: var(--e2it-h3-interligne);
	color: var(--e2it-marine);
	text-wrap: balance;
}

.e2it-carte--actualite .e2it-carte__texte p {
	font-size: var(--e2it-corps-taille);
	line-height: var(--e2it-corps-interligne);
	color: var(--e2it-texte-secondaire);
}

/* Lien ancre en pied : les cartes gardent leurs liens alignes quelle que
   soit la longueur des titres. */
.e2it-carte--actualite .e2it-carte__lien {
	margin: auto 0 0;
	padding-top: var(--e2it-espace-4);
}

.e2it-carte--actualite .e2it-carte__lien a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: var(--e2it-lien-taille);
	font-weight: var(--e2it-lien-graisse);
	color: var(--e2it-bleu-profond);
	text-decoration: none;
}

/* Zone de clic couvrant toute la carte, sans imbriquer de liens. */
.e2it-carte--actualite .e2it-carte__lien a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
}

.e2it-carte--actualite .e2it-carte__fleche {
	display: inline-block;
	transition: transform var(--e2it-duree-rapide) var(--e2it-courbe);
}

.e2it-carte--actualite:hover .e2it-carte__fleche { transform: translateX(4px); }

.e2it-carte--actualite:hover { transform: translateY(-2px); box-shadow: var(--e2it-eleve); }

.e2it-actu__vide {
	margin: 0;
	padding: var(--e2it-espace-6);
	text-align: center;
	font-size: var(--e2it-etiquette-taille);
	color: var(--e2it-bleu-clair);
}

@media (max-width: 1024px) {
	.e2it-cartes--actualites { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.e2it-cartes--actualites,
	.e2it-cartes--actualites[data-nb="1"],
	.e2it-cartes--actualites[data-nb="2"],
	.e2it-cartes--actualites[data-nb="4"] { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.e2it-carte--actualite,
	.e2it-carte--actualite .e2it-carte__media img,
	.e2it-carte--actualite .e2it-carte__fleche { transition: none; }
}