/* Переопределения мобильного хедера — загружать после темы */

/* Сдвиг логотипа в мобилке: меняй только здесь — применится на всех страницах (чуть вправо = например 0 или -8px) */
:root {
	--mobile-logo-margin-start: 0;
}

/* Хедер везде как на Строительстве: на всю ширину, подстраивается под экран (перебивает liquid-merged и тему) */
#header.main-header.main-header-overlay,
body .main-header.main-header-overlay {
	position: absolute !important;
	top: var(--lqd-top-scroll-ind-height, 0) !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	max-width: 100vw !important;
	box-sizing: border-box !important;
}
@media screen and (max-width: 1024px) {
	html.overflow-hidden body .main-header.main-header-overlay,
	html.overflow-hidden #header.main-header.main-header-overlay {
		right: 0 !important;
	}
}

@media screen and (max-width: 992px) {
	.lqd-mobile-sec .navbar-header > * {
		width: 77.33% !important;
	}
	/* Пустой контейнер модулей не показывать (убирает белый квадрат над/рядом с логотипом) */
	.lqd-mobile-sec .lqd-mobile-modules-container.empty {
		display: none !important;
		width: 0 !important;
		min-width: 0 !important;
		max-width: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		margin: 0 !important;
		flex: 0 0 0 !important;
	}
	/* Кнопка меню — только размер кнопки, кликабельна только сама кнопка */
	.lqd-mobile-sec .navbar-header .nav-trigger {
		width: auto !important;
		flex: 0 0 auto !important;
	}
	/* Логотип везде как на Строительстве: слева (перебиваем тему [data-mobile-logo-alignment=center]) */
	.lqd-mobile-sec .navbar-header .navbar-brand,
	body[data-mobile-logo-alignment=center] .lqd-mobile-sec .navbar-brand,
	body[data-mobile-logo-alignment=center] .lqd-mobile-sec .navbar-header .navbar-brand {
		transform: none !important;
		order: -1 !important;
		justify-content: flex-start !important;
		align-items: center !important;
		margin-inline-start: var(--mobile-logo-margin-start) !important;
		margin-inline-end: auto !important;
		flex: 0 0 auto !important;
		width: auto !important;
		max-width: none !important;
	}
	body[data-mobile-logo-alignment=center] .lqd-mobile-sec .navbar-brand-inner {
		margin-inline-start: 0 !important;
		margin-inline-end: 0 !important;
	}
	.lqd-mobile-sec .navbar-header .lqd-mobile-modules-container,
	body[data-mobile-logo-alignment=center] .lqd-mobile-sec .lqd-mobile-modules-container {
		order: 0 !important;
		justify-content: flex-end !important;
	}
	body[data-mobile-logo-alignment=center] .lqd-mobile-sec .lqd-mobile-modules-container:empty ~ .navbar-brand {
		margin-inline-start: var(--mobile-logo-margin-start) !important;
		margin-inline-end: auto !important;
	}
	.lqd-mobile-sec .navbar-header .nav-trigger {
		order: 1 !important;
		margin-inline-start: auto !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}
	.lqd-mobile-sec .navbar-header .nav-trigger .bars-inner {
		width: 32px !important;
		height: 24px !important;
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
	}
	.lqd-mobile-sec .navbar-header .nav-trigger .bar {
		background-color: #fff !important;
		height: 2px !important;
		margin: 0 !important;
		flex-shrink: 0 !important;
	}
}

/* Размер ссылок в мобильном меню: до 1200px. Уникальный класс .av-mobile-nav-links — перебивает тему. */
@media screen and (max-width: 1200px) {
	html body #header .av-mobile-nav-links {
		font-size: 20px !important;
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}
	html body #header .av-mobile-nav-links .av-mobile-nav-link {
		font-size: 20px !important;
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		padding-left: 22px !important;
		padding-right: 22px !important;
		padding-inline-start: 22px !important;
		padding-inline-end: 22px !important;
		line-height: 1.3 !important;
	}
	html body #header .av-mobile-nav-links > li:not(:last-child) {
		margin-bottom: 6px !important;
	}
}

/* Страница /projects: класс .av-projects-nav-two-rows добавляется JS при ширине < 700px — 2 строки номеров */
.av-projects-nav-two-rows {
	min-height: auto !important;
	height: auto !important;
	overflow: visible !important;
}
.av-projects-nav-two-rows ul {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	width: 100% !important;
}
.av-projects-nav-two-rows li {
	flex: 0 0 25% !important;
	width: 25% !important;
	max-width: 25% !important;
	min-width: 25% !important;
	box-sizing: border-box !important;
}
.av-projects-nav-two-rows a {
	flex: 1 1 auto !important;
	padding: 0.55em 0.35em !important;
}