/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Мои курсы и Избранное 2.0'; */

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

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

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Новая, более удобная стилизация кнопок переключения Избранных и Купленных товаров в Каталоге. Эти кнопки особенно красиво смотрятся с дополнением «Хлебные крошки и Прогресс».'; */

/* ----------------- */
/* НАСТРОЙКИ ДИЗАЙНА */
/* ----------------- */

:root {

/* Фон Иконки "Сердечко" на Товаре */
--bg-fav-course-fav: #FEF7F7;

/* Закругление фона сердечка */
--radius-bg-fav-course-fav: 50%;

/* Закругление кнопок "Мои курсы" и "Избранное" */
--radius-buttons-course-fav: 10px;

/* Фон кнопки "Мои курсы"  */
--bg-my-courses-course-fav: #65BF49;

/* Цвет Текста кнопки "Мои курсы"  */
--color-text-my-courses-course-fav: #ffffff;

/* Фон кнопки "Избранное" */
--bg-favorites-course-fav: #0AA0FF;

/* Цвет Текста кнопки "Избранное" */
--color-text-favorites-course-fav: #ffffff;

/* Осветление АКТИВНОЙ ТЕКУЩЕЙ кнопки "Мои курсы" и "Избранное" - при наведении */
--bg-buttons-hover-course-fav: 0.9;

/* Цвет АКТИВНОЙ Иконки "Избранное" и "Мои курсы" в Меню */
--color-icon-menu-active-course-fav: #FFFD82;

/* Иконка кнопки "Мои курсы" под Хлебными крошками и в Меню */
/* Выберите код иконки на сайте:
http://zornet.ru/ABVUN/Abas/degakolas/dsanu/Awesome.html */
/* "\f091" - кубок, "\f09c" - открытый замок (по умолчанию) */
--icon-my-courses-course-fav: "\f09c";

/* Текст АКТИВНОЙ ТЕКУЩЕЙ кнопки "Мои курсы" */
--text-my-courses-active-course-fav: 'Мои сокровища';

/* Текст АКТИВНОЙ ТЕКУЩЕЙ кнопки "Избранное"  */
--text-favorites-active-course-fav: 'Моё избранное';

/* Текст 3-ей кнопки на странице "Мои курсы"  */
/* Пояснение: эта кнопка ведёт в материалы товара, который пользователь уже купил */
--text-button-lessons-course-fav: 'Смотреть уроки';

/* Выравнивание кнопок - на Больших экранах */
/* left - СЛЕВА, center - ЦЕНТР, end - СПРАВА */
--align-big-screen-course-fav: center;

/* Цвет последней ссылки в Хлебных крошках */
/* Если нажать на "Мои курсы" или "Избранное" */
--color-last-breadcrumbs-course-fav: #0AA0FF;

/* Цвет последней ссылки в Хлебных крошках - при наведении */
--color-last-breadcrumbs-hover-course-fav: #FF8D11;

}

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

/* НЕАКТУАЛЬНЫЕ ПЕРЕМЕННЫЕ */
/* ----------------------- */

/* Фон АКТИВНОЙ ТЕКУЩЕЙ кнопки "Мои курсы" и "Избранное" + При наведении */
/* --bg-buttons-hover-active-course-fav: #ff992a; */

/* Цвет Текста АКТИВНОЙ ТЕКУЩЕЙ кнопки "Мои курсы" и "Избранное" + При наведении */
/* --color-text-buttons-hover-active-course-fav: #ffffff; */

/* ------------------------------------------------------------- */
/* ДИЗАЙН КАТАЛОГА КУРСОВ НА СТРАНИЦАХ «МОИ КУРСЫ» и «ИЗБРАННОЕ» */

/* Убираем кнопку "Перейти к урокам" в общем Каталоге и в "Избранном" */
/* display: none; - со сдвигом высоты Карточки */
/* visibility: hidden!important; - без сдвига высоты Карточки */

/* .shop-row .shop-single-product .to-lessons-btn {
	display: none;
} */

/* Оставляем кнопку "Перейти к урокам" на странице "Мои курсы" */

/* .mkk-my-courses-page .shop-row .shop-single-product .to-lessons-btn {
	display: block;
} */

/* Корректировка последней ссылки в Хлебных крошках */
/* Если нажать на "Мои курсы" или "Избранное" */
/* ------------------------------------------ */

.breadcrumbs-wrap .breadcrumbs .item.mkk_not_current:last-child,
.breadcrumbs-wrap .breadcrumbs .item.mkk_not_current:last-child .iconmoon {
	color: var(--color-last-breadcrumbs-course-fav);
}

.breadcrumbs-wrap .breadcrumbs .item.mkk_not_current:last-child:hover,
.breadcrumbs-wrap .breadcrumbs .item.mkk_not_current:last-child:hover .iconmoon {
	color: var(--color-last-breadcrumbs-hover-course-fav);
}

/* ------------------------------------------------------ */
/* КНОПКИ "МОИ КУРСЫ" И "ИЗБРАННОЕ" ПОД ХЛЕБНЫМИ КРОШКАМИ */
/* ------------------------------------------------------ */

/* Контейнер обёртки с кнопками */

.breadcrumbs-row.mkk_nav .mkk_nav_wrap {
	display: flex;
    align-items: center;
	/* margin-top: 30px; */
	margin: 40px 0 20px 0;
	background: none;
}

/* Контейнер обёртки с кнопками - на Маленьких экранах */

@media (max-width: 767px) {

.breadcrumbs-row.mkk_nav .mkk_nav_wrap {
	margin: 30px 0 10px 0;
}	
}

/* Обёртка с кнопками */

.breadcrumbs-row.mkk_nav .mkk_nav_inner {
	display: flex;
	gap: 20px;
	flex-flow: row;
	flex-wrap: wrap;
	flex: auto !important;
	/* выравнивание кнопок на больших экранах */
    justify-content: var(--align-big-screen-course-fav);
	padding: 0 !important;
	/* для отображения стрелки под активной кнопкой */
	overflow: visible;
}

/* Обёртка с кнопками - на Маленьких экранах */

@media (max-width: 767px) {

.breadcrumbs-row.mkk_nav .mkk_nav_inner {
	gap: 15px;
	flex-flow: column;
	/* выравнивание кнопок на мобильных */
	/* align-items: center; */
}

/* Меняем порядок активной кнопки со стрелкой - на Маленьких экранах */

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item.current {
	order: 1;
}
}

/* ОБЩИЙ ДИЗАЙН КНОПОК "МОИ КУРСЫ" И "ИЗБРАННОЕ" */
/* --------------------------------------------- */

/* Отдельная кнопка */

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item {
    display: flex;
	gap: 5px;
	align-items: center;
	/* для выравнивания стрелки под активной кнопкой */
	justify-content: center;
	margin: 0!important;
    padding: 12px 15px!important;
    border-radius: var(--radius-buttons-course-fav);
	-webkit-transition: 0.2s!important;
    -moz-transition: 0.2s!important;
    -ms-transition: 0.2s!important;
    transition: 0.2s!important;
}

/* Отдельная кнопка - при наведении */

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item:hover {
	opacity: var(--bg-buttons-hover-course-fav);
	/* background-color: var(--bg-buttons-hover-active-course-fav); */
	/* color: var(--color-text-buttons-hover-active-course-fav)!important; */
}

/* Отдельная кнопка - на мобильных */

@media (max-width: 767px) {

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item {
	width: 100%;
	max-width: none !important;
}
}

/* Отступ иконки в кнопках "Избранное" и "Мои курсы" */

.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="favorites"] .fa-heart:before,
.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="my-courses"] .fa-unlock:before {
	margin-right: 3px;
}

/* ОБЩИЙ ДИЗАЙН АКТИВНЫХ КНОПОК "МОИ КУРСЫ" И "ИЗБРАННОЕ" */
/* ------------------------------------------------------ */

/* Делаем НЕкликабельной Активную Текущую кнопку */

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item.current {
	cursor: default;
    pointer-events: none;
}

/* Дизайн Активной Текущей кнопки и её иконки */

/* .breadcrumbs-row.mkk_nav .mkk_nav_inner .item.current {
	background-color: var(--bg-buttons-hover-active-course-fav);
} */

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item.current span {
    color: currentColor;
	/* vertical-align: middle; */
	/* color: var(--color-text-buttons-hover-active-course-fav)!important; */
}

/* ДОБАВЛЯЕМ СТРЕЛКУ В АКТИВНУЮ ТЕКУЩУЮ КНОПКУ */
/* ------------------------------------------- */

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item.current {
    z-index: 10;
	position: relative;
	/* для отображения стрелки под активной кнопкой */
	overflow: visible;
}

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item.current::after {
	content: '';
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    z-index: 10;
    border: 0;
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: -8px;
	/* margin-left: -10px; */
    /* left: 50%; */
}

/* Цвет Стелочки у АКТИВНОЙ кнопки "Избранное" */

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item[href*="favorites"][class*="current"]::after {
    border-top: 10px solid var(--bg-favorites-course-fav);
}

/* Цвет Стелочки у АКТИВНОЙ кнопки "Мои курсы" */

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item[href*="my-courses"][class*="current"]::after {
    border-top: 10px solid var(--bg-my-courses-course-fav);
}

/* МЕНЯЕМ ТЕКСТ У АКТИВНОЙ ТЕКУЩЕЙ КНОПКИ */
/* -------------------------------------- */

/* Общие настройки */

.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="favorites"][class*="current"] span.mkk_nav_text,
.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="my-courses"][class*="current"] span.mkk_nav_text { 
	font-size: 0!important;
}

.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="favorites"][class*="current"] span.mkk_nav_text:after,
.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="my-courses"][class*="current"] span.mkk_nav_text:after {
	font-size: 1.6rem;
    line-height: 2rem;
    vertical-align: middle;
	/* font-family: "PT Sans", sans-serif; */
}

/* Подставляем свой текст в кнопку "Избранное" */

.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="favorites"][class*="current"] span.mkk_nav_text:after {
    content: var(--text-favorites-active-course-fav);
}

/* Подставляем свой текст в кнопку "Мои курсы" */

.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="my-courses"][class*="current"] span.mkk_nav_text:after {
    content: var(--text-my-courses-active-course-fav);
}

/* ОБЩИЙ ДИЗАЙН НЕАКТИВНЫХ КНОПОК "МОИ КУРСЫ" И "ИЗБРАННОЕ" */
/* -------------------------------------------------------- */

/* Отменяем скрытие Текста в кнопках - на мобильных */

@media screen and (max-width: 640px) {

.breadcrumbs-row.mkk_nav .mkk_nav_inner .item .mkk_nav_text_not_current {
	display: inherit;
}
}

/* ДИЗАЙН КНОПКИ "ИЗБРАННОЕ" */
/* ------------------------- */

/* Дизайн кнопки "Избранное" */

.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="favorites"] {
	background-color: var(--bg-favorites-course-fav);
	color: var(--color-text-favorites-course-fav)!important;
}

/* ДИЗАЙН КНОПКИ "МОИ КУРСЫ" */
/* ------------------------- */

/* Дизайн кнопки "Мои курсы"  */

.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="my-courses"] {
	background-color: var(--bg-my-courses-course-fav);
	color: var(--color-text-my-courses-course-fav)!important;
}

/* Меняем Иконку кнопки "Мои курсы" под хлебными крошками */

.breadcrumbs-row.mkk_nav .mkk_nav_inner a[href*="my-courses"] .fa-unlock:before {
	font-size: 1.8rem;
	content: var(--icon-my-courses-course-fav);
}

/* --------------------------------- */
/* ДИЗАЙН КАРТОЧКИ ТОВАРА В КАТОЛОГЕ */
/* --------------------------------- */

/* СЕРДЕЧКО НА КАРТОЧКЕ ТОВАРА */
/* --------------------------- */

/* Обёртка сердечка */

.shop-single-product .mkk_favorites {
    background: var(--bg-fav-course-fav);
    border-radius: var(--radius-bg-fav-course-fav);
    padding: 10px;
    top: 4px;
	transition: .2s ease-out;
	-webkit-transition: .2s ease-out;
	-moz-transition: .2s ease-out;
	-ms-transition: .2s ease-out;
}

/* Обёртка сердечка - при наведении */

.shop-single-product .mkk_favorites:hover {
    scale: 1.1;
}

/* ДИЗАЙН КАРТОЧКИ ТОВАРА НА СТРАНИЦЕ "МОИ КУРСЫ" */
/* ---------------------------------------------- */

/* Скрываем кнопку "Добавить в корзину БЕСПЛАТНЫЙ ТОВАР" */

.mkk-my-courses-page .container .shop-row .shop-single-product .add-to-cart-free-btn {
	display: none;
}

/* Скрываем кнопку "Добавить в корзину" */

.mkk-my-courses-page .container .shop-row .shop-single-product .add-to-cart-btn {
	display: none;
}

/* Скрываем кнопку "Подробнее о товаре" */

.mkk-my-courses-page .container .shop-row .shop-single-product .about-btn {
	display: none;
}

/* Скрываем блок с ценой и доступом */

.mkk-my-courses-page .container .shop-row .shop-single-product .product-info {
	display: none;
}

/* Скрываем созданную иконку "ЗАМОК" - статус */

/* .post-type-archive-product .container .shop-row .shop-single-product .product-countdown-unlimited {
	display: none;
} */

/* МЕНЯЕМ ТЕКСТ 3-ЕЙ КНОПКИ НА КАРТОЧКЕ ТОВАРА */
/* ------------------------------------------- */

/* Убираем исходный текст в 3-ей кнопке */

.mkk-my-courses-page .container .shop-row .shop-single-product .to-lessons-btn { 
	font-size: 0!important;
}

/* Подставляем свой текст в 3-ю кнопку */

.mkk-my-courses-page .container .shop-row .shop-single-product .to-lessons-btn:after {
    font-size: 1.4rem;
	text-transform: uppercase;
    content: var(--text-button-lessons-course-fav);
}

/* Убираем полоску меню со ссылками "Мои курсы" и "Избранное" для НЕавторизованных */

.wpf-guest .breadcrumbs-row.mkk_nav .mkk_nav_wrap {
	display: none;
}

/* ----------------------------------------------- */
/* ДИЗАЙН ИКОНОК "МОИ КУРСЫ" и "ИЗБРАННОЕ" В МЕНЮ  */
/* ----------------------------------------------- */

/* Иконка "Мои курсы" в Меню */
/* кубок */

.shop-menu-item .fa-unlock:before {
	content: var(--icon-my-courses-course-fav);
	/* font-size: 1.7rem; */
}

/* Цвет АКТИВНОЙ Иконки "Избранное" и "Мои курсы" в Меню */

.top-nav-row a.mkk_nav_current .iconmoon {
    color: var(--color-icon-menu-active-course-fav) !important;
}