/* Timetable page (page-tunniplaan.php). Lesson colours by type; the picker scrolls sideways on phones. */
.tt{--laul:var(--plum-2);--laul-bg:var(--lilac);--tants:#c46f64;--tants-bg:#f8e4df;--teater:#3f8f6e;--teater-bg:#dcf1e7;--koor:#b0852a;--koor-bg:#f6ecd3;--muu:#6f6879;--muu-bg:#eef0f4}
.tt-lead{max-width:34em;margin-top:18px;font-size:1.15rem;color:rgba(var(--on-rgb),.8)}
.tt-body{padding:clamp(36px,5vw,64px) 0 clamp(60px,8vw,110px)}
.tt-pick{display:flex;flex-wrap:wrap;gap:8px}
.tt-pick button{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:.5em 1.05em;font:600 .95rem var(--body);color:var(--ink);cursor:pointer;white-space:nowrap}
.tt-pick button:hover{border-color:var(--plum-2)}
.tt-pick button[aria-pressed=true]{background:var(--plum);border-color:var(--plum);color:#fff}
.tt-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 24px;font-size:.9rem;color:var(--muted)}
.tt-legend li::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;background:var(--c)}
.tt-laul{--c:var(--laul);--bg:var(--laul-bg)}.tt-tants{--c:var(--tants);--bg:var(--tants-bg)}.tt-teater{--c:var(--teater);--bg:var(--teater-bg)}
.tt-koor{--c:var(--koor);--bg:var(--koor-bg)}.tt-muu{--c:var(--muu);--bg:var(--muu-bg)}
.tt-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,16px)}
.tt-day{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:14px}
.tt-day h2{font-size:1.3rem;font-weight:500;margin-bottom:12px;color:var(--plum)}
.tt-day.today h2::after{content:"täna";font:700 .68rem var(--body);letter-spacing:.08em;text-transform:uppercase;background:var(--coral);color:#fff;border-radius:999px;padding:3px 9px;margin-left:8px;vertical-align:4px}
.tt-l{border-left:4px solid var(--c);background:var(--bg);border-radius:10px;padding:9px 11px;margin-bottom:8px;line-height:1.35}
.tt-l[hidden]{display:none}
.tt-t{font-weight:700;font-variant-numeric:tabular-nums}
.tt-l h3{font:600 1rem var(--body);margin:2px 0}
.tt-m{font-size:.84rem;color:var(--muted)}
.tt-n{font-size:.8rem;color:var(--coral);font-weight:600;margin-top:2px}
.tt-none{display:none;color:var(--muted);font-size:.9rem;font-style:italic}
.tt-day.empty .tt-none{display:block}
.tt-solo{margin-top:28px;padding:18px 22px;border-radius:var(--r-md);background:var(--paper);border:1px solid var(--line);max-width:46em}
.tt-upd{margin-top:14px;font-size:.85rem;color:var(--muted)}
@media (max-width:1020px){
  .tt-week{grid-template-columns:minmax(0,1fr)}
  .tt-day.empty{display:none}
  .tt-l{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:12px}
  .tt-l .tt-t{grid-row:1 / 4}
}
@media (max-width:600px){
  .tt-pick{flex-wrap:nowrap;overflow-x:auto;margin-inline:-16px;padding:0 16px 6px;scrollbar-width:none}
  .tt-pick::-webkit-scrollbar{display:none}
  .tt-l{grid-template-columns:92px minmax(0,1fr)}
}