/**
 * Home shell — matches roots_bar/preview/index.html body background.
 * Category nav overrides live in roots-nav-preview.css (loads last).
 */

.roots-bar-main {
	background: var(--roots-bg-page);
	margin: 0;
	padding: 0;
	max-width: none;
}

.roots-bar-main > .wp-block-roots-bar-roots-menu,
.roots-bar-main > .roots-menu {
	display: block;
	margin: 0;
	width: 100%;
}

.roots-bar-main .roots-menu__inner {
	padding-top: 0;
}

/* Space between external category grid and hero (preview: nav margin + inner padding) */
.roots-bar-main > .wcg-category-grid + #roots-menu .roots-hero,
.roots-bar-main > .wcg-category-grid + .roots-menu .roots-hero {
	margin-top: 0;
}

@media (min-width: 1024px) {
	.roots-bar-main {
		background: var(--roots-bg-warm);
	}
}