/* ============================================================
   Стили мобильного меню (бургер) — глобально для всех страниц.
   Вынесено из single-blog.css и заскоуплено на .mobile-nav,
   чтобы не задевать другие меню сайта.
   ============================================================ */
@media screen and (min-width: 320px) and (max-width: 1024px) {

	.wd-close-side-opened div#wd-open-back {
		visibility: visible;
		opacity: 1;
		transition-delay: 0s;
		z-index: 994;
	}

	/* Ослаблен селектор относительно оригинала: на части страниц
	   у ящика может не быть wd-left/wd-opener-arrow */
	.mobile-nav.wd-opened {
		z-index: 9999999;
	}

	.mobile-nav ul.sub-menu {
		display: none;
		flex: 1 1 100%;
		order: 3;
		--sub-menu-color: #848484;
		--sub-menu-color-hover: var(--wd-primary-color);
		margin-top: 0;
	}

	.mobile-nav li.menu-item.menu-item-has-children a,
	.mobile-nav li.menu-item a {
		flex: 1 1 0%;
		padding: 5px 20px;
		min-height: 50px;
		border-bottom: 1px solid var(--brdcolor-gray-300);
		color: var(--color-gray-800);
		position: relative;
		display: flex;
		align-items: center;
		flex-direction: row;
		font-weight: normal;
		font-size: 13px;
		line-height: 1.2;
	}

	.mobile-nav .wd-nav > li > a {
		text-transform: none !important;
	}

	.mobile-nav ul.menu li {
		flex: 1 1 100%;
		max-width: 100%;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 0 !important;
	}

	.mobile-nav .menuitem {
		display: none;
	}

	.mobile-nav .menuitem.wd-active {
		display: block;
	}

	.mobile-nav ul.sub-menu li a {
		text-transform: none !important;
		font-size: 14px !important;
		line-height: 1.3 !important;
	}

	span.wd-nav-opener {
		z-index: 99999999;
	}

}