/* Blog header on small screens (blog.wuko.ai, theme blockbase 3.1.x).
   assets/ponyfill.css sets `.site-brand { display: contents }` and
   `.wp-block-site-logo { flex-basis: 100% }` below 600px, which lifts the logo
   out of the brand group and stacks it above the menu button. Keep the header
   on one row: logo left, menu button right. Enqueued after the theme stylesheet
   by the wuko-blog-header-fix mu-plugin; selectors are one level deeper than
   the theme's so they win on specificity too. */
@media ( max-width: 599px ) {
	.wp-site-blocks .site-header {
		align-items: center;
	}

	.wp-site-blocks .site-header .wp-block-group.site-brand {
		align-items: center;
		display: flex;
		flex: 0 0 auto;
	}

	.wp-site-blocks .site-header .wp-block-group.site-brand .wp-block-site-logo {
		flex-basis: auto;
		margin-bottom: 0;
		margin-top: 0;
		text-align: left;
	}
}