/**
 * core/group/section-rounded
 */

.wp-block-group.is-style-section-rounded.has-background {
	--border--width: var(--wp--preset--spacing--20);
	--border--radius: var(--wp--preset--spacing--60);

	position: relative;
	margin-block-start: calc(var(--wp--custom--spacing--rounded-overlap--block-offset) * -1);
	margin-inline: calc((var(--wp--style--root--padding-right) + var(--border--width)) * -1);
	border-radius: var(--border--radius) var(--border--radius) 0 0;
	overflow: visible;
	z-index: 2;
}


.wp-block-group.is-style-section-rounded.has-background.alignfull:not([class*='hero'], [class*='wcs-part-foot'])  {
	--spacing--padding--block: var(--wp--preset--spacing--90);
}

/* Remove bottom background color if last child of sidebar layout has a background */
.wp-block-group.is-style-section-rounded.has-background:has(.wcs-layout-sidebar__content > .has-background:last-child)  {
	padding-block-end: 0;
}

/* Add top arrow */
.wp-block-group.is-style-section-rounded::before {
	--arrow--block-size: 24px;
	--arrow--inline-size: 118px;

	display: block;
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 50%;
	rotate: 180deg;
	translate: -50% calc(var(--border--width) * -1 - var(--arrow--block-size) + 1px);

	/* Rotated triangle so could inherit parent's border-block-start color */
	border-block-start: var(--arrow--block-size) solid;
	border-block-start-color: inherit;
	border-inline: calc(var(--arrow--inline-size) / 2) solid transparent;
	content: '';
}

.wp-block-group.is-style-section-rounded.has-no-arrow::before {
	display: none;
}

@media (width >= 768px) {
	.wp-block-group.is-style-section-rounded.has-background.alignfull:not([class*='hero'], [class*='wcs-part-foot'])  {
		--spacing--padding--block: var(--wp--preset--spacing--120);
	}
}

@media (width >= 1024px) {
	.wp-block-group.is-style-section-rounded.has-background.alignfull {
		--border--radius: var(--wp--preset--spacing--90);
	}

	/* When first child is a sidebar layout, remove padding-block */
	.wp-block-group.is-style-section-rounded.has-background:has(> .wp-block-columns.wcs-layout-sidebar:first-child) {
		padding-block: 0;
	}

	.wp-block-group.is-style-section-rounded.has-background > .wp-block-columns.wcs-layout-sidebar:first-child > .wp-block-column {
		--spacing--padding--block: var(--wp--preset--spacing--90);

		padding-block: var(--spacing--padding--block);
	}
}

/* Disable top margin overlap when editor has focus */
.is-root-container:has(.is-selected) .wp-block-group.is-style-section-rounded {
	margin-block-start: 0 !important;
}