/**
 * Layout scaffolding for the "Page with section sidebar" template.
 * Only the column behaviour lives here — the nav styles itself.
 */

.page-with-navbar {
	align-items: flex-start;
	max-width: 1260px !important;
}

.page-with-navbar__aside {
	/* Clear a sticky admin bar / theme header. Override in your theme if needed. */
	max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - 3rem);
	overscroll-behavior: contain;
}

.page-with-navbar__aside > aside {
	position: sticky;
	top: calc(var(--wp-admin--admin-bar--height, 0px) + 7rem);
}

@media (max-width: 781px) {
	.page-with-navbar__aside {
		position: static;
		max-height: none;
		overflow: visible;
	}
}