/* The delivery block, area-check state (BC-046 Stage 4, first part). Values come from tokens.css only. */
.bc-delivery { margin: var(--space-4) 0; padding: var(--space-3) var(--space-4); border: var(--line); border-radius: var(--radius); background: var(--color-cream); }
.bc-delivery [hidden] { display: none !important; }
.bc-delivery__label { display: block; margin: 0 0 var(--space-2); color: var(--color-ink-strong); font-size: var(--text-sm); font-weight: var(--weight-bold); }
.bc-delivery__row { display: flex; gap: var(--space-2); }
.bc-delivery__input { flex: 1; min-width: 0; }
/* The lean reference's dark "CHECK" button. WooCommerce's ".woocommerce button.button" needs the extra classes. */
.bc-delivery__check, .woocommerce .pp .bc-delivery button.bc-delivery__check { flex: 0 0 auto; padding-inline: var(--space-4); border: 1px solid var(--color-ink-strong); background: var(--color-ink-strong); color: var(--color-surface); font-weight: var(--weight-bold); text-transform: uppercase; }
.bc-delivery__check:hover, .woocommerce .pp .bc-delivery button.bc-delivery__check:hover { background: var(--color-ink); color: var(--color-surface); }
.bc-delivery__help, .bc-delivery__note, .bc-delivery__error, .bc-delivery__nojs { margin: var(--space-2) 0 0; color: var(--color-muted); font-size: var(--text-xs); line-height: var(--leading-base); }
.bc-delivery__nojs { margin: 0; }
.bc-delivery__error { color: var(--color-red-dark); font-weight: var(--weight-semibold); }
.bc-delivery__line { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-1) var(--space-3); margin: 0; color: var(--color-ink-strong); font-size: var(--text-sm); font-weight: var(--weight-bold); }
.bc-delivery[data-state="free"] .bc-delivery__line-text { color: var(--color-success); }
.bc-delivery[data-state="checking"] .bc-delivery__line-text { color: var(--color-muted); font-weight: var(--weight-semibold); }
.bc-delivery__change { padding: 0; border: 0; background: none; color: var(--color-muted); font-size: var(--text-xs); font-weight: var(--weight-regular); text-decoration: underline; text-underline-offset: 3px; }
.bc-delivery__change:hover { color: var(--color-red); }
.bc-delivery__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-4); }
.bc-delivery__actions:not(:empty) { margin-top: var(--space-2); }
/* The quote and "How delivery works" links (the site plugin's pop-up buttons) as small text links. */
.bc-delivery__actions a.shipping-details, .bc-delivery__actions a.shipping-details.button {
	display: inline; min-height: 0; margin: 0; padding: 0; border: 0; background: none; color: var(--color-ink-strong);
	font-size: var(--text-xs); font-weight: var(--weight-semibold); text-transform: none; text-decoration: underline; text-underline-offset: 3px;
}
.bc-delivery__actions a.shipping-details:hover { color: var(--color-red); }
@media (max-width: 480px) {
	.bc-delivery { padding: var(--space-3); }
}