/* Pied de page commun (1.9.0, includes/pied.php) : photo de fond sous un voile
   doré, quatre colonnes alignées sur la page (--og-accueil-gouttiere). Jetons
   de la charte seulement (contrôle : outils/verifier-ui.sh). */

/* Collé au dernier bloc de la page (chaque bloc garde sa marge du bas). */
.og-pied {
	margin-top: 0;
}

.og-pied .og-accueil-services {
	background: var(--og-creme);
}

.og-pied-fond {
	padding: 56px var(--og-accueil-gouttiere) 24px;
	background:
		linear-gradient(color-mix(in srgb, var(--og-roue) 82%, transparent), color-mix(in srgb, var(--og-roue) 82%, transparent)),
		var(--og-pied-photo, none) center / cover no-repeat,
		var(--og-roue);
	color: var(--og-blanc);
}

.og-pied-colonnes {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, 1fr);
	gap: 40px;
}

.og-pied-marque {
	display: grid;
	align-content: start;
	justify-items: start;
	gap: 24px;
}

.og-pied-logo {
	width: 180px;
	height: auto;
}

.og-pied-partenaire {
	width: 200px;
	height: auto;
}

.og-pied-titre {
	margin: 0 0 18px;
	color: var(--og-blanc);
	font: 600 var(--og-taille-titre)/1.2 var(--og-police);
}

.og-pied-liens {
	display: grid;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.og-pied a {
	color: inherit;
	text-decoration: none;
}

.og-pied a:hover,
.og-pied a:focus-visible {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.og-pied .og-reseaux {
	margin: 16px 0 0;
}

.og-pied .og-reseaux a {
	color: var(--og-blanc);
}

.og-pied-bas {
	margin: 40px 0 0;
	padding-top: 16px;
	border-top: 1px solid color-mix(in srgb, var(--og-blanc) 35%, transparent);
	font: 400 var(--og-taille-s)/1.4 var(--og-police);
}

@media (max-width: 992px) {
	.og-pied-colonnes {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 576px) {
	.og-pied-fond {
		padding-top: 40px;
	}

	.og-pied-colonnes {
		grid-template-columns: minmax(0, 1fr);
		gap: 32px;
	}
}