/* WP Pro Share Plus — turkaramamotoru.net uyumlu (açık tema + mavi vurgu) */
.proshare{
  margin:18px 0;
  padding:14px 12px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:0 6px 18px rgba(15, 23, 42, .06);
}
.proshare__label{
  font-weight:700;
  margin:0 0 10px 4px;
  color:#0f172a;
  letter-spacing:.2px;
}
.proshare__grid{display:flex;flex-wrap:wrap;gap:8px}

/* Varsayılan: dolu buton (tek renk veya brand renkleri) */
.proshare__btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  line-height:1;
  border:1px solid rgba(15, 23, 42, .08);
  background:var(--proshare-color, var(--proshare-primary, #2563EB));
  color:#fff;
  box-shadow:0 8px 16px rgba(37, 99, 235, .18);
  transition:.18s transform ease,.25s box-shadow ease,.25s filter ease;
}
.proshare__btn:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 24px rgba(37, 99, 235, .22);
  filter:saturate(1.05) brightness(1.02);
}
.proshare__btn:active{transform:translateY(0)}

.proshare__icon{display:inline-flex;width:18px;height:18px}
.proshare__icon svg{width:18px;height:18px;fill:#fff}

/* Kopyala geri bildirimi */
.proshare__btn.copied{
  background:#10b981;
  border-color:rgba(16,185,129,.35);
  box-shadow:0 10px 20px rgba(16,185,129,.22);
}

/* Mobilde metni sakla (ikon + daha kompakt) */
@media (max-width:600px){
  .proshare__text{display:none}
  .proshare__btn{padding:9px 10px}
}