/* Neutralise the block theme's layout wrappers.
   Twenty Twenty-Five wraps everything in .wp-site-blocks with root padding and
   a constrained content width, which crushes a full-bleed imported design.
   theme.json handles the settings side; this handles the leftover CSS. */

.wp-site-blocks,
.wp-site-blocks > *,
.is-layout-flow,
.is-layout-constrained,
.wp-block-template-part,
.wp-block-post-content,
.wp-block-html {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}

.wp-site-blocks {
	padding: 0;
}

/* The design paints its own background on <body>; the block theme sets one too. */
body.wp-singular {
	background: #f7f4ee;
}

/* Push the design's sticky category nav below the admin bar when it is showing. */
body.admin-bar #dc-root nav[style*="sticky"],
body.admin-bar #dc-root [style*="position: sticky"] {
	top: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar #dc-root nav[style*="sticky"],
	body.admin-bar #dc-root [style*="position: sticky"] {
		top: 46px;
	}
}

/* Until the runtime boots, the raw <x-dc> template must not flash on screen. */
x-dc {
	display: none;
}
