/* BlueWave Wave Divider — scoped under .bw-wave-divider-wrap */
.bw-wave-divider-wrap {
	display: block;
	width: 100%;
	line-height: 0;
	background: transparent;
	overflow: hidden;
}
.bw-wave-divider {
	display: block;
	width: 100%;
	height: 80px;
	background: transparent;
}

/* Default (bottom-of-section dip):
   negative bottom margin closes the 1px seam against the next section. */
.bw-wave--seam-yes .bw-wave-divider { margin-bottom: -1px; }

/* Flipped — for top-of-section orientation (wave dips DOWN from the section above).
   When flipped, the seam is at the top instead. */
.bw-wave--flipped-yes .bw-wave-divider {
	transform: scaleY(-1);
	transform-origin: center;
}
.bw-wave--seam-yes.bw-wave--flipped-yes .bw-wave-divider {
	margin-bottom: 0;
	margin-top: -1px;
}

/* Horizontal flip — useful for alternating crests between sections. */
.bw-wave--mirrored-yes .bw-wave-divider {
	transform: scaleX(-1);
}
/* Combined flip (both axes). */
.bw-wave--mirrored-yes.bw-wave--flipped-yes .bw-wave-divider {
	transform: scale(-1, -1);
}

/* ----------------------------------------------------------------------------
 * Full viewport width — break the widget out of its container's gutters so the
 * wave runs edge-to-edge regardless of the parent's max-width or padding.
 * Targets the Elementor widget wrapper directly (the prefix_class is added there).
 * -------------------------------------------------------------------------- */
.bw-wave--full-yes {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc((100% - 100vw) / 2) !important;
	margin-right: calc((100% - 100vw) / 2) !important;
	box-sizing: border-box;
}
/* Also zero out the inner Elementor container padding so the SVG truly fills. */
.bw-wave--full-yes > .elementor-widget-container {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ----------------------------------------------------------------------------
 * Remove vertical spacing — zero the widget's own margin and the inner
 * widget-container padding. The parent container's row "gap" (Advanced →
 * Layout) must also be 0 to fully eliminate spacing between siblings.
 * -------------------------------------------------------------------------- */
.bw-wave--nogap-yes {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.bw-wave--nogap-yes > .elementor-widget-container {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.bw-wave--nogap-yes .bw-wave-divider-wrap { line-height: 0; }
.bw-wave--nogap-yes .bw-wave-divider { display: block; vertical-align: top; }