/**
 * WooBricks — Add to Cart (Nestable): root
 *
 * Builder/front parity for Bricks' monolithic-form assumptions.
 *
 * Bricks' WooCommerce stylesheet styles the buttons of the NATIVE add-to-cart
 * form as one wide block:
 *
 *     form.cart .button { min-width: 200px; white-space: nowrap }
 *
 * Our root IS that form on the front end (render() sets class "cart" and
 * $this->tag = 'form'), and the ATC/Buy Now parts carry WooCommerce's own
 * "button" class — so on the front they inherit a hard 200px floor and never
 * wrap their label. On the builder canvas the root renders as a plain
 * container instead, so the rule matches nothing and the same buttons shrink
 * freely: the canvas showed a layout the front end could not produce, and in a
 * narrow column the buttons overflowed their block instead of narrowing.
 *
 * Reset both properties to their initial values — the state the canvas shows
 * — so width is decided by the parts' own controls on both surfaces. Nothing
 * else in that rule needs undoing: display/align/justify/gap are already what
 * .bricks-button sets.
 *
 * No !important needed: Bricks' woo CSS lives in @layer bricks, and unlayered
 * declarations beat layered ones regardless of specificity.
 */

.wbxe-atc .brxe-wbxe-atc-button,
.wbxe-atc .brxe-wbxe-atc-buy-now {
	min-width:   auto;
	white-space: normal;
}