/**
 * LiveHub Elementor widgets — front-end normalisation.
 *
 * Keep the theme's own centered container (max-width + auto margins) so
 * every LiveHub widget's content sits centered with proper side gutters,
 * on desktop and mobile alike — instead of stretching flush to the column
 * edge. We only guarantee the centering; the theme sets the max-width.
 *
 * @package Zahra
 */

[class*="elementor-widget-zahra-"] .zh-container {
	margin-inline: auto;
}

/* Sections render a full-width <section>; drop the theme's outer vertical
   margins inside Elementor so spacing between stacked widgets stays even. */
[class*="elementor-widget-zahra-"] > .elementor-widget-container > section {
	margin-top: 0;
	margin-bottom: 0;
}

/* Flash Sale: full-bleed background band inside a (possibly boxed) Elementor
   section, while the products stay in their centered .zh-container. */
.elementor-widget-zahra-flash-sale .zh-flash-sale--full {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}