/*
 * Shared layout guard for the live-market family of sites.
 * The same header geometry is used on the homepage, pages, archives and posts.
 */
@media (min-width: 993px) {
	.site-header .header-inner,
	.home .site-header .header-inner {
		display: flex;
		align-items: center;
		gap: clamp(14px, 1.8vw, 26px);
	}

	.site-header .brand,
	.home .site-header .brand {
		min-width: 0;
		max-width: 300px;
		flex: 0 1 auto;
		overflow: hidden;
	}

	.site-header .brand-name,
	.home .site-header .brand-name {
		white-space: nowrap;
	}

	.site-header .primary-nav,
	.home .site-header .primary-nav {
		min-width: 0;
		margin-left: auto;
		margin-right: 0;
	}

	.site-header .nav-menu,
	.home .site-header .nav-menu {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: clamp(9px, 1.3vw, 22px);
		min-width: 0;
		flex-wrap: nowrap;
	}

	.site-header .nav-menu > li,
	.home .site-header .nav-menu > li {
		flex: 0 0 auto;
	}

	.site-header .nav-menu a,
	.home .site-header .nav-menu a {
		white-space: nowrap;
		word-break: keep-all;
		line-height: 1;
	}

	.site-header .header-actions,
	.home .site-header .header-actions {
		flex: 0 0 auto;
	}
}

@media (min-width: 993px) and (max-width: 1280px) {
	.site-header .header-actions,
	.home .site-header .header-actions {
		display: none;
	}

	.site-header .nav-menu,
	.home .site-header .nav-menu {
		gap: clamp(8px, 1.25vw, 14px);
	}

	.site-header .nav-menu a,
	.home .site-header .nav-menu a {
		font-size: 13px;
	}
}

@media (max-width: 992px) {
	.site-header .brand,
	.home .site-header .brand {
		min-width: 0;
		max-width: calc(100vw - 96px);
		overflow: hidden;
	}

	.site-header .nav-menu a,
	.home .site-header .nav-menu a {
		white-space: normal;
		word-break: keep-all;
	}
}