/*
 * Signature de marque du footer — "Solide comme un Zarboutan, fidèle
 * comme nout péi." Style fourni par le propriétaire, à respecter à la
 * lettre (27/07/2026) : élégant, intemporel, minimaliste (inspiration
 * Apple/Patagonia/Aesop).
 *
 * Couleur #173404 volontairement HORS palette officielle (--zb-accent
 * et dérivés) : traitement distinct et délibéré pour cet élément
 * spécifique, même logique que .zb-whatsapp-float (#25d366, voir
 * whatsapp-float-button.css) qui a aussi sa propre couleur de marque
 * plutôt qu'une variable du thème. Contraste mesuré 12.84:1 sur le fond
 * réel du footer (--zb-surface-page, #faf7f1) — largement conforme AA
 * (4.5:1 minimum), aucun ajustement de teinte nécessaire.
 *
 * Variante fond sombre (#F5F1E8) demandée "si le footer a un fond
 * sombre à un moment donné" — vérifié à cette date : le footer est
 * exclusivement clair (--zb-surface-page, décision du 24/07/2026,
 * voir color-palette.css). Non implémentée ici (aucun état sombre
 * réel à cibler aujourd'hui) — à ajouter si le footer redevient sombre.
 *
 * Police Manrope déjà chargée sitewide (Customizer Blocksy, poids
 * 400-800 disponibles, voir wp-content/uploads/blocksy/css/global.css)
 * — aucun nouveau chargement de police nécessaire, seul le poids 600
 * est demandé ici.
 *
 * Breakpoint mobile aligné sur le reste du thème enfant (600px, voir
 * landing-components.css).
 */

.zb-footer-signature {
	margin: 48px auto 32px;
	max-width: 640px;
	padding: 0 20px;
	font-family: Manrope, sans-serif;
	font-weight: 600;
	font-style: italic;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 0.2px;
	text-align: center;
	color: #173404;

	opacity: 0;
	transform: translateY(12px);
	transition: opacity 500ms ease, transform 500ms ease;
}

.zb-footer-signature.is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 600px) {
	.zb-footer-signature {
		margin: 32px auto 24px;
		font-size: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.zb-footer-signature {
		opacity: 1;
		transform: none;
		transition: none;
	}
}