/* ============================================================
   Footer overlay — peint par-dessus le footer Elementor global (masqué en CSS
   sur body.is-master-context, cf. header-footer-emerald.css), scopé à
   .mmv2-footer-overlay. Cf. includes/class-footer-overlay.php.
   ============================================================ */
.mmv2-footer-overlay {
	background: var(--encre);
	padding: 44px var(--gutter-desktop);
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1fr;
	gap: var(--space-4);
	font-family: var(--font-ui);
}

.mmv2-footer-overlay__col {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.mmv2-footer-overlay__col--brand {
	gap: 14px;
}

.mmv2-footer-overlay__baseline {
	font-size: 14px;
	line-height: 1.55;
	color: #7E8D86 !important;
	max-width: 280px;
	margin: 0;
}

.mmv2-footer-overlay__heading {
	font-family: var(--font-mono);
	font-size: 10.5px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #56655E !important;
	margin: 0 0 5px;
}

.mmv2-footer-overlay__link {
	font-size: 14px;
	color: #9DAAA3 !important;
	text-decoration: none;
}

.mmv2-footer-overlay__link:hover {
	color: #FFFFFF !important;
}

@media (max-width: 900px) {
	.mmv2-footer-overlay {
		grid-template-columns: 1fr 1fr;
		padding: var(--space-3) var(--gutter-mobile);
		gap: var(--space-3) var(--space-2);
	}

	.mmv2-footer-overlay__col--brand {
		grid-column: 1 / -1;
	}
}