/* Gift voucher rows of a totals list (SHOP-RULES 9.3): in the cart summary and the cart drawer (a voucher-totals dl) and inside
   the checkout summary's totals. Hand-written, native nesting only. */

@layer components {
  .voucher-totals {
    margin: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: var(--space-2) var(--space-3);
  }

  .voucher-totals__label,
  .voucher-totals__amount {
    margin: 0;
  }

  .voucher-totals__label {
    color: var(--color-text-muted);
  }

  .voucher-totals__amount {
    text-align: end;
    white-space: nowrap;
  }

  .voucher-totals__due-label,
  .voucher-totals__due {
    margin: 0;
    color: var(--color-text);
    font-weight: 600;
  }

  .voucher-totals__due {
    font-size: var(--text-lg);
    text-align: end;
    white-space: nowrap;
  }
}