/*****************************************************************************/
/* Footer commun à TOUTES les pages — source unique.                         */
/*                                                                           */
/* Ne redéfinissez pas ces règles dans main.css / support.css / cgvu.css :    */
/* c'est cette divergence qui faisait passer le footer sur deux lignes selon  */
/* la page (max-width 1050px ici, 1484px là).                                 */
/*                                                                           */
/* À charger EN DERNIER, après la feuille propre à la page.                   */
/*****************************************************************************/
html {
  --footer-text-color: var(--CONFIG-footer-text-color);
  --bg-img-footer: var(--CONFIG-bg-img-footer);
  --fs-footer-text: clamp(0.8125rem, 0.767rem + 0.1942vw, 1rem);                /* 13px -> 16px */
}

footer {
  background-image: var(--bg-img-footer, linear-gradient(to right, #476525, #476525));
  color: var(--footer-text-color, #fff);
  padding: 1.25rem 1.875rem;
}

footer ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  flex-wrap: wrap;
  max-width: 92.75rem;                                                          /* 1484px */
  width: 100%;
  margin: 0 auto;
  list-style: none;
}

footer li {
  font-size: var(--fs-footer-text);
}

footer a {
  color: var(--footer-text-color, #fff);
  font-weight: 500;
  line-height: 1.875;
  text-decoration: underline;
}

/* Le space-between n'a de sens que si les liens tiennent sur une ligne.
   Dès qu'ils passent à la ligne, on centre. */
@media screen and (max-width: 900px) {
  footer ul {
    justify-content: center;
    gap: 1.25rem 2rem;
  }
}

@media screen and (max-width: 700px) {
  footer ul {
    display: grid;
    /* justify-content dimensionne ici l'unique colonne du grid : sans ce
       centrage elle resterait calée à gauche. */
    justify-content: center;
    justify-items: center;
  }

  footer li {
    text-align: center;
  }
}