/* ==========================================================================
   Bandeau de consentement
   ========================================================================== */

.consent-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999;

	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2rem;
	align-items: center;
	justify-content: space-between;

	padding: 1.25rem 1.5rem;

	background: var(--color-footerbg);
	color: var(--color-white);

	box-shadow: 0 -2px 16px rgba(0, 0, 0, .25);
}

.consent-banner__text {
	flex: 1 1 22rem;
}

.consent-banner__text p {
	margin: 0;
	font-size: .9375rem;
	line-height: 1.5;
}

.consent-banner__text a {
	color: var(--color-white);
	text-decoration: underline;
}

.consent-banner__actions {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
}

/* Les deux choix doivent être présentés de manière équivalente :
   un bouton « Refuser » discret ne serait pas conforme. */
.consent-banner__actions .button {
	min-width: 8rem;
	justify-content: center;
}

@media (max-width: 600px) {

	.consent-banner {
		flex-direction: column;
		align-items: stretch;
	}

	.consent-banner__actions .button {
		flex: 1;
	}
}

/* ==========================================================================
   Liens légaux du pied de page
   ========================================================================== */

.footer-legal {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	margin: .5rem 0 0;
	font-size: .8125rem;
	opacity: .75;
}

.footer-legal a {
	color: inherit;
	text-decoration: underline;
}