/* =========================================================
   РАСПИСАНИЕ ДНЯ: двухколоночная сетка карточек.
   Раскладка карточки и цвета тем — утилитами Bootstrap и токенами,
   здесь только сетка, геометрия и тематические акценты.
   ========================================================= */

.schedule-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    max-width: 62.5rem;   /* 1000px — как у остальных текстовых блоков страницы */
    margin-inline: auto;
}

.schedule-card {
    border-left: 6px solid transparent;
    border-radius: var(--camp-radius-md);
    transition: transform .2s ease, box-shadow .2s ease;
}

/* Ховер — общий класс .camp-card--hover из camp-tokens.css */

/* Плашка времени */
.schedule-time {
    min-width: 65px;
    font-size: 1.15rem;
    line-height: 1.2;
    border-radius: var(--camp-radius-sm);
}

.schedule-info h3 {
    font-size: 1.05rem;
    line-height: 1.3;
    color: var(--camp-heading);
}

.schedule-info p {
    font-size: .9rem;
    margin-top: auto;   /* прижимает пояснение к низу карточки */
}

/* Тематические акценты (цвет полосы + подложка иконки) */
.theme-morning .schedule-icon-wrapper { background: #fff8e1; color: #d39e00; }
.theme-study   .schedule-icon-wrapper { background: #e3f2fd; color: #004085; }
.theme-food    .schedule-icon-wrapper { background: #e8f5e9; color: #155724; }
.theme-rest    .schedule-icon-wrapper { background: #e0f7fa; color: #0c5460; }
.theme-fun     .schedule-icon-wrapper { background: #fce4ec; color: #721c24; }

/* =========================================================
   АДАПТИВ
   ========================================================= */
@media (max-width: 767.98px) {
    .schedule-list {
        grid-template-columns: minmax(0, 1fr);
        gap: .75rem;
        max-width: 100%;
    }

    .schedule-card {
        border-left-width: 4px;
    }

    .schedule-time {
        min-width: 55px;
        font-size: .95rem;
    }

    .schedule-info h3 {
        font-size: .95rem;
    }

    .schedule-info p {
        font-size: .8rem;
    }
}