/*
 * Pied de page — Le Poids des Mots
 */

footer.site{background:var(--encre);color:var(--surface-2);padding-block:clamp(38px,4.6vw,56px) 24px}
footer.site .colonnes{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(auto-fit,minmax(148px,1fr));gap:clamp(24px,3.6vw,46px)}
footer.site .logo{filter:invert(1);height:40px}
footer.site h4{color:var(--papier);font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:12px}
footer.site ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14.5px}
footer.site a{text-decoration:none;opacity:.82}
footer.site a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
footer.site .coord{font-size:14.5px;line-height:1.75;opacity:.82;margin-top:18px}
footer.site .bas{margin-top:34px;padding-top:18px;border-top:1px solid rgba(253,251,249,.18);font-size:12.5px;opacity:.62;display:flex;gap:10px 14px;flex-wrap:wrap;justify-content:space-between}
footer.site .liens-legaux{display:flex;flex-wrap:wrap;gap:6px 16px}
footer.site .liens-legaux a{opacity:1}

@media (max-width:900px){
  footer.site .colonnes{grid-template-columns:1fr;gap:32px}
  /* Organisations, Individuel, La structure d'abord ; coordonnées et logos
     (premier bloc du HTML) en dernier, juste au-dessus du SIRET. */
  footer.site .colonnes > div:first-child{order:1}
}