/* FTN Platform Website — shared Share content styling (js/ftn-share.js). Positioning, backdrop
   and open/close animation come from the shared Sheet foundation (css/components/ftn-sheet.css,
   js/ftn-sheet.js) — this file only styles what renders inside a Sheet panel. */

.ftn-share-dialog__eyebrow {
  font-size: var(--text-caption-size);
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-red);
  margin: 0 0 var(--space-8);
}

.ftn-share-dialog__title {
  font-family: var(--font-heading);
  font-size: var(--text-h3-size);
  line-height: var(--text-h3-line);
  margin: 0 0 var(--space-4);
}

.ftn-share-dialog__text {
  color: var(--color-graphite);
  font-size: var(--text-small-size);
  margin: 0 0 var(--space-24);
}

.ftn-share-dialog__actions {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.ftn-share-dialog__option {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  width: 100%;
  padding: var(--space-12) var(--space-16);
  border-radius: var(--radius-8);
  border: 1px solid var(--color-border);
  background: var(--color-white);
  font-family: var(--font-body);
  font-weight: 700;
  font-size: var(--text-small-size);
  color: var(--color-black);
  text-decoration: none;
  cursor: pointer;
  text-align: left;
}

.ftn-share-dialog__option:hover { border-color: var(--color-graphite); }
.ftn-share-dialog__option:focus-visible { outline: 2px solid var(--color-red); outline-offset: 2px; }

.ftn-share-dialog__option--whatsapp { border-color: #25D366; }
.ftn-share-dialog__option--facebook { border-color: #1877F2; }

.ftn-share-dialog__status {
  margin: var(--space-12) 0 0;
  font-size: var(--text-caption-size);
  color: var(--color-graphite);
  min-height: 1em;
}