/**
 * Theme-Header [liza_menu] — nur Nicht-Canvas (Produkt, Cart, …).
 *
 * Auf Canvas sitzt das Menü in einem Elementor-HTML-Widget; dort clippt
 * der Section-Container Überbreite. Im Theme-Header fehlt dieser Clip —
 * die Nav-Flexzeile / Sticky-ResizeSensor können die Seite aufblasen.
 */

.liza-theme-header-menu {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
	box-sizing: border-box;
}

.liza-theme-header-menu .liza-menu-v3 {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
	box-sizing: border-box;
}

.liza-theme-header-menu .liza-menu-top,
.liza-theme-header-menu .liza-menu-nav {
	max-width: min(100%, var(--liza-menu-max-width, 1400px));
	box-sizing: border-box;
	flex-wrap: wrap;
}

.liza-theme-header-menu .liza-menu-bottom {
	width: 100%;
	max-width: 100%;
	overflow-x: clip;
}

.liza-theme-header-menu .liza-action-banner-v3 {
	max-width: 100%;
	overflow-wrap: anywhere;
	box-sizing: border-box;
}

/* Produktseiten: Sticky-Column ResizeSensor (width:200%) + Menü-Overflow */
body.single-product,
body.single-product #page,
body.single-product #content {
	overflow-x: hidden;
	max-width: 100%;
}

body.single-product .resize-sensor,
body.single-product .resize-sensor-expand,
body.single-product .resize-sensor-shrink {
	overflow: hidden !important;
}

/*
 * ATC + WCPA: Pro-CSS setzt form.cart auf Flex. Ohne Holder klebt der Button rechts.
 * Doppelte Absicherung, falls Layout-Klasse/Holder fehlen.
 */
body.single-product form.cart:not(:has(.e-atc-qty-button-holder)) {
	display: block;
}

body.single-product form.cart .e-atc-qty-button-holder {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	width: 100%;
}