/* 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;
  }
  /* 2026-10-06 : un peu plus d'air (36/30 -> 48/40, bas 18 -> 26) */
  .mx-footer .footer__top-four {
    padding: 48px 0 40px;
  }
  .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: 26px 0 28px;
  }
  /* 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;
  }
}

/* Footer colle en bas de l'ecran — 2026-10-06 (demande de Remi : espace
   inelegant sous le footer). Sur une page courte (/claims ~960 px, ecran de
   1080), le document s'arretait avant le bas de la fenetre et le fond clair
   du body apparaissait sous le footer. Le body devient une colonne d'au moins
   100vh et le footer est pousse en bas par margin-top:auto.
   Limite aux pages qui ont le footer (:has) : les ecrans d'auth n'en ont pas
   et gardent leur mise en page. Les enfants fixes (chat, bandeau cookies,
   overlay) sortent du flux et ne sont pas concernes. */
@media (min-width: 992px) {
  body:has(> footer.mx-footer) {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  body:has(> footer.mx-footer) > * {
    flex-shrink: 0;
  }
  body > footer.mx-footer {
    margin-top: auto;
  }
}