/* ---------------------------------------------------------------
   Pied de page commun : accueil, pages métier, blog.
   Source unique — ne pas redéfinir de règles `footer` ailleurs.
   Chargé APRÈS metier.css pour l'emporter sur ses anciennes règles.
   --------------------------------------------------------------- */

/* text-align explicite : plusieurs pages centraient leur ancien pied de page. */
footer { background: #05051f; color: #fff; padding: 56px 0 0; border-top: 1px solid rgba(120,130,255,.42); font-size: 13.5px; line-height: 1.6; text-align: left; }
footer .pied-wrap { max-width: var(--pied-largeur, 1080px); margin: 0 auto; padding: 0 24px; }
footer .pied-cols { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 34px 28px; align-items: start; }

footer a { color: #7d82b8; text-decoration: none; margin: 0; }
footer a:hover { color: #fff; }
footer .pied-marque { color: #fff; font-weight: 700; font-size: 15px; }
footer .signature { color: #a9aede; line-height: 1.6; font-size: 13.5px; margin: 14px 0 0; max-width: 270px; }
footer .col-titre { font-size: 11.5px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: #fff; margin-bottom: 12px; }
footer .liens a { display: block; padding: 5px 0; line-height: 1.4; }

footer .bas { margin-top: 42px; border-top: 1px solid rgba(120,130,255,.42); padding: 18px 0 24px; display: flex; justify-content: space-between; align-items: center; gap: 10px 22px; flex-wrap: wrap; font-size: 12.5px; color: #6f74a8; }

/* Repli sur la largeur de la fenêtre (socle, toujours appliqué). */
@media (max-width: 820px) {
  footer .pied-cols { grid-template-columns: 1fr 1fr; }
  footer .signature { max-width: none; }
}
@media (max-width: 520px) {
  footer .pied-cols { grid-template-columns: 1fr; gap: 26px; }
  footer .bas { justify-content: flex-start; }
}

/* Puis sur la largeur réelle du pied : les pages de contenu étroit (760 px pour les
   mentions et le RGPD) écraseraient 4 colonnes de 133 px alors que la fenêtre est large. */
footer .pied-wrap { container-type: inline-size; }
@container (max-width: 860px) {
  footer .pied-cols { grid-template-columns: 1fr 1fr; }
  footer .signature { max-width: none; }
}
@container (max-width: 480px) {
  footer .pied-cols { grid-template-columns: 1fr; gap: 26px; }
  footer .bas { justify-content: flex-start; }
}