/* Share Buttons
   Share article via WhatsApp, Telegram, X, copy link, email
   Web Share API on mobile with fallback to individual buttons */

.share-buttons {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
}

.share-buttons__label {
  font-size: var(--text-sm);
  color: var(--meta);
}

.share-buttons__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--meta);
  border: 1px solid var(--hairline);
  text-decoration: none;
  border-radius: 50%;
  background: var(--glass-bg);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all var(--duration-normal) var(--ease-out-expo);
}

.share-buttons__btn:hover {
  color: var(--heading);
  border-color: var(--heading);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

.share-buttons__btn svg {
  width: 20px;
  height: 20px;
}

/* Native share button (shown on mobile when Web Share API is available) */
.share-buttons__native {
  display: none;
}

.share-buttons--has-native .share-buttons__native {
  display: flex;
}

.share-buttons--has-native .share-buttons__btn:not(.share-buttons__native) {
  display: none;
}