/* ============================================================
   SOCIAL ICONS — menu de navigation de réseaux sociaux
   ------------------------------------------------------------
   Feuille réutilisable d'un site à l'autre : structure seulement.
   L'icône de chaque lien est choisie selon son URL (a[href*="…"])
   par des règles générées côté PHP (voir zaa_social_icons_css()),
   dessinée en masque CSS : elle suit la couleur du texte.

   À définir dans le style.css de chaque site :
     couleur   : .social-icons a { color: … }  (et :hover)
     taille    : --social-icon-size sur .social-icons (par section :
                 header, contenu, footer)
     espacement: --social-icons-gap
   ============================================================ */

.social-icons ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--social-icons-gap, .5rem);
  list-style: none;
  margin: 0;
  padding: 0;
}
.social-icons li { margin: 0; }

.social-icons a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  /* Masque le libellé du lien à l'écran ; il reste lu par les
     lecteurs d'écran. */
  font-size: 0;
}

.social-icons a::before {
  content: "";
  /* display explicite : selon le bloc utilisé (menu classique, bloc
     Navigation…), le lien n'est pas toujours un conteneur flex et un
     ::before resté inline ignorerait width/height. */
  display: inline-block;
  vertical-align: middle;
  flex: none;
  width: var(--social-icon-size, 16px);
  height: var(--social-icon-size, 16px);
  background-color: currentColor;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
}

/* Academia n'a pas de logo libre : un « A » en Times New Roman. */
.social-icons a[href*="academia"]::before {
  content: "A";
  width: auto;
  height: auto;
  background: none;
  -webkit-mask: none;
  mask: none;
  font-family: 'Times New Roman', Times, serif;
  font-weight: bold;
  font-size: var(--social-icon-size, 16px);
  line-height: 1;
}