/* ============================================================
   13. Barre légale du pied de page.

   Elle passait de deux à quatre liens : l'ancien style en ligne
   (display:flex avec un gap fixe) ne prévoyait aucun retour à la
   ligne et faisait deborder la barre sur les écrans intermédiaires.
   ============================================================ */
.footer-legal{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:.6rem 1.5rem;
}
.footer-legal a{
	font-size:.78rem;
	color:var(--ink-2);
	transition:color .15s;
}
.footer-legal a:hover,
.footer-legal a:focus{color:var(--amber) !important;}

/* Le lien de retrait du consentement n'est pas une page : on le distingue
   discretement des mentions legales par une puce, sans en faire un bouton. */
.footer-legal .cky-banner-element{cursor:pointer;}
@media(min-width:901px){
	.footer-legal .cky-banner-element::before{
		content:'';
		display:inline-block;
		width:3px;height:3px;
		border-radius:50%;
		background:var(--sand-2);
		vertical-align:middle;
		margin-right:1.5rem;
	}
}
@media(max-width:900px){
	.footer-legal{justify-content:center;}
}