/*
 * Pied de page à trois niveaux, centrés les uns sous les autres : le nom de
 * l'association, l'action de paiement (un bouton), les mentions
 * obligatoires (plus petites et plus grises, en retrait).
 */

.aspacam-footer {
	border-top: 1px solid var(--aspacam-theme-color-border);
	margin-top: var(--aspacam-theme-space-xl);
}

/*
 * Quand la dernière chose avant le pied de page est une section (aujourd'hui
 * « Restez connectés », demain « Réservations » à l'étape 3) : pas de marge
 * en plus, le padding-bottom de la section (assets/css/base.css) suffit déjà
 * à placer son trait à 21 pixels sous le texte. La marge ci-dessus reste
 * utile ailleurs, sur une page dont le contenu n'a pas ce padding.
 *
 * ":has()" : sans lui, la règle ne s'applique tout simplement pas (le pied
 * de page garde sa marge habituelle) sur un navigateur qui ne le connaît
 * pas encore — dégradation sans casse, pas d'exception à prévoir.
 */
main.aspacam-main:has(> .aspacam-section:last-child) + .aspacam-footer {
	margin-top: 0;
}

.aspacam-footer__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--aspacam-theme-space-sm);
	padding-block: var(--aspacam-theme-space-md);
	text-align: center;
}

/* Même taille que les mentions légales juste en dessous. */
.aspacam-footer__name {
	margin: 0;
	font-size: var(--aspacam-theme-font-size-tiny);
	/* La couleur vient de .aspacam-text-dense (footer.php), pas d'ici. */
}

.aspacam-footer__action {
	margin: 0;
}

/* Mentions obligatoires : de l'information, pas une action — en retrait. */
.aspacam-footer__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--aspacam-theme-space-sm);
	font-size: var(--aspacam-theme-font-size-tiny);
}

/* La couleur des liens vient de .aspacam-text-dense (footer.php), pas d'ici. */