/* ================================================================
   РАСПИСАНИЕ УРОКОВ — raspisanie.html
   Отдельный файл, а не часть pages.css: сетка, мобильные карточки и
   печатная вёрстка нужны одной странице, а pages.css грузят все
   пятнадцать. Тот же приём, что у index.css и doshkolnoe.css.
   Свои цветовые токены не заводим — берём --m-* из base.css.
   ================================================================ */

/* ---------- панель выбора ---------- */
.rs-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 14px 18px; margin-bottom: 22px; background: var(--m-paper); border: 1px solid var(--m-rule); border-radius: 14px; box-shadow: 0 10px 30px -22px rgba(10,35,72,.5); }
.rs-bar__group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rs-bar__label { font-size: 12px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--m-text-mute); }
.rs-bar__spacer { flex: 1; }

.rs-level, .rs-class, .rs-dtab { font-family: inherit; font-size: 14px; font-weight: 500; color: var(--m-text-mute); background: transparent; border: 1px solid var(--m-rule); border-radius: 999px; padding: 8px 15px; cursor: pointer; transition: color .2s, background .2s, border-color .2s; }
.rs-level:hover, .rs-class:hover, .rs-dtab:hover { color: var(--m-ink); background: var(--m-paper-warm); }
.rs-level[aria-selected="true"], .rs-class[aria-selected="true"], .rs-dtab[aria-selected="true"] { color: var(--m-ink); font-weight: 600; background: var(--m-paper-warm); border-color: var(--m-accent); }
.rs-class { min-width: 44px; text-align: center; }

.rs-print { display: inline-flex; align-items: center; gap: 8px; font-family: inherit; font-size: 14px; font-weight: 500; color: var(--m-ink); background: transparent; border: 1px solid var(--m-rule); border-radius: 999px; padding: 8px 16px; cursor: pointer; transition: background .2s, border-color .2s; }
.rs-print:hover { background: var(--m-paper-warm); border-color: var(--m-accent); }
.rs-print svg { width: 16px; height: 16px; stroke-width: 1.7; }

/* ---------- подпись над сеткой ---------- */
.rs-meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 16px; margin: 0 0 18px; }
.rs-meta__grade { font-family: var(--m-display); font-size: clamp(22px,2.4vw,30px); font-weight: 500; color: var(--m-ink); letter-spacing: -.01em; }
.rs-meta__hr, .rs-meta__count { font-size: 14.5px; color: var(--m-text-mute); }
.rs-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* ---------- недельная сетка ---------- */
.rs-grid { width: 100%; border-collapse: collapse; font-size: 14px; }
.rs-grid caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rs-grid th, .rs-grid td { border: 1px solid var(--m-rule); vertical-align: top; padding: 9px 11px; }
.rs-grid thead th { position: sticky; top: var(--m-header-h); z-index: 10; background: var(--m-ink); color: #fff; font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; text-align: left; }
.rs-grid__time { width: 104px; background: var(--m-paper-warm); color: var(--m-text-mute); font-weight: 500; text-align: left; white-space: nowrap; }
.rs-grid__time b { display: block; font-size: 15px; color: var(--m-ink); }
.rs-grid__time span { font-size: 12.5px; }
.rs-grid tbody tr:nth-child(even) td { background: rgba(246,241,232,.35); }
.rs-cell--empty { color: var(--m-rule); }

.rs-lesson__subject { display: block; font-weight: 500; color: var(--m-ink); line-height: 1.35; }
.rs-lesson__teacher { display: block; margin-top: 3px; font-size: 13px; color: var(--m-text-mute); }
.rs-lesson__group { display: block; margin-top: 2px; font-size: 12.5px; color: var(--m-text-mute); font-style: italic; }
/* Заливка смысловая, а не декоративная: подсвечено то, что читается иначе,
   чем обычный урок, — самоподготовка, внеурочное занятие, режим дня. */
.rs-cell--quiet .rs-lesson__subject { font-weight: 400; color: var(--m-text-mute); }
.rs-badge { display: inline-block; margin-top: 5px; padding: 3px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 600; letter-spacing: .03em; }
.rs-badge--extra { background: var(--m-paper-cool); color: var(--m-ink-soft); }
.rs-badge--sr { background: var(--m-paper-warm); color: var(--m-accent-deep); }
.rs-badge--stream { background: var(--m-paper-cool); color: var(--m-ink-soft); }

/* ---------- мобильные карточки по дням ---------- */
.rs-days { display: none; }
.rs-days__tabs { display: flex; gap: 8px; margin-bottom: 16px; overflow-x: auto; padding-bottom: 4px; -webkit-overflow-scrolling: touch; }
.rs-days__tabs::-webkit-scrollbar { display: none; }
.rs-card { display: flex; gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--m-rule); }
.rs-card:last-child { border-bottom: 0; }
.rs-card__time { flex: none; width: 92px; font-size: 13px; color: var(--m-text-mute); }
.rs-card__time b { display: block; font-size: 14px; color: var(--m-ink); }
.rs-card__body { flex: 1; min-width: 0; }
.rs-day-empty { padding: 24px 0; color: var(--m-text-mute); }
.rs-whole { margin-top: 18px; }

/* ---------- кружки ---------- */
.rs-club__when { margin: 10px 0 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.rs-club__when li { font-size: 14px; color: var(--m-text-mute); }
.rs-club__when b { color: var(--m-ink); font-weight: 600; }
.rs-clubs-empty { color: var(--m-text-mute); }

/* ---------- заголовок только для печати ---------- */
.rs-printhead { display: none; }

/* ---------- планшет и телефон ---------- */
@media (max-width: 900px) {
  .rs-grid thead th { position: static; }
}
@media (max-width: 719px) {
  .rs-bar { gap: 10px; padding: 12px 14px; }
  .rs-grid { display: none; }
  .rs-grid.is-shown { display: table; font-size: 13px; min-width: 620px; }
  .rs-days { display: block; }
  .rs-whole-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* ---------- версия для слабовидящих ----------
   base.css перекрашивает секции и ссылки, но не nav и не button: ровно на
   этом уже ломались вкладки достижений, и лечение дописано в конец
   pages.css. Здесь то же самое для панели выбора класса, плюс снимаем
   фоновую полосатость таблицы — на чёрном фоне она нечитаема. */
body.a11y-on .rs-bar { background: var(--a-bg) !important; border-color: currentColor !important; box-shadow: none !important; }
body.a11y-on .rs-level, body.a11y-on .rs-class, body.a11y-on .rs-dtab, body.a11y-on .rs-print {
  color: var(--a-fg) !important; -webkit-text-fill-color: var(--a-fg) !important;
  background: var(--a-bg) !important; border-color: currentColor !important; }
body.a11y-on .rs-level[aria-selected="true"], body.a11y-on .rs-class[aria-selected="true"], body.a11y-on .rs-dtab[aria-selected="true"] { text-decoration: underline; font-weight: 700; }
body.a11y-on .rs-grid th, body.a11y-on .rs-grid td, body.a11y-on .rs-grid tbody tr:nth-child(even) td { background: var(--a-bg) !important; color: var(--a-fg) !important; border-color: currentColor !important; }
body.a11y-on .rs-grid thead th { -webkit-text-fill-color: var(--a-fg) !important; }
body.a11y-on .rs-badge { background: var(--a-bg) !important; color: var(--a-fg) !important; border: 1px solid currentColor; }
body.a11y-on .rs-lesson__subject, body.a11y-on .rs-lesson__teacher, body.a11y-on .rs-lesson__group,
body.a11y-on .rs-card__time, body.a11y-on .rs-card__time b, body.a11y-on .rs-meta__grade,
body.a11y-on .rs-meta__hr, body.a11y-on .rs-meta__count { color: var(--a-fg) !important; -webkit-text-fill-color: var(--a-fg) !important; }

/* ---------- печать ----------
   Родители печатают расписание класса и вешают дома. На бумаге нужна
   только таблица: до этой страницы в base.css было всего два печатных
   правила, и шапка с меню и подвалом уезжали в печать целиком. */
@media print {
  /* На бумагу идёт сетка уроков одного класса — её вешают дома на видное
     место. Кружки не печатаем: они у каждого ребёнка свои, а лист должен
     остаться одним листом. Их расписание есть на экране и в raspisanie.md. */
  .m-top, .m-nav, .mobile-menu, .m-footer, .a11y-panel, .site-search, .post-modal,
  .modal-overlay, .m-cookie, .m-scroll-top, .rs-bar, .rs-days, .rs-cta, .m-crumbs,
  .rs-whole, #kruzhki, #scroll-progress { display: none !important; }
  .p-hero { background: none !important; color: #000 !important; padding: 0 0 8px !important; min-height: 0 !important; }
  .p-hero::before, .p-hero::after { display: none !important; }
  .p-hero__title, .p-hero__intro { display: none !important; }
  .m-section { padding: 0 !important; background: none !important; }
  .rs-printhead { display: block; margin: 0 0 10px; font-size: 11pt; color: #000; }
  .rs-printhead b { font-size: 14pt; }
  .rs-meta { margin-bottom: 8px; }
  .rs-meta__grade { font-size: 15pt; color: #000; }
  .rs-grid { display: table !important; width: 100%; font-size: 9pt; }
  .rs-grid thead { display: table-header-group; }          /* шапка на каждом листе */
  .rs-grid tr { break-inside: avoid; }
  .rs-grid thead th { position: static; background: #f0f0f0 !important; color: #000 !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .rs-grid th, .rs-grid td { border: 1px solid #999 !important; background: none !important; padding: 5px 6px; }
  .rs-lesson__subject { color: #000; }
  .rs-lesson__teacher, .rs-lesson__group { font-size: 8pt; color: #333; }
  .rs-badge { border: 1px solid #999; background: none !important; color: #000 !important; font-size: 7.5pt; }
  a[href]::after { content: none !important; }
  @page { size: A4 landscape; margin: 10mm; }
}