/*
 * Header navigation breakpoint and desktop one-line layout.
 * These rules are limited to the site header and do not affect content containers.
 */

@media (min-width: 1255px) {
	#site-header-container.site-header-container {
		width: 100%;
		max-width: none;
		padding-right: 8px;
		padding-left: 8px;
	}

	.site-header--layout--nav-float .site-header-logo {
		flex: 0 0 auto;
		width: auto;
		margin-right: 6px;
		font-size: 20px;
	}

	#global-nav.global-nav--layout--float-right {
		flex: 0 0 auto;
	}

	#global-nav .global-nav-list {
		gap: 0;
	}

	body.device-pc #global-nav .global-nav-list > li > a {
		padding-right: 5px;
		padding-left: 5px;
	}
}

/* Extend Lightning's existing mobile-header state through 1269px. */
@media (min-width: 993px) and (max-width: 1254px) {
	body #global-nav.global-nav {
		display: none;
	}

	.site-header--layout--nav-float .site-header-container {
		display: block;
		overflow: hidden;
	}

	.site-header-logo {
		padding-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 21px;
		text-align: center;
		white-space: normal;
	}

	.site-header--layout--nav-float .site-header-logo {
		margin-right: 0;
	}

	.site-header--layout--nav-float .site-header-logo a {
		margin-right: auto;
		margin-left: auto;
	}

	.site-header-logo img {
		max-height: 50px;
	}

	.site-header-sub {
		display: none;
	}

	body.device-pc .vk-mobile-nav-menu-btn,
	body.device-pc .vk-mobile-nav {
		display: block;
	}
}