/* Footer desktop compacte — 2026-09-30 (demande de Remi : trop de vide).
   Tout est scope sous .mx-footer (mods/footer.php) et ne s'applique qu'a
   partir de 992px ; en dessous, le theme reste tel quel. Le footer n'est de
   toute facon pas rendu en mobile ni dans l'app ($srv_mobile / $srv_app).

   Avant : padding 110/70 en haut, 65/65 en bas, coordonnees empilees sur une
   demi-largeur, copyright seul a droite -> ~660 px dont l'essentiel vide.
   Apres : une ligne logo | coordonnees | LinkedIn, puis une ligne
   copyright | liens legaux -> ~200 px. */
@media (min-width: 992px) {
  /* la forme decorative (h4_footer_shape.png) fait 263 px de haut : plus
     haute que le footer compacte, elle deborderait sous la page */
  .mx-footer .footer__area-four {
    overflow: hidden;
  }
  .mx-footer .footer__top-four {
    padding: 36px 0 30px;
  }
  .mx-footer .footer-widget {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 48px;
  }
  .mx-footer .fw-logo,
  .mx-footer .footer-info-list {
    margin-bottom: 0 !important;
  }
  .mx-footer .footer-info-list {
    flex: 1 1 auto;
  }
  .mx-footer .footer-info-list .list-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 36px;
    row-gap: 8px;
  }
  .mx-footer .footer-info-list .list-wrap li {
    margin-bottom: 0;
    align-items: center;
  }
  .mx-footer .footer-info-list .list-wrap li .icon {
    font-size: 20px;
  }
  .mx-footer .footer__social-three {
    margin-left: auto;
  }
  .mx-footer .footer__social-three .list-wrap li a {
    width: 40px;
    height: 40px;
  }

  .mx-footer .footer__bottom-four {
    padding: 18px 0;
  }
  /* double .container dans le markup du theme : on neutralise l'interieur
     pour que le bas s'aligne sur le haut */
  .mx-footer .footer__bottom-four > .container {
    padding: 0;
    max-width: none;
  }
  .mx-footer .footer__bottom-four .copyright-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 6px 24px;
    text-align: left;
  }
  .mx-footer .footer__bottom-four .copyright-text p {
    margin: 0;
  }
  .mx-footer .footer__bottom-four .copyright-text p a:hover {
    color: #fff;
  }
}