/**
 * SecGram — footer.css
 * Pied de page : structure lisible, sans imposer de couleurs
 * (les fonds/couleurs restent pilotés par Divi → Options du thème).
 *
 * Structure éditoriale recommandée (voir docs/DIVI.md) :
 * colonnes SecGram / Services / Réalisations / Entreprise,
 * puis barre inférieure mentions légales + confidentialité.
 */

/* Fond sombre par défaut (identité SecGram). Un fond choisi dans
   Divi → Options du thème est généré APRÈS nos feuilles et garde
   donc le dernier mot. */
#main-footer {
	background-color: var(--sg-color-dark);
	color: var(--sg-color-on-dark-muted);
}

#main-footer .footer-widget,
#main-footer .footer-widget li a {
	color: var(--sg-color-on-dark-muted);
}

#footer-bottom {
	background-color: rgba(0, 0, 0, 0.35);
}

/* Rythme vertical des zones de widgets. */
#main-footer .footer-widget {
	margin-bottom: var(--sg-space-lg);
}

/* Titres de colonnes : hiérarchie discrète. */
#main-footer .footer-widget :where(h2, h3, h4, .title) {
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	margin-bottom: var(--sg-space-sm);
	color: var(--sg-color-on-dark);
}

/* Listes de liens : aérées, cibles confortables. */
#main-footer .footer-widget :where(ul) {
	list-style: none;
	padding: 0;
	margin: 0;
}

#main-footer .footer-widget :where(li) {
	margin-bottom: var(--sg-space-xs);
	padding: 0;
}

#main-footer .footer-widget :where(a) {
	text-decoration: none;
	transition: opacity var(--sg-transition-fast);
}

#main-footer .footer-widget :where(a:hover) {
	opacity: 0.8;
	text-decoration: underline;
}

/* Menu du bas de page (mentions légales, confidentialité). */
#et-footer-nav .bottom-nav {
	text-align: center;
	padding-block: var(--sg-space-sm);
}

#et-footer-nav .bottom-nav li a {
	font-size: var(--sg-text-sm);
}

/* Barre inférieure : espacement respirable. */
#footer-bottom {
	padding-block: var(--sg-space-md);
}

#footer-bottom .container {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sg-space-sm);
	align-items: center;
	justify-content: space-between;
}
