/*
 * theme.css — owned by stream A (theme). Fixes for the WordPress wrappers around the page CHROME only, so the
 * DOM behaves like Astro's `body.flex.flex-col > banner, header.sticky, main.flex-1, footer, call bar`.
 * Content-block fixes belong in wp-bridge.css (stream B), which loads after this file.
 *
 * Unlayered on purpose: site.css (Astro/Tailwind) lives in cascade layers, and unlayered rules always win.
 */

/* A block theme wraps everything in div.wp-site-blocks and each template part in div.wp-block-template-part.
   `display: contents` removes both boxes, so body's flex column sees banner/header/main/footer/call bar as
   direct children (main.flex-1 fills the height, and the sticky header sticks for the whole page). */
.wp-site-blocks,
.wp-site-blocks > .wp-block-template-part {
	display: contents;
}

/* Logged-in users only: keep the sticky header below the WordPress admin bar. */
.admin-bar header.sticky {
	top: 32px;
}
@media screen and (max-width: 782px) {
	.admin-bar header.sticky {
		top: 46px;
	}
}
@media screen and (max-width: 600px) {
	.admin-bar header.sticky {
		top: 0;
	}
}