/*
 * Mini-basket contents (merchant-basket/mini-cart.php). The panel itself —
 * width, padding, fill, radius — is native Mini Cart controls on the header
 * element (tools/build-basket-access.php). This covers only the Woo template
 * inside it, which Bricks cannot reach. docs/design-system.md §9.16.
 */
.m-mini { display: flex; flex-direction: column; gap: 18px; color: var(--c-ink); text-align: left; }
.m-mini p { margin: 0; }
.m-mini__head,
.m-mini__sub { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.m-mini__title,
.m-mini__amount { font-family: var(--font-heading); font-size: var(--t-h4-size); line-height: var(--t-h4-lh); color: var(--c-ink); }
.m-mini__meta { font-size: var(--t-sm-size); line-height: var(--t-sm-lh); color: var(--c-ink-body); }
.m-mini__lines { display: flex; flex-direction: column; gap: 14px; max-height: 50vh; overflow-y: auto; }
.m-mini__line { display: flex; align-items: flex-start; gap: 12px; }
.m-mini__what { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.m-mini__name { font-size: var(--t-sm-size); line-height: var(--t-sm-lh); font-weight: var(--fw-medium); color: var(--c-ink); text-decoration: none; }
.m-mini__name:hover { text-decoration: underline; }
.m-mini__qty { font-size: var(--t-xs-size); line-height: var(--t-xs-lh); color: var(--c-ink-muted); }
.m-mini__total { font-size: var(--t-sm-size); line-height: var(--t-sm-lh); color: var(--c-ink); white-space: nowrap; }
.m-mini__rule { height: 1px; background: var(--c-surface-sunken); }
.m-mini__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.m-mini__actions--one { grid-template-columns: 1fr; }
.m-mini__actions .m-btn { font-weight: var(--fw-demibold); }
/* m-btn-outline is drawn for dark grounds (white label); the panel is white. */
.m-mini .m-mini__actions .m-btn-outline { color: var(--c-ink); }