/* Erenköy Dans Akademi - Schedule page overrides */
.cd-schedule-modal__event-info,
.cd-schedule-modal__event-info > div {
    color: #29252b;
}

.cd-schedule-modal__event-info > div {
    overflow: auto;
    overflow-wrap: anywhere;
}

.cd-schedule-modal__event-info a {
    color: #c92d70;
    text-decoration: underline;
}

.cd-schedule__top-info > span {
    color: #29252b;
}


/* Event 5 - Electric Blue */
:root {
    --cd-color-event-5: hsl(183, 100%, 75%);
}
.cd-schedule__event a[data-event="event-5"],
.cd-schedule-modal[data-event="event-5"] .cd-schedule-modal__header-bg {
    background: var(--cd-color-event-5);
}

/* Event 6 - Jade */
:root {
    --cd-color-event-6: hsl(134, 60%, 45%);
}
.cd-schedule__event a[data-event="event-6"],
.cd-schedule-modal[data-event="event-6"] .cd-schedule-modal__header-bg {
    background: var(--cd-color-event-6);
}

/* Event 7 - Bright Purple */
:root {
    --cd-color-event-7: hsl(300, 50%, 50%);
}
.cd-schedule__event a[data-event="event-7"],
.cd-schedule-modal[data-event="event-7"] .cd-schedule-modal__header-bg {
    background: var(--cd-color-event-7);
}

/* Event 8 - Carmine */
:root {
    --cd-color-event-8: hsl(342, 100%, 42%);
}
.cd-schedule__event a[data-event="event-8"],
.cd-schedule-modal[data-event="event-8"] .cd-schedule-modal__header-bg {
    background: var(--cd-color-event-8);
}

/* Aynı gün ve saatteki dersler: JS tarafından otomatik olarak yan yana yerleştirilir. */
@media (min-width: 64rem) {
    .js .cd-schedule__event.cd-schedule__event--overlap a {
        padding: 0.45rem;
        overflow: hidden;
    }

    .js .cd-schedule__event.cd-schedule__event--overlap a::before {
        font-size: 0.62rem;
        white-space: nowrap;
        margin-bottom: 0.2rem;
    }

    .js .cd-schedule__event.cd-schedule__event--overlap .cd-schedule__name {
        font-size: 0.82rem;
        line-height: 1.15;
        overflow-wrap: anywhere;
    }

    .js .cd-schedule__event.cd-schedule__event--overlap .cd-schedule__room-label {
        display: block;
        margin-top: 0.2rem;
        font-size: 0.7rem;
        line-height: 1.1;
        font-weight: 600;
    }
}

.cd-schedule__room-label {
    display: block;
    margin-top: 0.2rem;
    font-size: 0.8rem;
    line-height: 1.2;
}
