/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Стилизация Геймификации'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Перенос стилей'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "https://voiceacting.ru/wp-content/uploads/2025/08/mbl-support-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: ''; */

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

/*Стилизация ГЕЙМИФИКАЦИИ*/

/*Заголовок на странице обмена очков*/
#mblg_gem_exchange .title.svelte-16s8a0h {
    font-size: 36px;
    font-weight: 600;
}

@media screen and (max-width: 640px) {
#mblg_gem_exchange .title.svelte-16s8a0h {
    font-size: 32px !important;
}}

@media screen and (max-width: 480px) {
#mblg_gem_exchange .title.svelte-16s8a0h {
    font-size: 28px !important;
    word-break: break-word;
    hyphens: auto;
}}

@media screen and (max-width: 320px) {
#mblg_gem_exchange .title.svelte-16s8a0h {
    font-size: 21px !important;
    word-break: break-word;
    hyphens: auto;
}}

/*Кнопка Обменять на странице обмена очков*/
button.svelte-16s8a0h {
    border-radius: 5px !important;
    font-family: "Montserrat", "Inter", "Roboto", "Open Sans", "PT Sans", sans-serif !important;
    font-weight: 600 !important;
    border: 1px solid #8C0E17 !important;
}

/*Кнопка Поделиться у выполненных заданий*/
.mblg-task-share {
    border-radius: 5px !important;
    font-family: "Montserrat", "Inter", "Roboto", "Open Sans", "PT Sans", sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    border: 1px solid #319576 !important;
}

/*Иконка галочки выполненного задания в списке заданий*/
.mblg-completed-icon {
    margin-right: 10px;
    color: #319576 /*по умолчанию #54B185*/;
}

/*Цвет заполненного прогресса в списке заданий*/
.mblg-progress-bar {
    background-color: #319576;
}

/*Цвет фона прогресса в списке заданий*/
.mblg-progress {
    background-color: #D3D3D3;
}

/*Поле ввода на странице Обмен очков*/
input.svelte-16s8a0h {
    border-radius: 5px !important;
    border: none !important;
    background-color: #EFEFEF;  
}

/*Кнопка OK в уведомлении*/
#mblg_task_completed_ok {
    border-radius: 5px !important;
    font-family: "Montserrat", "Inter", "Roboto", "Open Sans", "PT Sans", sans-serif !important;
    font-weight: 600 !important;
    border: 1px solid #8C0E17;
}

/*ТАБЛИЦЫ РЕЙТИНГА И СПИСКА ЗАДАНИЙ*/

/*Общие настройки таблицы*/
.mblg-ut-root {
    background-color: #fff !important; /*фон под ячейками, виден как общий контур таблицы, делать фоном урока*/
    border: 1px solid #D3D3D3 !important; /*граница таблицы*/
    border-radius: 5px 5px 0 0 !important; /*скругление углов, можно дать больше, чем у шапки*/
}

/*Текст заголовков в шапке таблиц рейтинга и списка заданий*/
.mblg-ut-title {
    font-family: "Montserrat", "Inter", "Roboto", "Open Sans", "PT Sans", sans-serif !important;
    font-weight: 600 !important;
    color: #222 !important;
    font-size: 24px !important;
    margin-bottom: 0px !important;
}

/*Фон у шапки таблиц рейтинга и списка заданий*/
.mblg-ut-header {
    background-color: #D3D3D3 !important;
    border-bottom: 1px solid #D3D3D3 !important;
    border-radius: 3px 3px 0 0 !important; /*скругление верхних углов*/
}

/*Границы внутри таблицы*/
/*рейтинг*/ th.svelte-xwkldf:not(:first-child), td.svelte-xwkldf:not(:first-child), /*список заданий*/ .mblg-ut-table_row > div:not(:first-child) {
    border-left: 1px solid #D3D3D3 !important;
}

/*Четные по номеру строки в таблице*/
/*рейтинг*/ tr.svelte-xwkldf:nth-child(odd), /*список заданий*/ .mblg-ut-table_row:nth-child(odd) {
    background-color: #EFEFEF !important;
}

/*Вторая строка таблицы с заголовками столбцов*/
/*рейтинг*/ .mblg-ut-heading.svelte-xwkldf:first-child, /*список заданий*/ .mblg-ut-table_h {
    border-bottom: 1px solid #D3D3D3 !important; /*нижняя граница*/
    font-weight: 600 !important; /*жирность*/
    background-color: #F3EFFF !important; /*цвет фона*/
    background: #EFEFEF !important; /*цвет фона*/
}

/*Отступы у поп-апа Поделиться в списке заданий*/

/*Верхний и нижний отступ шапки поп-апа*/
.modal-header.mblg-modal-header {
    padding-top: 15px;
    padding-bottom: 0px;
}

/*Размер и отступ заголовка*/
.modal-header.mblg-modal-header h4 {
    font-size: 20px;
    padding-top: 10px;
}

/*Нижний отступ поп-апа*/
.modal-body {
    padding-bottom: 30px;
}

/*РАЗДЕЛИТЕЛИ В ВЫПАДАЮЩЕМ МЕНЮ*/

.mblg-nav-link, .dropdown-menu li, .mobile-menu .menu-item {
    border-bottom: 1px solid #D3D3D3 !important;
}

/*МЕНЯЕМ ИКОНКИ*/

/*Для пункта Обмен очков в выпадающем меню модуля геймификации*/
.mblg-dropdown .fa-circle:before {
    content: "\f02c";
}

/*----------------------*/