/**
 * core/columns/split
 */
.wp-block-columns.wcs-layout-sidebar {
	--sidebar--spacing--gap--row: var(--wp--preset--spacing--90);
	--sidebar--spacing--gap--column: clamp(4.5rem, 1.0714rem + 5.3571vw, 6rem);
	--sidebar--grid--template-columns: 1fr;
	--sidebar--width: 0px;

	display: grid;
	grid-template-columns: var(--sidebar--grid--template-columns);
	gap: var(--sidebar--spacing--gap--row) var(--sidebar--spacing--gap--column);
}

.wp-block-columns.wcs-layout-sidebar :where(.wcs-layout-sidebar__side, .wcs-layout-sidebar__content) {
	inline-size: 100%;
	margin-block: 0;
}

/* Mobile Nav */
.wp-block-details.wcs-layout-sidebar__nav-mobile {
	margin: 0;
}

.wp-block-details.wcs-layout-sidebar__nav-mobile .wp-block-template-part {
	margin-block: var(--wp--preset--spacing--50) 0;
}

/* Hide the heading in the mobile nav */
.wcs-layout-sidebar__nav-mobile > .wp-block-group > .wp-block-heading {
	display: none;
}

.wcs-layout-sidebar__nav-mobile-subtitle {
	color: var(--wp--preset--color--contrast);
	font-size: 1rem;
}

.has-base-2-50-background-color .wcs-layout-sidebar__side .wp-block-details.is-style-dropdown summary {
	background-color: var(--wp--preset--color--base-2-50);
}

.wcs-layout-sidebar .wp-block-eh-parent-link {
	margin-block-end: 0;
	text-align: start;
}

/* Mobile icon */

.wcs-layout-sidebar__nav-mobile > .wp-block-group {
	margin-block: 0;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
	background-color: var(--wp--preset--color--base);
	filter: drop-shadow(0 10px 20px rgb(0 0 0 / 16%));
	will-change: filter;
}

/* Hide desktop nav */
.wcs-layout-sidebar__nav:not(.block-editor-block-list__block) {
	display: none;
}

/* Remove padding from first child if it has a background */
.wcs-layout-sidebar__content:has(> .alignfull.has-background:first-child) {
	padding-block-start: 0 !important;
}

.wcs-layout-sidebar__content:has(> .alignfull.has-background:last-child) {
	padding-block-end: 0 !important;
}

/* Extend background of full-width elements to end of screen */
.wcs-layout-sidebar__content .alignfull.has-background {
	--group--dimensions--inline-size: calc(100% + var(--wp--custom--root--padding-offset));
	--group--spacing--padding-inline: var(--wp--style--root--padding-left) var(--wp--style--root--padding-right);
	--group--spacing--margin-inline-start: calc(var(--wp--style--root--padding-left) * -1);

	inline-size: var(--group--dimensions--inline-size) !important;
	max-inline-size: var(--group--dimensions--inline-size) !important;
	margin-inline-start: var(--group--spacing--margin-inline-start);
	padding-block: var(--wp--preset--spacing--90);
	padding-inline: var(--group--spacing--padding-inline) !important;
}

@media (width >= 1024px) {
	.wp-block-columns.wcs-layout-sidebar {
		--sidebar--width: 255px;
		--sidebar--grid--template-columns: var(--sidebar--width) minmax(0, 1fr);

		display: grid;
	}

	/* Sidebar */
	.wcs-layout-sidebar__side {
		position: static;
		grid-column: 1 / 2;
		padding-inline: 0 var(--wp--preset--spacing--60);
		background-color: var(--wp--preset--color--base);
		border-inline-end: 1px solid var(--wp--preset--color--base-3);
		z-index: 2;
	}

	.wcs-layout-sidebar__side:not(.block-editor-block-list__layout)::before {
		display: block;
		position: absolute;
		inset-block-start: 0;
		inset-inline-start: 0;
		block-size: 100%;
		inline-size: calc(var(--sidebar--width) + var(--wp--custom--spacing--gutter-size) - 10px);
		background-color: var(--wp--preset--color--base);
		border-start-start-radius: 56px;
		content: '';
	}

	/* Show desktop nav */
	.wcs-layout-sidebar__nav:not(.block-editor-block-list__block) {
		display: block;
		position: sticky;
		inset-block-start: calc(var(--wp--custom--head--dimensions--height) + var(--wp--preset--spacing--60) + var(--wp--custom--top--offset, 0px));
	}

	/* Hide mobile nav */
	.wcs-layout-sidebar__nav-mobile {
		display: none;
	}

	/* Content */
	.wcs-layout-sidebar__content {
		grid-column: 2 / 3;
		margin: 0;
		z-index: 1;
	}

	/* Force full-width elements to take up the full width of the container */
	.wcs-layout-sidebar__content *:where(.alignwide) {
		inline-size: 100%;
		max-inline-size: 100%;
	}

	/* Limit the width of non-full-width elements */
	.wcs-layout-sidebar__content *:not(.alignwide, [class*='swiper'], img) {
		max-inline-size: var(--wp--custom--width--narrow);
	}

	/* Force full-width elements to take up the full width of the container */
	.wcs-layout-sidebar__content *:where(.alignwide) *:not(.alignwide) {
		max-inline-size: 100% ;
	}

	.wcs-layout-sidebar__content .alignfull.has-background {
		--group--dimensions--inline-size: calc(100% + var(--sidebar--spacing--gap--column) + var(--wp--custom--spacing--gutter-size));
		--group--spacing--padding-inline: var(--sidebar--spacing--gap--column) var(--wp--custom--spacing--gutter-size);
		--group--spacing--margin-inline-start: calc(var(--sidebar--spacing--gap--column) * -1);
	}

	.wcs-layout-sidebar__content > .alignfull.has-background:first-child {
		border-start-end-radius: 58px !important;
	}
}

@media (width < 1023px) {

	/* Pull column up if first-child has background */
	.wcs-layout-sidebar__content > .alignfull.has-background:first-child {
		margin-block-start: calc(var(--wp--preset--spacing--30) * -1) !important;
		border-radius: 0 !important;
	}
}