/* ModelAgora – Product Share styles */
.magora-share{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.75rem 1rem;
  border:1px solid rgba(171,184,195,.7); /* #abb8c3 */
  border-radius:10px;
  background:#fff;
  box-shadow:var(--wp--preset--shadow--natural, 0 1px 3px rgba(0,0,0,.06));
  margin:var(--wp--preset--spacing--40,16px) 0;
}
.magora-share__label{
  font-weight:600;
  font-size:.95rem;
  color:var(--wp--preset--color--contrast, #111);
  white-space:nowrap;
}
.magora-share__buttons{
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap;
}
.magora-share__btn{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.4rem .6rem;
  border:1px solid rgba(0,0,0,.08);
  border-radius:999px;
  background:#fafafa;
  text-decoration:none;
  font-size:.9rem;
  line-height:1;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.magora-share__btn:hover{
  transform:translateY(-1px);
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  background:#fff;
}
.magora-share__btn:active{ transform:none; }

.magora-share__icon{
  width:18px; height:18px; display:inline-flex;
}
.magora-share__icon svg{
  width:18px; height:18px; fill:currentColor;
}

.magora-share__text{
  font-weight:500;
}

/* Brand hints via text color only (keeps palette consistent) */
.magora-share__btn.is-facebook{ color:#1877F2; }
.magora-share__btn.is-x{ color:#111; }
.magora-share__btn.is-pinterest{ color:#BD081C; }
.magora-share__btn.is-whatsapp{ color:#25D366; }
.magora-share__btn.is-copy{ color:#444; }

/* Mobile */
@media (max-width: 600px){
  .magora-share{
    padding:.6rem .75rem;
    gap:.5rem;
  }
  .magora-share__text{
    display:none; /* ikonki + kolor = czytelnie i oszczędnie */
  }
}