/* ============================================================
   Astra Origins — Reusable external-share widget (new design)
   Styles <x-newdesign.share />. Loaded globally in master so the
   widget themes correctly anywhere it's dropped.
   ============================================================ */
.nd-share { position: relative; display: inline-block; }

/* Default trigger (host can override via trigger-class) */
.nd-share-btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px; border-radius: 7px;
  background: var(--surface-2); border: 1px solid var(--line); color: var(--ink-2);
  font-family: var(--font, 'Manrope', system-ui, sans-serif);
  font-size: 10px; font-weight: 800; letter-spacing: 0.1em; cursor: pointer;
}
.nd-share-btn:hover { background: var(--surface-3); color: var(--ink); }

/* Popover menu */
.nd-share-menu {
  position: absolute; z-index: 1300; top: calc(100% + 6px); min-width: 196px;
  display: flex; flex-direction: column; gap: 2px; padding: 6px;
  background: var(--surface); border: 1px solid var(--line); border-radius: 12px;
  box-shadow: 0 18px 48px oklch(0 0 0 / 0.18);
  animation: nd-share-pop 0.13s ease;
}
.nd-share-menu[hidden] { display: none; }
.nd-share-menu[data-align="start"] { left: 0; }
.nd-share-menu[data-align="end"] { right: 0; }
@keyframes nd-share-pop { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }

.nd-share-item {
  display: flex; align-items: center; gap: 10px; width: 100%; text-align: left;
  padding: 9px 11px; border-radius: 8px; border: none; background: none; cursor: pointer;
  font-family: var(--font, 'Manrope', system-ui, sans-serif);
  font-size: 13px; font-weight: 600; color: var(--ink-2); text-decoration: none;
}
.nd-share-item:hover { background: var(--surface-2); color: var(--ink); }
.nd-share-item .bi { font-size: 15px; width: 18px; text-align: center; flex: none; }
.nd-share-item[data-share-net="facebook"] .bi { color: #1877f2; }
.nd-share-item[data-share-net="twitter"] .bi { color: var(--ink); }
.nd-share-item[data-share-net="whatsapp"] .bi { color: #25d366; }
.nd-share-item[data-share-net="copy"] .bi { color: var(--accent); }
.nd-share-item[data-share-net="image"] .bi { color: oklch(0.62 0.18 305); }
.nd-share-item.is-copied { color: var(--accent); }
.nd-share-item.is-copied .bi { color: var(--accent); }