/* Del-knap (share.js). Alt er præfikset med .fg-share så det ikke kan ramme
   appens egne klasser. */

/* Lille rund knap oppe i venstre hjørne på hvert forhåndsvisnings-kort. Modsat
   zoom- og slet-knapperne er den ALTID synlig: de to andre vises kun ved hover,
   og det findes ikke på en telefon. */
.fg-share-mini {
  position: absolute; top: 8px; left: 8px;
  height: 28px; padding: 0 12px 0 10px; border: 0; border-radius: 999px;
  background: rgba(0, 0, 0, .45); color: #fff;
  display: inline-flex; align-items: center; gap: 6px; cursor: pointer;
  font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1;
  transition: background .15s, opacity .15s;
}
.fg-share-mini:hover { background: rgba(0, 0, 0, .75); }
.fg-share-mini svg, .fg-share-btn svg { display: block; }

/* Knappen på min-figur-siden (bruger appens .btn). */
.fg-share-wrap { text-align: center; margin-top: 18px; }
.fg-share-btn { gap: 8px; }
.fg-share-wrap .hint { margin-top: 8px; }

.fg-share-mini.is-busy, .fg-share-btn.is-busy { opacity: .55; pointer-events: none; }

/* Kort besked nederst ("Billedet er gemt"). Over kurv-skuffen (z-index 200). */
.fg-share-toast {
  position: fixed; left: 50%; bottom: 24px; z-index: 300;
  transform: translate(-50%, 16px);
  max-width: calc(100vw - 32px);
  background: #12190F; color: #fff;
  padding: 10px 18px; border-radius: 999px;
  font-size: 14px; line-height: 1.4; text-align: center;
  opacity: 0; pointer-events: none;
  transition: opacity .2s, transform .2s;
}
.fg-share-toast.is-visible { opacity: 1; transform: translate(-50%, 0); }