/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Супер-меню уроков - ПК - Слева'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Игорь Лохман'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "../wp-content/plugins/super-style/assets/image/igor-main-author-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Активируйте, чтобы меню уроков и кнопка его открытия были слева.'; */

/* ----------------- */
/* ПАНЕЛЬ УПРАВЛЕНИЯ */
/* ----------------- */

:root {
	
/* ---------------- */
/* ПОЛОЖЕНИЕ КНОПКИ */
/* ---------------- */

	/* Вертикальное смещение кнопки "Список уроков" */
	--ver-shift-button-nav-panel: 0px;

	/* Горизонтальное смещение кнопки "Список уроков" */
	/* Подсказка: настройте под себя, если изменили текст кнопки */
	--gor-shift-button-nav-panel: -18px;
	
	/* Иконка в кнопке "Список уроков" (код шрифта Awesome) */
	/* Пример: "\f13a" - вниз, но получается вправо */
	--show-icon-symbol-button-nav-panel: "\f13a";

/* ----------------------- */
/* ВЫРАВНИВАНИЕ СУПЕР-МЕНЮ */
/* ----------------------- */

	/* Выравнивание меню на странице - Слева */
	/* Важно: не меняйте это значение */
	--align-nav-panel: row;
	
	/* Иконка "Закрыть" в заголовке меню (код шрифта Awesome) */
	/* Пример: "\f137" - влево, "\f00d" - крестик */
	--close-icon-symbol-button-header-nav-panel: "\f137";

		/* Ещё примеры иконок для закрытия меню */
		
		/* content: "\f00d"; */
		/* content: "\f0d9"; */
		/* content: "\f104"; */
		/* content: "\f0db"; */
		/* content: "\f053"; */
		/* content: "\f00b"; */
		/* content: "\f03b"; */
		/* content: "\f060"; */
		/* content: "\f0a8"; */
		/* content: "\f070"; */
		/* content: "\f137"; */
		/* content: "\f190"; */

}

/* ------------------------- */
/* НЕ ТРОГАЙТЕ ВСЁ, ЧТО НИЖЕ */
/* ------------------------- */

/* Только на средних и больших экранах */
/* Начало ограничения экранов */
@media (min-width: 992px) {

/* Примечание: стили перенесены из файла для ПК - nav-panel-pc-css-premium.css */

/* Анимация кнопки "Список уроков" - при ЗАКРЫТИИ меню */

body:not(:has([class*="menu-opened"])) .top-nav-row a.nav-item[data-mbli3-menu-toggle] {
	left: -55px;
	animation-name: showbutton;
	animation-duration: .5s;
}

@keyframes showbutton {
    0% { left: -115px; }
    100% { left: -55px; }
}

/* Анимация кнопки "Список уроков" - при ОТКРЫТИИ меню */

body:has([class*="menu-opened"]) .top-nav-row a.nav-item[data-mbli3-menu-toggle] {
	left: -115px;
	animation-name: hidebutton;
	animation-duration: .5s;
}

@keyframes hidebutton {
    0% { left: -55px; }
    100% { left: -115px; }
}

/* Кнопка "Список уроков" - при наведении и клике */

body .top-nav-row a.nav-item[data-mbli3-menu-toggle]:hover {
    left: -52px;
	/* background: var(--bg-button-hover-nav-panel); */
	/* color: var(--color-button-hover-nav-panel)!important; */
	/* transition: all 0.2s ease-in-out; */
}

/* Иконка внутри кнопки "Список уроков" */

body .top-nav-row .nav-item[data-mbli3-menu-toggle] .iconmoon:before {
	content: var(--show-icon-symbol-button-nav-panel);
}

/* ------------------- */
/* БЛОК ЗАГОЛОВКА МЕНЮ */
/* ------------------- */

body .site-content .menu-opened.mbli3-left-menu .mbli3-menu-close .icon-close:before {
	content: var(--close-icon-symbol-button-header-nav-panel);
}

}
/* Конец ограничения экранов */