/* Site footer: « Nous joindre » (synced pattern) + copyright bar. Loaded on every page. */

.sfg-site-footer {
  position: relative;
  flex-shrink: 0; /* the theme lays the body out as a flex column */
}

.sfg-footer-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  padding-inline: clamp(20px, 7vw, 120px);
  padding-block: 26px calc(26px + env(safe-area-inset-bottom, 0px));
  font-size: 12.5px;
  color: rgba(255, 255, 255, .65);
  background: var(--sfg-navy);
  border-top: 1px solid rgba(255, 255, 255, .12);
}
.sfg-footer-bar a {
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid var(--sfg-gold);
  transition: color .25s;
}
.sfg-footer-bar a:hover,
.sfg-footer-bar a:focus { color: var(--sfg-gold); text-decoration: none; }
.sfg-footer-bar__sep { margin-inline: 6px; }