/*
 * Webdeals Hub – Flatsome-Korrekturen für Product Bundles.
 *
 * Ersetzt die bisher von Hand im Flatsome-Custom-CSS gepflegten Regeln
 * (Stand 03.10.2026, sferics/ddoptics). Wird nur auf Bundle-Produktseiten
 * und nur mit Flatsome geladen – gilt für alle Bundles, auch ohne
 * Konfigurator.
 */

/* Bundle-Preis und Verfügbarkeit nicht in die Flatsome-Warenkorbleiste unten
   übernehmen – Flatsome kopiert sonst den ganzen Kaufbereich hinein. */
.has-sticky-product-cart .sticky-add-to-cart .bundle_price,
.has-sticky-product-cart .sticky-add-to-cart .bundle_availability {
	display: none !important;
}

/* Netto-Zusatz („exkl. USt.") bei optionalen Artikeln ausblenden. */
.single-product label.bundled_product_optional_checkbox .woocommerce-price-suffix {
	display: none !important;
}

/* Schriftgröße des Bundle-Gesamtpreises. */
.bundle_form .bundle_price p.price,
.single-product .bundle_form .bundle_price p.price {
	font-size: 1.5em;
}

/* Kaufzeile (Mengenfeld + Kaufbutton) wie bei einfachen und variablen
   Produkten: Flatsome legt form.cart / .woocommerce-variation-add-to-cart
   als Flexzeile an (flatsome-shop.css), die Bundle-Zeile .bundle_button
   kennt es nicht – dort standen Feld und Button nur nebeneinander, mit
   kleinerem Abstand, Rand rechts/unten am Button und 1 px Höhenunterschied.
   Hier dieselben Regeln für .bundle_button. */
.bundle_form .bundle_button {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	width: 100%;
}
.bundle_form .bundle_button > * {
	flex: 1 1 100%;
	margin: 0;
}
.bundle_form .bundle_button :where(.ux-quantity, .single_add_to_cart_button, .ux-buy-now-button) {
	flex: 0 0 auto;
}
.text-center .bundle_form .bundle_button {
	justify-content: center;
}
.text-right .bundle_form .bundle_button {
	justify-content: end;
}