/*
 * Smooth-scroll for the docs TOC (parts/docs-toc.html) jumping to each
 * numbered section. Scoped to the docs page only via this file's own
 * is_page('docs') enqueue gate in functions.php — do not move this to a
 * site-wide stylesheet.
 */
html {
	scroll-behavior: smooth;
}

/*
 * Sticky docs TOC — theme.json's settings.position.sticky support only
 * reaches TOP-LEVEL template blocks. This TOC sits inside a Columns block
 * (parts/docs-toc.html), so that control never appears for it and plain CSS
 * is the only way to pin it. See CLAUDE.md step 7 notes — this is the
 * correct approach, not a workaround.
 */
.storemapify-docs-toc {
	position: sticky;
	top: var(--wp--preset--spacing--90);
}

/*
 * Below this width core's own Columns block stacks the TOC above the body
 * content (its built-in mobile behavior, not something this theme adds —
 * see wp-includes/blocks/columns/style.min.css). A stacked, full-width link
 * list has no business staying pinned mid-scroll, so drop the sticky
 * behavior at the same breakpoint core uses to stack.
 */
@media (max-width: 781px) {
	.storemapify-docs-toc {
		position: static;
		top: auto;
	}
}