/* ========================================
Актуальные события с горячими кнопками
======================================== */

/* Код для регулировки показа ссылок на чаты. #course68409 нужно заменить на id своей кнопки на чаты, той которую вы хотите показывать

#events-wrap .chat-list .chat-item {
    display: none !important;
}


#events-wrap #course68409 {
    display: flex !important;
} */


/* === Фон всего блока === */

#events-wrap {
    background: var(--traning-zoloto-bg-fon);
    border-top: var(--traning-zoloto-border-top); /* Верхняя обводка */
    border-right: var(--traning-zoloto-border-right); /* Правая обводка */
    border-bottom: var(--traning-zoloto-border-bottom); /* Нижняя обводка */
    border-left: var(--traning-zoloto-border-left); /* Левая обводка*/
    border-radius: var(--traning-zoloto-border-radius);/*Скругление углов*/
    width: calc(100% - 10px);
    max-width: 400px;
    margin: 0px auto var(--traning-zoloto-margin-bottom);
    padding: var(--traning-zoloto-padding);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}


#events {
    background: var(--traning-zoloto-events-bg);
    padding: 20px;
    border-radius: var(--traning-zoloto-border-radius);
    -webkit-box-shadow: var(--traning-zoloto-box-shadow2);
    box-shadow: var(--traning-zoloto-box-shadow2);
    border: var(--traning-zoloto-color-border2);
    max-width: 400px;
    margin: 0px auto;
    width: 100%;
}




/* ===  Заголовок актуальные события ===  */
#events-wrap  h3 {
    margin: 0;
    color: var(--traning-zoloto-events-header-color)!important;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 1;
    font-family: var(--traning-zoloto-font-family-header);
    text-align: center;
    padding: 20px 5px 10px;
}




/* === Подложка время события === */
#events-wrap .schedule-block .time {
    width: 60px !important;
    min-width: 60px;
    background: var(--traning-zoloto-events-time-bg);
    font-family: var(--traning-zoloto-font-family-header);
    color: var(--traning-zoloto-events-text-color-time);
    margin-left: -5px;
    padding: 10px 0px;
    border-radius: var(--traning-zoloto-border-radius);
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*  === события НЕ сегодня меняем цвет  === */
#events-wrap .bg-block.schedule-block .day:not(.today) a {
    color: var(--traning-zoloto-events-text-color2) !important;
    font-size: 15px;
    font-family: var(--traning-zoloto-font-family-text);

}
/* === Событие сегодня === */
#events-wrap .schedule-block .day.today .event a {
    color: var(--traning-zoloto-events-today-text-color)!important;
    font-family: var(--traning-zoloto-font-family-text);
    font-size: 15px;
    font-weight: 700;
}

#events-wrap .schedule-block .today {
    background-color: var(--traning-zoloto-events-today-bg);
    border-radius: var(--traning-zoloto-border-radius);
    font-weight: 400;
    -webkit-box-shadow: var(--traning-zoloto-events-box-shadow-today);
    box-shadow: var(--traning-zoloto-events-box-shadow-today);
    position: relative;
    margin:5px;
}

#events-wrap .today::after{
    display:none;
}



/* ===  Стили блока актуальные события  === */
#events-wrap .bg-block {
    background: var(--traning-zoloto-events-inner-bg);
    padding: 10px !important;
    border-radius: var(--traning-zoloto-border-radius);
    color: var(--traning-zoloto-events-text-color) !important;
    letter-spacing: 0.9px !important;
    line-height: 1.3 !important;
    font-family: var(--traning-zoloto-font-family-text) !important;
    margin-top: 15px;
    border: var(--traning-zoloto-events-border2);
}

/* ===  Отступы между событиями одного дня  === */
#events-wrap .schedule-block .day .record {
    padding: 20px 5px 20px 18px;
}

/* === Отступ дата события === */
#events-wrap .schedule-block .day-label{
    padding: 10px;
    color:var(--traning-zoloto-events-text-color-day);
}

/* ===  Центруем текст со временем  === */
#events-wrap .record {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/* ===  Новые отступы события  === */
#events-wrap .schedule-block .event {
    margin-left: 10px !important;
    padding-bottom: 4px !important;
    text-align: left !important;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap:10px;
}

#events-wrap .schedule-block .event br{
    display: none;
}

/* ===  Убираем полосу у ссылок ===  */
#events-wrap a:focus,
#events-wrap a:hover {
    text-decoration: none;
}

/* ===  Подчеркиваем дату  === */
#events-wrap .day-label {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}




/* =============
Горячие кнопки и чаты
=============== */

/*  === Стили кнопки Telegram и кнопки службы заботы  === */
#events-wrap .btn-info-link,
#events-wrap .chat-text {
    background: var(--traning-zoloto-events-button-bg);
    border-top: var(--traning-zoloto-events-btn-border-top);
    border-right: var(--traning-zoloto-events-btn-border-right);
    border-bottom: var(--traning-zoloto-events-btn-border-bottom);
    border-left: var(--traning-zoloto-events-btn-border-left);
    border-radius: var(--traning-zoloto-border-radius);
    color: var(--traning-zoloto-events-button-color);
    font-family: var(--traning-zoloto-font-family-text) !important;
    padding: 8px 10px;
    margin: 0px auto 10px;
    font-weight: 400;
    max-width: 400px;
    min-width: 230px;
    width: 100%;
    min-height: 50px;
    font-size: 20px!important;
    line-height: normal;
    letter-spacing: -0.28px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

#events-wrap .btn-info-link .fa{
    margin-right: 5px;
}

#events-wrap .btn-info-link:hover,
#events-wrap .chat-text:hover {
    color: var(--traning-zoloto-events-button-color-hover);
    background: var(--traning-zoloto-events-button-bg-hover);
    border: var(--traning-zoloto-events-btn-border-hover); /* Обводка при наведении */
    filter: contrast(1.3);
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    cursor: pointer;
}

/*Чаты*/


/* Меняем порядок элементов, для переноса чатов к кнопкам */
#events-wrap .xdget-lessonSchedule {
    display: flex;
    flex-direction: column;
}


/* Заголовок */
#events-wrap .xdget-lessonSchedule h3 {
    order: 2;
}

/* Расписание */
#events-wrap .schedule-block {
    order: 3;
}

/* Чаты — ПОДНИМАЕМ наверх */
#events-wrap .chat-list {
    order: 1;
}

/*Название на кнопке чатов */

#events-wrap .chat-item a {
    color: var(--traning-zoloto-events-button-color);
    font-family: var(--traning-zoloto-font-family-text)!important;
    font-size: 20px;

}

/*Название на кнопке чатов при наведении*/
#events-wrap .chat-list .chat-item:hover a{
    color: var(--traning-zoloto-events-button-color-hover) !important;
}


/*описание*/
#events-wrap .chat-text {
    font-size: 15px !important;
    text-align: center;
    display: block;
}


/*Скрываем картинку*/
#events-wrap .chat-list .training-logo-course{
    display: none;
}

#events-wrap .chat-list .chat-item:hover {
    background: none;
}

#events-wrap .chat-list .chat-item{
    padding: 0!important;
    overflow: visible!important;
}