/**
 * Pied de page (theme Kadence) : regles communes a tous les sites du modele.
 *
 * Cette feuille est chargee avant les styles du Customizer de Kadence, emis
 * en ligne dans la page. D ou l identifiant #footer-menu dans les selecteurs
 * du menu, et !important sur l alignement des colonnes (reglage du
 * Customizer). Mesures et essais du 08/10/2026.
 */

/* Menu du pied de page : liens regroupes au centre, separes par un trait
   vertical fin, sous un trait horizontal a la largeur du menu. */
.footer-navigation #footer-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 8px;
	width: fit-content;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 16px;
	border-top: 1px solid rgba(255, 255, 255, 0.6);
}
.footer-navigation #footer-menu > li {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 28px;
}
.footer-navigation #footer-menu > li + li {
	border-left: 1px solid rgba(255, 255, 255, 0.6);
}

/* Colonnes de la rangee du logo, sur ordinateur : contenus cales en haut,
   et colonnes laterales descendues de 70 px, pour que leurs titres soient
   alignes quel que soit leur nombre de lignes. Sur telephone, les colonnes
   s empilent : pas de decalage. */
@media (min-width: 1025px) {
	.site-top-footer-inner-wrap .footer-widget-area {
		align-items: flex-start !important;
	}
	.site-footer-top-section-1 .footer-widget-area,
	.site-footer-top-section-3 .footer-widget-area {
		padding-top: 70px;
	}
	/* Logo et carte (colonnes 2 et 4) : descendus de 30 px. */
	.site-footer-top-section-2 .footer-widget-area,
	.site-footer-top-section-4 .footer-widget-area {
		padding-top: 30px;
	}
}

/* Menu du pied de page sur laptop : garder les six liens sur une ligne.
   1025-1599 px : marges resserrees ; 1025-1499 px : police reduite.
   Sous 1340 px environ, retour a la ligne naturel. Tablette et mobile inchanges. */
@media (min-width: 1025px) and (max-width: 1599px) {
	.footer-navigation #footer-menu > li {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media (min-width: 1025px) and (max-width: 1499px) {
	.footer-navigation #footer-menu > li > a {
		font-size: 15px;
	}
}