/* wb-checkout-ux — block cart/checkout surfaces.
 *
 * Scoped under WooCommerce's own order-meta slot so nothing here can leak into the
 * rest of the page. Kept deliberately quiet: this sits immediately above Place
 * Order, and brief 4.78 says the customer is there to buy.
 *
 * Colours come from the canonical token layer (wb-ui-kit/assets/tokens.css); the
 * stylesheet declares wb-tokens as a dependency so they resolve. .wb-ui-surface and
 * .wb-ui-surface--soft are the shared surface primitives, so this inherits the same
 * panel treatment as every other surface on the site rather than inventing one. */

.wc-block-components-order-meta .wbcux-blocks {
  margin-block-start: var(--space-4, 16px);
  padding: var(--space-4, 16px);
  border: 1px solid var(--border, rgba(0, 0, 0, .1));
  border-radius: var(--radius-lg, 16px);
}

.wc-block-components-order-meta .wbcux-blocks > * + * {
  margin-block-start: var(--space-2, 8px);
}

.wc-block-components-order-meta .wbcux-blocks__headline {
  margin: 0;
  font-weight: 700;
  font-size: var(--text-sm, 14px);
  line-height: var(--leading-snug, 1.35);
  color: var(--text);
}

.wc-block-components-order-meta .wbcux-blocks__list {
  margin: 0;
  padding-inline-start: 1.1em;
  list-style: disc;
}

.wc-block-components-order-meta .wbcux-blocks__item {
  font-size: var(--text-xs, 12px);
  line-height: var(--leading-normal, 1.5);
  color: var(--muted);
}

/* The GST note is a factual statement about what the customer is paying, so it
   reads as body text rather than fine print. */
.wc-block-components-order-meta .wbcux-blocks__tax {
  margin: 0;
  font-size: var(--text-xs, 12px);
  color: var(--text);
}

.wc-block-components-order-meta .wbcux-blocks__assure {
  margin: 0;
  font-size: var(--text-xs, 12px);
  color: var(--muted);
}