@use "../abstracts/mixins";

.content-sidebar-wrap {
	width: calc(100% - calc(var(--side-spacing) * 2));
	max-width: var(--wrap-max-width);
	margin: var(--content-sidebar-wrap-margin-top) auto var(--content-sidebar-wrap-margin-bottom);

	@include mixins.mq(lg) {

		.content-sidebar &,
		.sidebar-content & {
			display: grid;
			grid-template-columns: var(--content-sidebar-wrap-columns, 1fr);
			column-gap: var(--content-sidebar-gap);
		}
	}

	> .content > .entry > .entry-wrap > .entry-content:first-child > .alignfull:first-child,
	> .content > .entry > .entry-wrap > .entry-content:first-child > :where(script, style):first-child + .alignfull,
	> .content > .entry > .entry-wrap > .entry-content:first-child > :where(script, style):first-child + :where(script, style) + .alignfull {
		margin-top: var(--alignfull-first-margin-top, calc(var(--content-sidebar-wrap-margin-top) * -1));
	}

	> .content > .entry > .entry-wrap:last-child > .entry-content > .alignfull:last-child {
		margin-bottom: var(--alignfull-first-margin-bottom, calc(var(--content-sidebar-wrap-margin-bottom) * -1));
	}
}

.content-sidebar {

	@include mixins.mq(lg) {
		--content-sidebar-wrap-columns: minmax(10px, 1fr) var(--sidebar-width);
	}
}

.sidebar-content {

	@include mixins.mq(lg) {
		--content-sidebar-wrap-columns: var(--sidebar-width) minmax(10px, 1fr);
	}
}