/*
Pied de page brun profond — le même aplat que le bloc du délai de fabrication sur la
fiche produit. Il ferme la page comme une bande d'imprimé, et fait contraste avec le
crème qui domine partout ailleurs.
*/

/*
Le pied de page d'Astra est masqué au profit du nôtre. Voir inc/footer.php pour la
raison : retirer son hook demanderait de deviner des noms de rappels internes qui
changent d'une version à l'autre.
*/
body .ast-small-footer,
body .site-footer .ast-builder-grid-row-container {
	display: none;
}

.ls-footer {
	background-color: var(--color-block);
	color: var(--color-text-on-block);
	font-family: var(--font-body);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-base);
}

/* Le fil de couture coud le pied de page au reste : même motif que sur l'accueil. */
.ls-stitch--footer {
	display: block;
	padding: var(--space-5) var(--space-5) 0;
	box-sizing: border-box;
	max-width: 1180px;
	margin: 0 auto;
}

.ls-footer__inner {
	max-width: 1180px;
	margin: 0 auto;
	padding: var(--space-6) var(--space-5);
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-6);
}

@media (min-width: 720px) {
	.ls-footer__inner {
		grid-template-columns: 1.6fr 1fr 1.2fr;
		gap: var(--space-8);
		padding: var(--space-8) var(--space-5);
	}
}

/* ---------- Marque ---------- */

.ls-footer__mark {
	display: inline-flex;
	width: 1.75rem;
	height: 1.75rem;
	color: var(--color-accent);
	margin-bottom: var(--space-3);
}

.ls-footer__mark svg {
	width: 100%;
	height: 100%;
}

.ls-footer__name {
	display: block;
	font-family: var(--font-heading);
	font-size: var(--font-size-xl);
	font-weight: var(--font-weight-heading);
	line-height: 1.2;
	color: var(--color-text-on-block);
	margin-bottom: var(--space-2);
}

.ls-footer__baseline {
	margin: 0;
	max-width: 32ch;
	color: var(--color-text-on-block-muted);
}

/* ---------- Colonnes de liens ---------- */

.ls-footer__heading {
	display: block;
	font-size: var(--font-size-xs);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
	color: var(--color-label-on-block);
	margin-bottom: var(--space-3);
}

.ls-footer__nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.ls-footer__nav li {
	margin: 0 0 var(--space-2);
	list-style: none;
}

/*
Préfixé par `.ls-footer` pour dépasser la couleur de lien qu'Astra imprime sur `a`
depuis sa CSS en ligne : sur fond brun, le terracotta serait presque illisible.
*/
.ls-footer .ls-footer__nav a {
	color: var(--color-text-on-block-muted);
	text-decoration: none;
	transition: color var(--transition-base);
}

.ls-footer .ls-footer__nav a:hover,
.ls-footer .ls-footer__nav a:focus {
	color: var(--color-text-on-block);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---------- Bande du bas ---------- */

.ls-footer__bottom {
	max-width: 1180px;
	margin: 0 auto;
	padding: var(--space-4) var(--space-5) var(--space-6);
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	justify-content: space-between;
	align-items: baseline;
	font-size: var(--font-size-xs);
	color: var(--color-text-on-block-muted);
	border-top: 1px solid rgba(244, 239, 227, 0.14);
}

.ls-footer__made {
	letter-spacing: var(--letter-spacing-label-sm);
	text-transform: uppercase;
	color: var(--color-label-on-block);
}