/*
 * Liste des activités en cours (activites_en_cours.php) : carte par activité
 * + volet "détails" (inscription des membres de la famille) affiché/masqué
 * en JS (voir le <script> en bas de la page, classes .activite/.details
 * conservées comme accroches JS depuis l'ancien thème).
 */

.activite {
	background: var(--ag-color-surface);
	border: 1px solid var(--ag-color-border);
	border-radius: var(--ag-radius-md);
	padding: var(--ag-space-5);
	margin-bottom: var(--ag-space-4);
	transition: border-color var(--ag-transition-fast);
}

.activite.is-open {
	border-color: var(--ag-color-primary);
}

.activite h4 {
	margin-bottom: var(--ag-space-2);
}

.activite__meta {
	color: var(--ag-color-text-muted);
	font-size: var(--ag-font-size-sm);
	margin: var(--ag-space-3) 0;
}

.details {
	overflow: hidden;
	max-height: 0;
	margin-top: 0;
	padding-top: 0;
	border-top: 1px solid transparent;
	transition:
		max-height var(--ag-transition-base),
		margin-top var(--ag-transition-base),
		padding-top var(--ag-transition-base),
		border-color var(--ag-transition-base);
}

.details.is-open {
	max-height: 600px;
	margin-top: var(--ag-space-4);
	padding-top: var(--ag-space-4);
	border-top-color: var(--ag-color-border);
}