/* Задайте своё человеческое название файла между '' */
/* --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: ''; */

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

/*Стилизация уведомлений*/

/*Скругление углов и скорость анимации у кнопки закрытия в окне уведомлений*/
.mbln-notifications-wrap .mbln-close-icon {
    border-radius: 5px;
}

/*Скорость анимации*/
.mbln-notifications-wrap button, .mbln-notifications-wrap button .mbln-notifications-icon, .mbln-notifications-wrap a, .mbln-notifications-wrap .mbln-close-icon {
    transition: all 0.3s ease-in-out !important;
}

/*Цвет ссылок в уроке, товаре, контенте продажи доступа, описании рубрики и поп-апах*/
.lesson-tabs.white-tabs .tab-content .tab-pane .content-wrap a, .ps_content a, .page-description-content .content a, .cart-row a, .pum-container a {
color: #BF1E2E;
}

/*Цвет ссылок в уроке, товаре, контенте продажи доступа и описании рубрики при наведении*/
.lesson-tabs.white-tabs .tab-content .tab-pane .content-wrap a:hover, .ps_content a:hover, .page-description-content .content a:hover, .cart-row a:hover, .pum-container a:hover {
color: #8C0E17;
}

/*Цвет активной вкладки*/
.mbln-notifications-wrap .active button.mbln-notifications-tab {
  background: #8C0E17;
  color: #fff;
  border-color: #8C0E17;
  border-radius: 5px;
    font-family: "Montserrat", "Inter", "Roboto", "Open Sans", sans-serif !important;
    font-weight: 600 !important;
}

/*Цвет неактивной вкладки*/
.mbln-notifications-tab {
  color: #333;
  background: #EFEFEF;
  border-color: #333;
  border-radius: 5px;
    font-family: "Montserrat", "Inter", "Roboto", "Open Sans", sans-serif !important;
    font-weight: 600 !important;
}

/*Цвет неактивной вкладки при наведении*/
.mbln-notifications-tab:hover {
  color: #fff;
  background: #8C0E17;
  border-color: #8C0E17;
}

/* Кнопки по умолчанию */
.mbln-notification-actions .mbln-notification-btn {
  border-radius: 5px;
    font-family: "Montserrat", "Inter", "Roboto", "Open Sans", sans-serif !important;
    font-weight: 600 !important;
}

/*КНОПКИ*/

/*Кнопка Подробнее/Скрыть*/
.mbln-notification-actions > button:nth-child(1) {
    background: #333;
    color: #fff;
    border-color: #333;
}

/*Кнопка Подробнее/Скрыть при наведении и клике*/
.mbln-notification-actions > button:nth-child(1):hover, .mbln-notification-actions > button:nth-child(1):active {
    background: #fff;
    color: #333;
    border-color: #333;
}

/*Кнопка Ознакомлен*/
.mbln-notification-actions > button:nth-child(2) {
    background: #319576;
    color: #fff;
    border-color: #319576;
}

/*Кнопка Ознакомлен при наведении и клике*/
.mbln-notification-actions > button:nth-child(2):hover, .mbln-notification-actions > button:nth-child(2):active {
    background: #fff;
    color: #319576;
    border-color: #319576;
}

/*АДАПТАЦИЯ С РАСТЯГИВАНИЕМ КНОПОК ПО ШИРИНЕ*/

/*Отступы нижние*/
.mbln-notification-btn, .mbln-notifications-tabs li {
  margin: 0 0 5px 0;
}

/*Перестроение флексами блоков кнопок*/
.mbln-notifications-tabs, .mbln-notification-actions {
    display: flex;
    flex-wrap: wrap;  
    justify-content: stretch;
    column-gap: 5px; /*отступ между кнопками по горизонтали*/
}

/*Растягивание по ширине*/

.mbln-notifications-tabs li, .mbln-notification-actions button {
  flex: 1 1 30%;
}

.mbln-notifications-tabs li button {
  width:100%;
}

/*Максимальная ширина контейнера уведомлений*/
@media (min-width: 992px) {
  .mbln-notifications-tab-content.tab-content {
    max-width: 360px !important;
  }}

/*Перенос длинных ссылок на новую строку*/
.mbln-notification-message {
    word-wrap: break-word;
}

/*Кнопки одинаковые по высоте, если перенесется текст на две строки*/
.mbln-notifications-tabs li button {
    height: 100%;
}

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