/* Conteneur local (autour du bloc Jetpack) */
.madaniya-share-wrap {
  margin: 1.25rem 0 1.75rem;
}

/* Bloc Jetpack */
.madaniya-share-wrap .sharedaddy.sd-sharing-enabled {
  display: flex;
  align-items: center;
  justify-content: center;     /* centrage horizontal */
  gap: 0.75rem;
  width: 100%;
  text-align: center;
}

/* Titre ("Partager") plus lisible */
.madaniya-share-wrap .sharedaddy .sd-title {
  font-size: 0.95rem;
  font-weight: 600;
  margin: 0 0.5rem 0 0;
  opacity: .9;
}

/* Liste des boutons : layout en ligne, wrap, espacement généreux */
.madaniya-share-wrap .sharedaddy .sd-content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 0.75rem;
  margin: 0;
  padding: 0;
}

/* Boutons (style Jetpack natif conservé, mais amplifié) */
.madaniya-share-wrap .sharedaddy .sd-content ul li a.sd-button,
.madaniya-share-wrap .sharedaddy .sd-content ul li a.share-custom {
  padding: .6rem .9rem;
  border-radius: 9999px;
  font-weight: 600;
  line-height: 1;
  transform: translateZ(0); /* antialiasing */
}

/* État focus accessible */
.madaniya-share-wrap .sharedaddy .sd-content ul li a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* Variante "icônes seules" : grossir les icônes */
.madaniya-share-wrap .sharedaddy .sd-content ul li .icon {
  width: 22px;
  height: 22px;
}

/* Mobile : coller un peu plus le bloc au contenu et garantir la lisibilité */
@media (max-width: 640px) {
  .madaniya-share-wrap { margin: 1rem 0 1.25rem; }
}

/* Optionnel (décommente pour une barre sticky en bas sur mobile) */
/*
@media (max-width: 640px) {
  .madaniya-share-wrap:last-of-type .sharedaddy.sd-sharing-enabled {
    position: sticky;
    bottom: 0;
    z-index: 60;
    background: #fff;
    padding: .5rem .75rem;
    border-top: 1px solid rgba(0,0,0,.06);
  }
}
*/