.afiwai-si {
  width: 100%;
}

.afiwai-si-list{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;

  display:flex;
  flex-wrap:wrap;
  gap: var(--afiwai-si-gap, 10px);
}

/* sécurité supplémentaire si le thème cible les <li> */
.afiwai-si-list > li{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.afiwai-si-align-left .afiwai-si-list{ justify-content:flex-start; }
.afiwai-si-align-center .afiwai-si-list{ justify-content:center; }
.afiwai-si-align-right .afiwai-si-list{ justify-content:flex-end; }

.afiwai-si-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: calc(var(--afiwai-si-size, 24px) + 16px);
  height: calc(var(--afiwai-si-size, 24px) + 16px);
  border-radius: var(--afiwai-si-radius, 10px);
  color: var(--afiwai-si-color, #111);
  background: var(--afiwai-si-bg, transparent);
  border: var(--afiwai-si-border-w, 1px) solid var(--afiwai-si-border, transparent);
  text-decoration:none;
  transition: transform .15s ease, color .15s ease, background .15s ease, border-color .15s ease;
  will-change: transform;
}

.afiwai-si-link:hover,
.afiwai-si-link:focus-visible{
  color: var(--afiwai-si-hover-color, #0064C0);
  background: var(--afiwai-si-hover-bg, transparent);
  border-color: var(--afiwai-si-hover-border, transparent);
  transform: translateY(-1px);
  outline: none;
}

.afiwai-si-icon svg{
  width: var(--afiwai-si-size, 24px);
  height: var(--afiwai-si-size, 24px);
  display:block;
}