/**
 * Pumwani Builder — header & footer template parts.
 *
 * Part markup deliberately reuses the theme's header/footer classes
 * (.topbar, .site-header, .footer-grid, .footer-newsletter …), so the
 * theme stylesheet does nearly all of the visual work. This file only
 * covers what the theme classes do not: document-node wrappers inside
 * flex rows, the standalone part preview sample strip, and small
 * editor affordances.
 */

/* Document node wrappers must not break the theme's flex rows. */
.topbar .pmh-node,
.nav-wrap .pmh-node,
.nav-cta .pmh-node,
.footer-grid .pmh-node {
	min-width: 0;
}
.topbar-left > .pmh-node,
.topbar-right > .pmh-node {
	display: inline-flex;
	align-items: center;
}
.nav-cta > .pmh-node {
	display: inline-flex;
	align-items: center;
}
.footer-grid > .pmh-node > .pmh-node + .pmh-node {
	margin-top: 14px;
}

/* Standalone preview (Builder → secure public preview of a part). */
.pmh-part-sample {
	padding: 72px 0 96px;
	background: #f4f8f5;
}
.pmh-part-sample h1 {
	margin: 0 0 10px;
	font-size: 30px;
	color: #07331f;
}
.pmh-part-sample p {
	color: #40584c;
	max-width: 560px;
}

/* Canvas: make placed header/footer blocks easy to spot. */
.pmh-builder-partpick {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.pmh-builder-partpick a {
	font-weight: 600;
}