/* =====================================================================
   in-TOP: правки вёрстки меню
   1) ПК: выпадающее мега-меню не выше экрана, длинный список скроллится
   2) Мобильный: панель меню (mmenu) скроллится, пункты читаемы
   Подключается из шаблонов (vn_utp / shablon / vn) после template.css
   ===================================================================== */

/* ---------- 1. ПК: мега-меню ---------- */

#megamenucss .childcontent.adddropdown .childcontent-inner{
	max-height: calc(100vh - 150px);   /* не вылезаем за экран */
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

#megamenucss .childcontent.adddropdown .childcontent-inner::-webkit-scrollbar{width:8px}
#megamenucss .childcontent.adddropdown .childcontent-inner::-webkit-scrollbar-track{background:transparent}
#megamenucss .childcontent.adddropdown .childcontent-inner::-webkit-scrollbar-thumb{
	background:rgba(0,0,0,.18);border-radius:4px
}
#megamenucss .childcontent.adddropdown .childcontent-inner::-webkit-scrollbar-thumb:hover{
	background:rgba(0,0,0,.32)
}

/* колонки мега-меню держат ширину и не разъезжаются */
#megamenucss .childcontent.adddropdown .megacol{
	float:left;
	box-sizing:border-box;
	vertical-align:top;
}

/* длинные пункты в колонках переносятся, а не обрезаются */
#megamenucss .childcontent.adddropdown .megacol ul.megamenu > li > a{
	white-space:normal;
	line-height:1.25;
	height:auto;
}

/* ---------- 2. Мобильное меню (mmenu v5) ---------- */

.mm-panels > .mm-panel{
	overflow-y:auto !important;
	-webkit-overflow-scrolling:touch;
}
.mm-menu{height:100%;box-sizing:border-box}

/* пункты меню на мобильном: в две строки, с нормальными отступами */
.mm-listview > li > a,
.mm-listview > li > span{
	white-space:normal !important;
	line-height:1.3;
	height:auto !important;
	padding-top:10px;
	padding-bottom:10px;
	overflow:visible;
	text-overflow:clip;
}
.mm-listview > li.mm-vertical > .mm-next,
.mm-vertical .mm-listview > li > .mm-next{height:auto}

/* подписи кнопок-стрелок не наезжают на текст */
.mm-listview > li > a{padding-right:44px}

/* ---------- 3. Мобильный мега-меню (когда работает оно, а не панель) ---------- */

@media (max-width:968px){
	#megamenucss .childcontent.adddropdown .childcontent-inner{
		max-height:none;
		overflow:visible;
		width:auto !important;
	}
	#megamenucss .childcontent.adddropdown .megacol{
		float:none;
		width:auto !important;
	}
	ul.level0 > li{display:block}
}