/* Delivery slots plugin — colours come from the active theme's tokens. */
.ds-box { --ds-primary: var(--color-theme-primary, var(--theme-primary, #4f46e5)); --ds-border: var(--color-theme-border, var(--theme-border, #e4e4e7)); --ds-muted: var(--color-theme-muted, var(--theme-text-muted, #71717a)); margin: 1rem 0; padding: 1rem; border: 1px solid var(--ds-border); border-radius: .9rem; color: var(--color-theme-text, var(--theme-text, inherit)); font-size: .875rem; }
.ds-box h4 { margin: 0 0 .6rem; font-size: .95rem; font-weight: 600; }
.ds-chips { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: .75rem; }
.ds-chip { padding: .5rem .8rem; border: 1px solid var(--ds-border); border-radius: .65rem; background: transparent; color: inherit; font: inherit; font-size: .85rem; cursor: pointer; }
.ds-chip small { display: block; color: var(--ds-muted); font-size: .72rem; }
.ds-chip.is-active { border-color: var(--ds-primary); background: var(--ds-primary); color: var(--color-theme-on-primary, #fff); }
.ds-chip.is-active small { color: inherit; opacity: .85; }
.ds-muted { margin: 0; color: var(--ds-muted); font-size: .8125rem; }