/* ═══════════════════════════════════════════════════════════
   icons.css — grille des raccourcis (sous le header)
═══════════════════════════════════════════════════════════ */

.icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 14px;
  /* Ajoute ces deux lignes pour resserrer et centrer */
  max-width: 1080px;   /* Ajuste cette valeur pour définir la largeur max de la zone */
  margin: 0 auto;     /* Centre le bloc dans la page avec des marges transparentes */
}

.icons a {
  flex-basis: calc(20% - 10px);
  max-width: calc(20% - 10px);
  display: flex; align-items: center; justify-content: center;
  padding: 6px;
  transition: filter 0.25s, transform 0.2s;
}
.icons a:hover {
  filter: drop-shadow(0 0 10px rgba(240,235,220,0.7)) brightness(1.2);
  transform: translateY(-2px);
}
.icons a:active { transform: scale(0.97); }
.icons img { max-width: 100%; height: auto; display: block; }

@media (max-width: 720px) {
  .icons a { flex-basis: calc(33.333% - 10px); max-width: calc(33.333% - 10px); }
}