/*schedule.css*/

.schedule-page {
    margin: 10px auto;
    max-width: 700px;
}

.schedule-page h3 {
    margin: 17px;
    font-size: 18px;
    text-align: center;
    color: #535353;
}

.schedule-page ul li {
    margin: 5px;
    text-align: left;
    font-size: 0.9em;
    color: black;
}

.schedule-page p {
    text-align: center;
    font-size: 0.9em;
    color: #555;
}

.schedule-item {
    font-size: 0.9em;
    color: #555;
}

/* Стили для ссылок на занятия */
.lesson-link {
    color: #0066cc;
    text-decoration: underline;
}

.lesson-link:visited {
    color: #0066cc; /* Не меняем цвет после посещения */
}

.lesson-link:hover {
    color: #004499;
}

/* Прошедшие занятия */
.schedule-item.past-lesson {
    opacity: 0.5;
    color: #999;
}

.schedule-item.past-lesson .lesson-link {
    color: #999;
    text-decoration: line-through;
}

.schedule-item.past-lesson .lesson-link:visited {
    color: #999; /* Одинаковый цвет для посещённых */
}

.schedule-item.past-lesson .date {
    color: #bbb;
}



/* Блок уведомлений */
.notification-block {
    font-size: 0.9em;
}

.notification-block .hint {
    color: #666;
    font-size: 0.9em;
}

/* notification_buttons.html */
.notification-buttons-line {
    display: flex;
    gap: 15px 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.notification-item {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 5px;
}

/* Общие стили для всех кнопок уведомлений */
.btn-telegram,
.btn-email {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 100px;
    padding: 5px 15px;
    border-radius: 8px;
    border: none;
    outline: none;
    text-decoration: none;
    font-weight: 500;
    cursor: pointer;
    transition: transform 0.4s, box-shadow 0.4s, background-color 0.3s, opacity 0.3s;
    box-shadow:
        inset 0 -1em 2em rgba(0, 0, 0, 0.1),
        0 0 0 0.5px rgb(255, 255, 255),
        0.3em 0.3em 1em rgba(0, 0, 0, 0.3);
}

.btn-telegram:hover,
.btn-email:hover {
    transform: translateY(-1px) scale(1.01);
    box-shadow:
        inset 0 -3em 3em rgba(0, 0, 0, 0.1),
        0 0 0 0.5px rgb(255, 255, 255),
        0.5em 0.5em 2em rgba(0, 0, 0, 0.4);
}

/* SVG иконки */
.svgicon {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

.svgicon-style {
    width: 30px;
    height: 30px;
    transition: fill 0.3s ease;
}

/* Активное состояние */
.btn-active {
    background-color: #F5F5F5;
}

.btn-active .svgicon-style.telegramm {
    fill: #0088cc;
}

.btn-active .svgicon-style.email {
    fill: #ea4335;
}

.btn-active .text,
.btn-active .email {
    color: #333;
}

/* Неактивное состояние */
.btn-inactive {
    background-color: #DCDCDC;
    opacity: 0.7;
}

.btn-inactive .svgicon-style {
    fill: #778899;
}

.btn-inactive .text,
.btn-inactive .email {
    color: #778899;
}

.btn-inactive:hover {
    opacity: 1;
}

.btn-none {
    fill: #778899;
    opacity: 0.7;
}

/* Кнопка подключения Telegram (зелёная) */
.btn-telegram:not(.btn-active):not(.btn-inactive) {
    background-color: #ADFF2F;
}

.btn-telegram:not(.btn-active):not(.btn-inactive) .svgicon-style {
    fill: #0088cc;
}

.btn-telegram:not(.btn-active):not(.btn-inactive) .text {
    color: #0088cc;
}

/* Email hint */
.email-hint {
    color: #666;
    font-size: 0.8em;
    margin-bottom: 10px;
    text-align: center;
}

/* Email не указан */
.notification-status.email-not-set {
    padding: 6px 16px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f8f9fa;
    color: #6c757d;
    border: 2px dashed #dee2e6;
}

.notification-status.email-not-set .svgicon {
    font-size: 1.2em;
}