/**
 * Footer — bandeau de confiance, colonnes (logo/nav/contact), newsletter,
 * copyright.
 */

/* ---- Bandeau de confiance ---- */
.baba-trust-bar {
	background-color: var(--baba-color-accent);
}

.baba-trust-bar__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	/* Gap mesuré sur la référence (1440px) : 100px entre colonnes. */
	gap: 100px;
	padding-top: var(--baba-space-md);
	padding-bottom: var(--baba-space-md);
}

.baba-trust-bar__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	color: var(--baba-color-accent-text);
	text-align: center;
}

.baba-trust-bar__item img {
	/* Taille + marge mesurées dans le CSS de la référence (background-image
	   40x40, margin-bottom 10px) — pas la taille approximative précédente. */
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
}

/* Tailles/graisse/espacement des lettres mesurés sur les styles calculés
   de la référence — n'utilise pas --baba-font-weight-bold (800) ni
   --baba-text-sm : ces tokens sont calibrés pour d'autres briques (header)
   et ne correspondent pas à ce bloc précis. */
.baba-trust-bar__item strong {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: var(--baba-nav-letter-spacing);
}

.baba-trust-bar__item span {
	font-size: 13px;
	letter-spacing: var(--baba-nav-letter-spacing);
}

/* ---- Colonnes ---- */
.baba-footer-columns {
	background-color: var(--baba-color-bg-alt);
}

.baba-footer-columns__grid {
	display: grid;
	/* Proportions + gap mesurés sur la référence (259px/259px/618px avec
	   100px de gap à 1440px) plutôt que des ratios approximatifs. */
	grid-template-columns: 1fr 1fr 2.4fr;
	gap: 100px;
	padding-top: var(--baba-space-2xl);
	padding-bottom: var(--baba-space-xl);
}

.baba-footer-columns__logo img {
	height: 66px;
	width: auto;
}

.baba-footer-columns__logo span {
	font-family: var(--baba-font-heading);
	font-size: 22px;
	color: var(--baba-color-text-solid);
}

.baba-footer-columns__tagline {
	margin: var(--baba-space-sm) 0 var(--baba-space-xs);
	color: var(--baba-color-accent);
	/* La référence utilise Fraunces (police "body") ici, pas Platypi :
	   confirmé via les styles calculés du site de référence. */
	font-family: var(--baba-font-body);
	font-weight: 600;
	font-size: 18px;
	letter-spacing: var(--baba-nav-letter-spacing);
}

.baba-footer-columns__text {
	margin: 0;
	/* Noir plein sur la référence, pas le noir 75% utilisé ailleurs. */
	color: var(--baba-color-text-solid);
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: var(--baba-nav-letter-spacing);
}

.baba-footer-columns__text strong {
	font-weight: 700;
}

.baba-footer-columns__nav h6,
.baba-footer-columns__contact h6 {
	margin: 0 0 5px;
	font-family: var(--baba-font-body);
	font-size: 18px;
	font-weight: 600;
	letter-spacing: var(--baba-nav-letter-spacing);
	color: var(--baba-color-text-solid);
}

.baba-footer-columns__nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--baba-space-xs);
}

.baba-footer-columns__nav-list a {
	color: var(--baba-color-text-solid);
	font-size: 14px;
	letter-spacing: var(--baba-nav-letter-spacing);
}

.baba-footer-columns__nav-list a:hover {
	text-decoration: underline;
}

.baba-footer-columns__sub {
	margin: var(--baba-space-sm) 0 7px;
	color: var(--baba-color-accent);
	/* Fraunces italique sur la référence, pas Platypi. */
	font-family: var(--baba-font-body);
	font-style: italic;
	font-size: 14px;
	letter-spacing: var(--baba-nav-letter-spacing);
}

.baba-footer-columns__contact-list {
	list-style: none;
	margin: var(--baba-space-xs) 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: var(--baba-space-xs);
}

.baba-footer-columns__contact-list li {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--baba-color-text-solid);
	font-size: 14px;
	letter-spacing: var(--baba-nav-letter-spacing);
}

.baba-footer-columns__contact-list a {
	color: var(--baba-color-text-solid);
}

.baba-footer-columns__contact-list a:hover {
	text-decoration: underline;
}

.baba-footer-columns__contact-list img {
	flex-shrink: 0;
	width: 19px;
	height: 19px;
}

/* ---- Newsletter ---- */
.baba-newsletter {
	background-color: var(--baba-color-bg);
}

.baba-newsletter__inner {
	max-width: 640px;
	padding-top: var(--baba-space-2xl);
	padding-bottom: var(--baba-space-2xl);
	text-align: center;
}

.baba-newsletter__heading {
	margin: 0 0 var(--baba-space-sm);
	color: var(--baba-color-accent);
	/* Fraunces (pas Platypi), normal (pas italique) et majuscule via CSS :
	   mesuré sur les styles calculés de la référence. */
	font-family: var(--baba-font-body);
	font-weight: 600;
	font-style: normal;
	font-size: 23px;
	text-transform: uppercase;
	letter-spacing: var(--baba-nav-letter-spacing);
}

.baba-newsletter__text {
	margin: 0 0 var(--baba-space-sm);
	color: var(--baba-color-text-solid);
	font-size: 18px;
	line-height: 1.4;
	letter-spacing: var(--baba-nav-letter-spacing);
}

.baba-newsletter__sub {
	margin: 0 0 var(--baba-space-md);
	color: var(--baba-color-text-solid);
	font-size: 18px;
	letter-spacing: var(--baba-nav-letter-spacing);
}

.baba-newsletter__form {
	display: flex;
	align-items: center;
	max-width: 380px;
	margin: 0 auto;
	border: 1px solid var(--baba-color-border);
}

/* Scopé sur l'id du formulaire pour battre la spécificité des styles
   par défaut d'Astra sur input[type=email] (même souci que la recherche
   du header, voir sections/header.css). */
#baba-newsletter-form input,
#baba-newsletter-form input:focus {
	flex: 1;
	height: 49px;
	padding: 0 var(--baba-space-sm);
	appearance: none;
	background: none;
	border: 0;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	color: var(--baba-color-text-solid);
	font-family: var(--baba-font-body);
	font-size: var(--baba-text-md);
}

.baba-newsletter__form .baba-icon-btn {
	color: var(--baba-color-text-solid);
	margin-right: var(--baba-space-xs);
}

/* ---- Copyright ---- */
.baba-footer-copyright {
	background-color: var(--baba-color-bg);
	border-top: 1px solid var(--baba-color-border);
}

.baba-footer-copyright__inner {
	padding-top: var(--baba-space-sm);
	padding-bottom: var(--baba-space-sm);
	text-align: center;
}

.baba-footer-copyright p {
	margin: 0;
	color: var(--baba-color-text-solid);
	font-size: 13px;
	letter-spacing: var(--baba-nav-letter-spacing);
}

.baba-footer-copyright a {
	color: var(--baba-color-accent);
}

.baba-footer-copyright a:hover {
	text-decoration: underline;
}

/* ---- Responsive ---- */
@media screen and (max-width: 989px) {
	.baba-trust-bar__grid {
		grid-template-columns: repeat(2, 1fr);
		/* Gap mesuré sur la référence à 390px : 35px (lignes) / 30px (colonnes). */
		gap: 35px 30px;
	}

	.baba-footer-columns__grid {
		grid-template-columns: 1fr;
		gap: 35px;
		text-align: center;
	}

	.baba-footer-columns__brand,
	.baba-footer-columns__nav,
	.baba-footer-columns__contact {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.baba-footer-columns__contact-list li {
		justify-content: center;
	}
}