/**
 * Header row — logo, centred navigation, actions.
 *
 * A plain class written by parts/header.html, not a Group block style: a block
 * style shows on every Group's Styles panel, and this layout only means
 * something in the header.
 *
 * The navigation is taken out of flow and centred on the row, so it stays
 * centred however wide the logo and the actions are.
 */
.wp-block-group.header-row {
	position: relative;
}

.wp-block-group.header-row > .wp-block-navigation {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

@media (width <= 64rem) {
	.wp-block-group.header-row > .wp-block-navigation {
		position: static;
		transform: none;
	}
}

@media (width <= 48rem) {
	.wp-block-group.header-row > .wp-block-navigation {
		order: 10;
	}
}