/* Share bar (js/share.js). Colours come from whichever page it sits on, with the site's own values as fallbacks. */
.share-bar {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin: 1.25rem 0;
}
.share-label {
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--muted, var(--ink-faint, #B39AAC)); margin-right: 2px;
}
.share-btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 38px; padding: 0 14px;
  background: transparent; border: 1px solid var(--border-mid, var(--line, #4A3650)); border-radius: 999px;
  color: var(--text, var(--ink, #F4E9EE)); font: 600 0.8rem/1 'Manrope', system-ui, sans-serif;
  text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: border-color 0.15s, color 0.15s, background 0.15s;
}
.share-btn:hover { border-color: var(--accent, var(--ember, #E28FA8)); color: var(--accent, var(--ember, #E28FA8)); }
.share-btn:focus-visible { outline: 2px solid var(--accent, var(--ember, #E28FA8)); outline-offset: 2px; }
.share-status { font-size: 0.78rem; color: var(--accent-2, var(--gold, #D4A15F)); min-height: 1em; }
.share-status:empty { display: none; }
@media print { .share-bar { display: none; } }