/*
 * Agenda du club — code court [cac_evenements].
 * Direction graphique C (« Moderne et dynamique »), mobile d'abord :
 * styles de base = téléphone, `min-width` pour élargir.
 *
 * Les couleurs suivent les variables du thème enfant quand il est actif,
 * avec la charte en valeur de repli.
 */

.cac-agenda {
	--cac-agenda-encre: var(--cac-encre, #0f2a45);
	--cac-agenda-accent: var(--cac-bleu-canard-texte, #00708f);
	--cac-agenda-bouton: var(--cac-bleu-fonce, #255788);
	--cac-agenda-discret: #44586c;

	display: flex;
	flex-direction: column;
	font-family: var(--cac-police, inherit);
	color: var(--cac-agenda-encre);
}

.cac-agenda__ligne {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 0;
	border-top: 2px solid var(--cac-agenda-encre);
	color: inherit;
	text-decoration: none;
}

.cac-agenda__ligne:last-of-type {
	border-bottom: 2px solid var(--cac-agenda-encre);
}

.cac-agenda__ligne:hover .cac-agenda__titre,
.cac-agenda__ligne:focus-visible .cac-agenda__titre {
	text-decoration: underline;
}

.cac-agenda__ligne:focus-visible {
	outline: 3px solid var(--cac-agenda-accent);
	outline-offset: 4px;
}

.cac-agenda__date {
	flex: none;
	width: 64px;
	display: flex;
	flex-direction: column;
}

.cac-agenda__jour {
	font-size: 40px;
	font-weight: 700;
	line-height: 0.9;
	color: var(--cac-agenda-accent);
}

.cac-agenda__mois,
.cac-agenda__semaine {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.25;
	text-transform: uppercase;
}

.cac-agenda__mois {
	margin-top: 4px;
}

.cac-agenda__semaine {
	color: var(--cac-agenda-discret);
}

.cac-agenda__infos {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.cac-agenda__type {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--cac-agenda-accent);
}

.cac-agenda__titre {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.25;
}

.cac-agenda__meta {
	font-size: 14px;
	color: var(--cac-agenda-discret);
}

/* Sur téléphone, toute la ligne est le lien : le bouton n'apparaît qu'en grand. */
.cac-agenda__action {
	display: none;
}

.cac-agenda__vide {
	margin: 0;
	padding: 16px 0;
	border-top: 2px solid var(--cac-agenda-encre);
	border-bottom: 2px solid var(--cac-agenda-encre);
}

.cac-agenda__abonnement {
	margin: 14px 0 0;
	font-size: 14px;
}

.cac-agenda__abonnement a {
	color: var(--cac-agenda-bouton);
	font-weight: 700;
}

@media (min-width: 768px) {
	.cac-agenda__ligne {
		gap: 28px;
		padding: 22px 0;
	}

	.cac-agenda__date {
		width: 104px;
	}

	.cac-agenda__jour {
		font-size: 56px;
	}

	.cac-agenda__mois,
	.cac-agenda__semaine {
		font-size: 14px;
	}

	.cac-agenda__titre {
		font-size: 24px;
	}

	.cac-agenda__meta {
		font-size: 16px;
	}

	.cac-agenda__action {
		display: inline-block;
		flex: none;
		padding: 12px 18px;
		background: var(--cac-agenda-bouton);
		color: #ffffff;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.04em;
		text-transform: uppercase;
	}
}