/**
 * Bandeau « Siga-nos nas redes sociais » — menu social du footer.
 * Carrés arrondis aux couleurs de chaque plateforme (comme l'ancien site),
 * pictos blancs, hover lift. Le titre du bloc hérite du style footer
 * (.site-footer h2 : petit, bleu, sentence case).
 */
.social-follow {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.social-follow__item {
  list-style: none;
}

.social-follow__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 10px;
  color: #fff !important;
  text-decoration: none !important;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
}

.social-follow__link svg {
  width: 22px;
  height: 22px;
  display: block;
}

.social-follow__link--facebook { background: #1877f2; }
.social-follow__link--instagram {
  background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}
.social-follow__link--youtube { background: #f00; }
.social-follow__link--link { background: var(--ocdm-framboise, #c9357a); }

.social-follow__link:hover,
.social-follow__link:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.12);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
  color: #fff;
}