/* ============================================================
   RANGÉE DE RÉSEAUX — les liens sociaux, partout où ils reviennent
   NOUVEAU COMPOSANT (bloc 3 de l'É4, 06/08). Trois occurrences réelles, ce qui
   satisfait la règle K4 : encart « Suivez-nous » de l'accueil (45 px, en
   colonne sur desktop), pied de page (32 px, en rangée), carte de personne
   (30 px — celle-là garde ses règles dans `team-card.css`, elle fait partie de
   la carte).

   RELEVÉ : icônes pleines, sans cadre ni pastille, à la couleur du contexte.
   Sur l'aplat d'accent de l'accueil elles sont BLANCHES : le composant ne le
   décide pas, c'est `data-theme="nuit"` posé sur l'encart qui bascule `--icon`.

   DETTE DÉCLARÉE : le pied de page (bloc 2) porte encore ses propres règles
   (`.lcdi-footer__social`). Les réunir est une reprise à faire quand le pied
   repassera en revue — pas une réécriture à glisser dans le bloc 3.
   ============================================================ */

.lcdi-social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-5);
  margin: 0;
  padding: 0;
  list-style: none;
}

.lcdi-social--colonne { flex-direction: column; }

.lcdi-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--icon);
  transition: color var(--t-quick) var(--ease-brand), transform var(--t-quick) var(--ease-brand);
}
.lcdi-social a:hover { color: var(--link-hover); transform: translateY(var(--lift-btn)); }
.lcdi-social a:focus-visible { box-shadow: var(--focus-ring); border-radius: var(--radius-s); }

.lcdi-social svg {
  width: var(--social-size, 32px);
  height: var(--social-size, 32px);
  fill: currentColor;
}

.lcdi-social--lg { --social-size: 45px; }   /* la taille relevée dans l'encart */
.lcdi-social--sm { --social-size: 24px; }

@media (max-width: 1024px) {
  /* Une colonne d'icônes n'a plus de sens quand la bande devient une pile. */
  .lcdi-social--colonne { flex-direction: row; }
}
@media (max-width: 767px) {
  .lcdi-social--lg { --social-size: 36px; }
}