/**
 * Pied de page 2026.
 *
 * Fond sombre, cinq colonnes, jetons de la charte. Le handle reste
 * « mhama-footer » : la règle de report et la déduplication d'URL de
 * inc/performance.php le visent par ce nom, le report est voulu ici
 * puisque le pied de page est sous la ligne de flottaison.
 *
 * Les !important listés ci-dessous battent des règles Divi qui visent
 * #main-footer avec une spécificité d'identifiant.
 */

#main-footer.mh-foot {
	margin-top: 56px;
	padding: 0 !important;
	background: var(--mh-dark) !important;
	color: #FFFFFF;
	font-family: var(--mh-text);
}

.mh-foot-grid {
	display: grid;
	grid-template-columns: 1.35fr 0.85fr 0.85fr 0.85fr 1.25fr;
	gap: 32px;
	padding-top: 52px;
	padding-bottom: 44px;
}

.mh-foot-col {
	min-width: 0;
}

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

.mh-foot .mh-foot-name {
	display: inline-block;
	margin-bottom: 10px;
	color: #FFFFFF;
	font-family: var(--mh-display);
	font-size: 25px;
	font-weight: 700;
	line-height: 1.15;
	letter-spacing: -0.01em;
	text-decoration: none;
}

.mh-foot .mh-foot-name:hover,
.mh-foot .mh-foot-name:focus {
	color: #FFFFFF;
	text-decoration: none;
}

.mh-foot-tagline {
	margin: 0 0 18px;
	max-width: 34ch;
	color: rgba(255, 255, 255, .72);
	font-size: 14px;
	line-height: 1.6;
}

.mh-foot-langs {
	display: inline-flex;
	align-items: center;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	overflow: hidden;
}

.mh-foot .mh-foot-lang {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	min-height: 40px;
	padding: 0 6px;
	color: rgba(255, 255, 255, .7);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-decoration: none;
}

.mh-foot .mh-foot-lang:hover,
.mh-foot .mh-foot-lang:focus {
	background: rgba(255, 255, 255, .1);
	color: #FFFFFF;
	text-decoration: none;
}

.mh-foot .mh-foot-lang-on,
.mh-foot .mh-foot-lang-on:hover,
.mh-foot .mh-foot-lang-on:focus {
	background: #FFFFFF;
	color: var(--mh-dark);
}

/* ------------------------------------------------------------------ Listes */

.mh-foot .mh-foot-head {
	margin: 0 0 14px;
	padding: 0;
	color: rgba(255, 255, 255, .55);
	font-family: var(--mh-text);
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.mh-foot-list {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.mh-foot-list li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mh-foot .mh-foot-list a {
	display: block;
	padding: 6px 0;
	color: rgba(255, 255, 255, .84);
	font-size: 15px;
	line-height: 1.4;
	text-decoration: none;
}

.mh-foot .mh-foot-list a:hover,
.mh-foot .mh-foot-list a:focus {
	color: #FFFFFF;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---------------------------------------------------------- Derniers modèles */

.mh-foot-feed {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.mh-foot-feed-item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mh-foot .mh-foot-feed-link {
	display: flex;
	align-items: center;
	gap: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

.mh-foot-feed-img {
	flex: 0 0 auto;
	width: 56px;
	height: 56px;
	border-radius: var(--mh-r-sm);
	object-fit: cover;
	background: rgba(255, 255, 255, .08);
}

.mh-foot-feed-text {
	min-width: 0;
}

.mh-foot-feed-title {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
}

.mh-foot .mh-foot-feed-link:hover .mh-foot-feed-title,
.mh-foot .mh-foot-feed-link:focus .mh-foot-feed-title {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.mh-foot-feed-date {
	display: block;
	margin-top: 3px;
	color: rgba(255, 255, 255, .5);
	font-size: 12px;
}

.mh-foot-empty {
	margin: 0;
	color: rgba(255, 255, 255, .6);
	font-size: 14px;
}

/* ----------------------------------------------------------------- Bandeau */

.mh-foot-bottom {
	border-top: 1px solid rgba(255, 255, 255, .14);
}

.mh-foot-bottom-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 18px;
	padding-bottom: 18px;
}

.mh-foot-bottom p {
	margin: 0;
	color: rgba(255, 255, 255, .6);
	font-size: 13px;
	line-height: 1.5;
}

.mh-foot .mh-foot-bottom a {
	color: rgba(255, 255, 255, .82);
	text-decoration: none;
}

.mh-foot .mh-foot-bottom a:hover,
.mh-foot .mh-foot-bottom a:focus {
	color: #FFFFFF;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* --------------------------------------------------------------- Tablette */

@media (max-width: 1023px) {
	.mh-foot-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 32px;
		padding-top: 40px;
		padding-bottom: 36px;
	}

	/* La marque tient la largeur : les quatre listes suivent en deux colonnes. */
	.mh-foot-brand {
		grid-column: 1 / -1;
	}

	.mh-foot-tagline {
		max-width: 52ch;
	}
}

/* ----------------------------------------------------------------- Mobile */

@media (max-width: 767px) {
	#main-footer.mh-foot {
		margin-top: 40px;
	}

	.mh-foot-grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 26px;
		padding-top: 34px;
		padding-bottom: 30px;
	}

	.mh-foot .mh-foot-name {
		font-size: 23px;
	}

	.mh-foot-bottom-inner {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}