/* Embed: a shop page framed inside another site — a plain column with a
   header, the content and, for ticket embeds, a checkout foot that sticks to
   the bottom of the frame */
.embed {
  background: var(--color-surface-0);
  color: var(--color-text);
  display: flex;
  flex-direction: column;
  min-block-size: 100dvh;
}

.embed__header,
.embed__main,
.embed__foot {
  padding: var(--space-s-m);
}

.embed__header {
  border-block-end: var(--border-width) solid var(--color-subtle);
}

.embed__main {
  flex: 1;
}

.embed__foot {
  align-items: center;
  background: var(--color-surface-0);
  border-block-start: var(--border-width) solid var(--color-subtle);
  display: flex;
  gap: var(--space-s);
  inset-block-end: 0;
  justify-content: space-between;
  position: sticky;
}

.embed__logo {
  block-size: 3rem;
  inline-size: auto;
  max-inline-size: 8rem;
  object-fit: contain;
}

/* Long German compounds hyphenate rather than overflow a narrow frame */
.embed__title {
  hyphenate-limit-chars: 10 5 5;
  hyphens: auto;
  overflow-wrap: anywhere;
}