/*
 * Styling for the kzu/stundenplan block: class picker + per-class timetable
 * grid. Uses the active theme's design tokens (--color-*, --font-display)
 * as the integration point instead of hardcoding colors/fonts here, so the
 * block stays on-brand if the theme's palette changes -- falls back to
 * sensible plain values if a theme without those tokens is ever active.
 */

.stundenplan__filter {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.stundenplan__field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.stundenplan__filter label {
    font-family: var(--font-display, inherit);
    font-weight: 900;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.stundenplan__select,
.stundenplan__semester {
    font-size: 15px;
    padding: 8px 12px;
    border: 1px solid var(--color-grey-light, #b3b3b3);
    background: var(--color-white, #fff);
}

.stundenplan__ics {
    font-family: var(--font-display, inherit);
    font-weight: 900;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    padding: 9px 16px;
    border: 1px solid var(--color-black, #000);
    color: var(--color-black, #000);
    text-decoration: none;
    white-space: nowrap;
}

.stundenplan__ics:hover {
    background: var(--color-black, #000);
    color: var(--color-white, #fff);
}

.stundenplan__grid {
    overflow-x: auto;
}

.stundenplan__table {
    width: 100%;
    border-collapse: collapse;
}

.stundenplan__table th,
.stundenplan__table td {
    border: 1px solid var(--color-grey-light, #b3b3b3);
    padding: 10px 12px;
    text-align: left;
    vertical-align: top;
}

.stundenplan__table thead th {
    background: var(--color-black, #000);
    color: var(--color-white, #fff);
    font-family: var(--font-display, inherit);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

.stundenplan__table tbody th {
    background: #f7f7f7;
    font-family: var(--font-display, inherit);
    white-space: nowrap;
}

.stundenplan__time {
    display: block;
    font-size: 11px;
    font-weight: 400;
    color: var(--color-grey-light, #b3b3b3);
}

.stundenplan__room,
.stundenplan__teacher {
    display: block;
    font-size: 12px;
    color: var(--color-grey-light, #b3b3b3);
}

.stundenplan__empty {
    color: var(--color-grey-light, #b3b3b3);
}