/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}

.mobile-menu-accordion .submenu {
    max-height: 0; /* Изначально подменю скрыто и имеет нулевую высоту */
    overflow: hidden;
    transition: max-height 0.35s ease-out; /* Плавный переход для высоты */
    background-color: #f8f8f8; /* Можно добавить фон для вложенных пунктов */
}

/* Когда родительский элемент активен, показываем подменю */
.mobile-menu-accordion .accordion-item.active .submenu {
    /* Высота будет установлена через JS для точного значения */
}

.mobile-menu-accordion .accordion-trigger .fas {
    transition: transform 0.35s ease-out; /* Плавный переход для поворота иконки */
}

/* Поворачиваем иконку в активном состоянии */
.mobile-menu-accordion .accordion-item.active .accordion-trigger .fa-chevron-down {
    transform: rotate(180deg);
}

.mobile-menu-accordion .accordion-item.active .accordion-trigger .fa-chevron-up {
    transform: rotate(180deg);
}