/*
 * Kukburi — "Pasta & Caesar" builder (/offers/ in-place, inc/blocks.php's
 * kukburi_render_pasta_caesar_builder(), assets/js/pasta-caesar-builder.js).
 *
 * Deliberately reuses DUO's own layout language rather than inventing a
 * new one (owner's own instruction): .duo-dish-grid/.duo-dish-card/
 * .duo-step-eyebrow/.duo-step-heading/.duo-step-total classes below are
 * assets/css/duo.css's, unchanged — this file only styles the parts that
 * are genuinely new to this builder (its own outer card, and the
 * .item-modal-addons tier panel's spacing in a non-modal context).
 * .item-modal-addons/.addon-tier/etc. themselves stay entirely
 * item-modal.css's own rules, enqueued on this page too (functions.php) —
 * not re-styled here.
 */

/* Same box treatment as .duo-choice-step (duo.css) — a separate class,
 * not a shared one, matching this codebase's convention of one class per
 * component even between visually-matching ones (.duo-choice-step vs.
 * .duo-summary-step is the same pattern already). */
.pcb-builder{
	background: var(--cream-card); border: 1px solid var(--line); border-radius: 12px;
	padding: 28px; display: flex; flex-direction: column; gap: 14px;
}

/* .item-modal-addons carries its own 24px bottom margin (item-modal.css,
 * sized for sitting above the modal's Add to Cart row) — kept, but this
 * builder's dish grid needs its own breathing room above the tier list
 * too, which the modal never needed (the dish IS the modal, there's
 * nothing above the tiers there but the "Complete Your Pasta" label). */
.pcb-builder .duo-dish-grid{ margin-bottom: 6px; }

.pcb-builder #pcb-add-to-cart{ display: flex; margin: 8px auto 0; }
.pcb-builder #pcb-add-to-cart:disabled{ opacity: .45; cursor: not-allowed; }