/**
 * Главное меню: ховер, мобильные подменю (бургер — только фильтры GP в functions.php).
 */

/* --- Десктоп: hover с контрастным текстом --- */
@media (min-width: 1150px) {
	.main-navigation .main-nav > ul > li > a {
		transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
		border-radius: 4px;
	}

	.main-navigation .main-nav > ul > li > a:hover,
	.main-navigation .main-nav > ul > li > a:focus {
		color: #fff !important;
		background-color: #1e98ff;
		box-shadow: none;
	}

	.main-navigation .main-nav > ul > li.current-menu-item > a,
	.main-navigation .main-nav > ul > li.current-menu-ancestor > a {
		background-color: rgba(30, 152, 255, 0.12);
		box-shadow: inset 0 -2px 0 #1e98ff;
	}

	.main-navigation .main-nav > ul > li.current-menu-item > a:hover,
	.main-navigation .main-nav > ul > li.current-menu-ancestor > a:hover {
		color: #fff !important;
		background-color: #1e98ff;
	}

	.main-navigation .main-nav ul ul li a:hover,
	.main-navigation .main-nav ul ul li a:focus {
		color: #fff !important;
		background-color: #1e98ff;
	}

	/* ЛК: только иконка, фон как у остальных пунктов (класс lk-button в админке WP) */
	.main-navigation .main-nav > ul > li.lk-button > a {
		padding-left: 14px;
		padding-right: 14px;
	}

	.lk-button--mobile-bar {
		display: none !important;
	}

	.activation-button--mobile-bar {
		display: none !important;
	}
}

/* --- Мобильное меню до 1150px: один бургер, подменю --- */
@media (max-width: 1149px) {
	/* Дубль «Меню» в #site-navigation — бургер только в mobile-menu-control-wrapper */
	#site-navigation .inside-navigation > .menu-toggle {
		display: none !important;
	}

	.main-navigation .menu-item-has-children .dropdown-menu-toggle:hover,
	.main-navigation .menu-item-has-children .dropdown-menu-toggle:focus {
		background-color: rgba(30, 152, 255, 0.15);
	}

	/* Мобильные пункты: светлый текст на тёмном фоне шапки */
	.main-navigation .main-nav ul li a:hover,
	.main-navigation .main-nav ul li a:focus {
		color: #fff !important;
		background-color: rgba(30, 152, 255, 0.85);
	}

	/* Мобильная шапка: ЛК - активация - поиск - бургер (kzn-site-nav.js) */
	#mobile-menu-control-wrapper,
	.mobile-menu-control-wrapper {
		display: flex !important;
		align-items: stretch;
		justify-content: flex-end;
		flex-wrap: nowrap;
		gap: 0;
		margin-left: auto;
	}

	#mobile-menu-control-wrapper > .lk-button--mobile-bar {
		order: 1;
		display: flex !important;
		align-items: center;
		flex-shrink: 0;
		margin-right: 6px;
	}

	#mobile-menu-control-wrapper > .activation-button--mobile-bar {
		order: 2;
		display: flex !important;
		align-self: stretch;
		flex-shrink: 0;
		margin-right: 6px;
	}

	#mobile-menu-control-wrapper > .menu-bar-items {
		order: 3;
		display: flex !important;
		align-items: center;
		margin: 0;
		margin-right: 6px;
	}

	#mobile-menu-control-wrapper > .menu-toggle {
		order: 4;
		display: flex;
		align-items: center;
		flex-shrink: 0;
	}

	.lk-button--mobile-bar > a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding-left: 14px;
		padding-right: 14px;
		text-decoration: none !important;
		color: var(--contrast-3);
	}

	.lk-button--mobile-bar > a:hover,
	.lk-button--mobile-bar > a:focus {
		color: var(--contrast-3) !important;
		background: none !important;
	}

	/* Иконка карты: красный фон на всю высоту строки меню (как десктоп) */
	.activation-button--mobile-bar > a {
		display: flex;
		align-items: center;
		justify-content: center;
		align-self: stretch;
		height: 100%;
		box-sizing: border-box;
		padding-left: 14px;
		padding-right: 14px;
		text-decoration: none !important;
		background-color: #f25041;
		color: #fff !important;
		border-radius: 0;
		line-height: 1;
	}

	.activation-button--mobile-bar > a:hover,
	.activation-button--mobile-bar > a:focus {
		background-color: #d94436 !important;
		color: #fff !important;
	}

	.activation-button--mobile-bar .visuallyhidden {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border: 0;
	}

	.activation-button--mobile-bar i._mi {
		font-size: 1.05em;
		line-height: 1;
	}

	html.lk-button-mobile-ready #site-navigation .main-nav > ul > li.lk-button {
		display: none !important;
	}

	html.activation-button-mobile-ready #site-navigation .main-nav > ul > li.activation-button {
		display: none !important;
	}
}
