/* ========================================
   ERA MINDFUL MOVEMENT
   WEEKLY SCHEDULE — FRONTEND
   ======================================== */

.era-schedule-section {
    --era-schedule-bg: #C7CAB9;
    --era-schedule-card: #D5D7CC;
    --era-schedule-text: #252820;
    --era-schedule-line: rgba(37, 40, 32, 0.62);

    width: 100% !important;
    margin: 0 !important;
    padding: 72px 0 84px !important;
    background: var(--era-schedule-bg) !important;
}

.era-schedule-grid {
    width: min(1280px, 92%) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 28px !important;

    align-items: stretch !important;
}

/* ========================================
   DAY CARD
   ======================================== */

.era-schedule-day {
    box-sizing: border-box !important;

    min-width: 0 !important;
    min-height: 690px !important;

    margin: 0 !important;
    padding: 44px 28px 48px !important;

    display: flex !important;
    flex-direction: column !important;

    background: var(--era-schedule-card) !important;
    border-radius: 46px !important;

    color: var(--era-schedule-text) !important;
}

.era-schedule-day-title {
    margin: 0 0 46px !important;
    padding: 0 !important;

    text-align: center !important;

    font-size: 38px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    font-style: italic !important;

    color: var(--era-schedule-text) !important;
}

/* ========================================
   LESSONS
   ======================================== */

.era-schedule-lessons {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;

    gap: 24px !important;
}

.era-schedule-lesson {
    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
    color: var(--era-schedule-text) !important;
}

.era-schedule-time {
    margin: 0 0 5px !important;
    padding: 0 !important;

    font-size: 25px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    font-style: italic !important;

    color: var(--era-schedule-text) !important;
}

.era-schedule-class {
    margin: 0 0 4px !important;
    padding: 0 !important;

    font-size: 24px !important;
    line-height: 1.16 !important;
    font-weight: 400 !important;
    font-style: italic !important;

    color: var(--era-schedule-text) !important;
}

.era-schedule-teacher {
    margin: 0 !important;
    padding: 0 !important;

    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    font-style: italic !important;

    color: var(--era-schedule-text) !important;
}

/* ========================================
   DIVIDER
   ======================================== */

.era-schedule-divider {
    width: 92px !important;
    height: 1px !important;

    margin: 2px auto 4px !important;
    padding: 0 !important;

    background: var(--era-schedule-line) !important;
}

.era-schedule-empty {
    text-align: center !important;
    font-style: italic !important;
    opacity: 0.65 !important;
}

/* ========================================
   TABLET
   ======================================== */

@media (max-width: 1100px) {
    .era-schedule-section {
        padding: 58px 0 68px !important;
    }

    .era-schedule-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
    }

    .era-schedule-day {
        min-height: 620px !important;
    }
}

/* ========================================
   MOBILE
   ======================================== */

@media (max-width: 767px) {
    .era-schedule-section {
        padding: 38px 0 46px !important;
    }

    .era-schedule-grid {
        width: min(100%, 90%) !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .era-schedule-day {
        min-height: 0 !important;
        border-radius: 34px !important;
        padding: 34px 22px 38px !important;
    }

    .era-schedule-day-title {
        margin-bottom: 34px !important;
        font-size: 32px !important;
    }

    .era-schedule-lessons {
        gap: 22px !important;
    }

    .era-schedule-time {
        font-size: 23px !important;
    }

    .era-schedule-class {
        font-size: 22px !important;
    }

    .era-schedule-teacher {
        font-size: 18px !important;
    }
}