.social {
    display: flex;                /* aligne côte à côte */
    gap: 12px;                    /* espace entre icônes */
    align-items: center;
    justify-content: center;      /* centrer horizontalement (option) */
    padding: 10px;
  }

  .social a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    border-radius: 50%;
    transition: transform .15s ease, background-color .15s ease;
  }

  .social a:focus { outline: 3px solid #4D90FE; outline-offset: 2px; } /* accessibilité clavier */

  .social svg {
    width: 20px;
    height: 20px;
    display: block;
  }

  /* Effets au survol */
  .social a:hover,
  .social a:focus {
    transform: translateY(-3px) scale(1.05);
    background-color: rgba(0,0,0,0.05);
  }

  /* Variante petite sur mobiles */
  @media (max-width: 420px) {
    .social { gap: 8px; }
    .social a { width: 36px; height: 36px; }
    .social svg { width: 18px; height: 18px; }
  }