/* ── Shape Dividers ──────────────────────────────────────────────────────────── */
/* Applies to core/cover, core/group, and core/columns. */

/* Frontend: block wrapper */
.wp-block-cover.has-le-shape-divider,
.wp-block-group.has-le-shape-divider,
.wp-block-columns.has-le-shape-divider {
	position: relative;
}

/* Editor: HOC wrapper provides the positioning context */
.le-shape-divider-host {
	position: relative;
}

/* Absolutely positioned at the block edge, clipping any overflow-width SVG */
.le-shape-divider {
	position: absolute;
	left: 0;
	right: 0;
	overflow: hidden;
	line-height: 0;
	pointer-events: none;
	z-index: 2;
}

.le-shape-divider--top    { top: 0; }
.le-shape-divider--bottom { bottom: 0; }

.le-shape-divider svg { display: block; }

/* Raise cover's inner content above the shape (frontend and editor) */
.wp-block-cover.has-le-shape-divider .wp-block-cover__inner-container,
.le-shape-divider-host .wp-block-cover__inner-container {
	position: relative;
	z-index: 3;
}
