/* Orders — shared by every variant of the page block "orders" (blocks/orders/*.twig) and the order page:
   status badge by state, "Buy again" form, order number */
.et-orders { list-style: none; margin: 0; padding: 0; }
.et-orders__number { color: var(--et-text); font-family: var(--et-font-display); font-weight: var(--et-heading-weight); text-decoration: none; }
a.et-orders__number:hover { color: var(--et-accent-text); }
.et-orders__date { color: var(--et-text-muted); font-size: var(--et-text-sm); }
.et-orders__total { font-family: var(--et-font-price, inherit); white-space: nowrap; }
.et-orders__reorder { display: inline-flex; margin: 0; }
.et-orders__reorder button[aria-busy="true"] { opacity: 0.6; cursor: progress; }

.et-order-status {
  display: inline-flex; align-items: center; gap: var(--space-xs);
  padding: 0.125rem var(--space-sm); border-radius: var(--et-chip-radius, var(--et-radius-full));
  font-size: var(--et-text-xs); font-weight: 600; white-space: nowrap;
  background: var(--et-info-soft); color: var(--et-info-text);
}
.et-order-status::before { content: ""; width: 0.5em; height: 0.5em; border-radius: var(--et-radius-full); background: currentColor; }
.et-order-status--processing { background: var(--et-warning-soft); color: var(--et-warning-text); }
.et-order-status--complete { background: var(--et-success-soft); color: var(--et-success-text); }
.et-order-status--stopped { background: var(--et-danger-soft); color: var(--et-danger-text); }