/**
 * Évite le chevauchement footer Facebook / FAB « Commander » (index.html).
 * Le FAB est fixed bottom-right (z-index 900) ; l’icône sociale est alignée à droite du footer.
 */
.site-footer__bottom {
  position: relative;
}

.site-footer__social {
  flex-shrink: 0;
  margin-right: clamp(5.25rem, 4rem + 8vw, 11.5rem);
}

/* Mobile : FAB circulaire 56px + marge droite 1.5rem */
@media (max-width: 640px) {
  .site-footer__social {
    margin-right: clamp(5.25rem, 4.25rem + 9vw, 6.5rem);
  }
}

/* Tablette / desktop : FAB avec libellé « Commander » (plus large) */
@media (min-width: 641px) {
  .site-footer__social {
    margin-right: clamp(9.25rem, 6.5rem + 7vw, 11.75rem);
  }
}

@media (min-width: 901px) {
  .site-footer__social {
    margin-right: clamp(10rem, 7rem + 5vw, 11.75rem);
  }
}

.site-footer__social a {
  position: relative;
  z-index: 1;
}