/* share.css — styles for share.js's .share-row (copy-link + LINE/Facebook/
   Instagram/X). Default: matches the main site's original .btn-social row
   (rounded-rect, flex:1 to fill the row, background:0.08). .share-row--pill:
   compact pill buttons matching Nova Craft's original .nt-card__share-btn. */

.share-row { display: flex; gap: 8px; }

.share-btn {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  border-radius: var(--radius-sm);
  background: rgba(var(--surface-rgb), 0.08);
  border: 1px solid var(--border);
  cursor: pointer;
  transition: background 0.15s ease;
}
.share-btn svg { width: 17px; height: 17px; }
.share-btn:hover { background: rgba(var(--surface-rgb), 0.15); }
.share-btn:disabled { opacity: 0.5; cursor: default; }

.share-btn--copy { color: var(--text-primary); }
.share-btn--line { color: #06C755; }
.share-btn--fb   { color: #1877F2; }
.share-btn--ig   { color: #E1306C; }
.share-btn--x    { color: var(--text-primary); }

/* Pill variant — compact card-footer row (Nova Craft) */
.share-row--pill { align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: nowrap; }
.share-row--pill .share-btn {
  height: auto; padding: 6px 10px; border-radius: var(--radius-pill);
  background: transparent; color: var(--text-secondary);
  flex: 1 1 0; min-width: 0;
}
.share-row--pill .share-btn svg { width: 12px; height: 12px; flex-shrink: 0; }
.share-row--pill .share-btn:hover {
  color: var(--text-primary); border-color: var(--text-primary);
  background: rgba(var(--surface-rgb), 0.05);
}
.share-row--pill .share-btn--copy { color: var(--text-secondary); }