/* Disclosure: a card that folds its content away behind a summary row —
   the receipt on the order page. The chevron turns when open. */
.disclosure__summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: var(--space-xs);
  list-style: none;

  &::-webkit-details-marker {
    display: none;
  }
}

.disclosure__chevron {
  --icon-color: var(--color-muted);

  transition: rotate var(--duration-base) var(--ease-out);
}

.disclosure[open] .disclosure__chevron {
  rotate: 180deg;
}

.disclosure__content {
  padding-block-start: var(--space-s);
}