/**
 * EPOFW Third-Party Compatibility Styles
 *
 * Front-end CSS overrides that fix layout/appearance conflicts with page builders,
 * themes, and other plugins. Add a new clearly-labelled section for each fix so the
 * file stays easy to scan.
 *
 * @package Extra_Product_Options_For_WooCommerce
 * @since   4.4.9
 */

/* ==========================================================================
   Elementor Pro — "Product Add to Cart" widget
   The widget forces form.cart to display:flex; flex-wrap:nowrap, which pulls the
   EPOFW addon fields (direct children of the form) into the same row as the
   quantity box and the Add to Cart button. Let the form wrap and give the addon
   blocks their own full-width row, leaving quantity + button on the row below.
   ========================================================================== */
.elementor-widget-woocommerce-product-add-to-cart form.cart:not(.grouped_form):not(.variations_form),
.elementor-widget-wc-add-to-cart form.cart:not(.grouped_form):not(.variations_form) {
	flex-wrap: wrap !important;
}

.elementor-widget-woocommerce-product-add-to-cart form.cart > .epofw_addon_html,
.elementor-widget-woocommerce-product-add-to-cart form.cart > .epofw_addon_totals,
.elementor-widget-wc-add-to-cart form.cart > .epofw_addon_html,
.elementor-widget-wc-add-to-cart form.cart > .epofw_addon_totals {
	flex: 0 0 100% !important;
	max-width: 100% !important;
}