/* S3 (2026-10-18): читаемость. Подключается ПОСЛЕ css/adaptive.css (через public-patches/head-end.html) и только
   переопределяет цвета текста, размеры шрифта и выравнивание цен. Макет, отступы блоков и декор не трогаем.
   Цвета: текст медью #866047 (контраст ≥4.9:1 на панели #fff / #FEFBF6), серый текст #6F6A66 (≥4.8:1);
   фирменная медь #B88D73 остаётся у точек, линий и подчёркиваний. Источник чисел: docs/audit/READABILITY-MEASURE-*.md */

:root {
  --copper-text: #866047;   /* медь для текста */
  --text-gray-readable: #6F6A66;
}

/* --- цвета текста (все экраны) --- */
.table-slide__section-title,
.col-headers__name,
.col-headers__price { color: var(--copper-text); }

.col-headers__price small,
.table-row__schedule,
.price-child { color: var(--text-gray-readable); }

/* колонки «цена на кассе» (серая, зачёркнутая) и «ваша экономия» (медь): те же роли, читаемые оттенки */
.price-cell--kassa .price-main,
.price-cell--kassa .price-child { color: var(--text-gray-readable); }
.price-cell--save .price-main,
.price-cell--save .price-child { color: var(--copper-text); }

/* подпись под названием слайда задана inline-стилем (7px, серый) — перекрываем только им доступным способом */
.table-slide__subtitle { color: var(--text-gray-readable) !important; font-size: 8px !important; }

/* --- цены: табличные цифры и выравнивание по правому краю; прочерки и «по запросу» остаются по центру --- */
.price-main,
.price-child,
.col-headers__price { font-variant-numeric: tabular-nums lining-nums; }

.table-row__price-cell,
.col-headers__price { text-align: right; padding-right: 6px; box-sizing: border-box; }

.table-row__price-cell:has(.price-dash),
.table-row__price-cell:has(.price-request) { text-align: center; }

/* --- компьютер (слайд 842×595 внутри панели) --- */
@media (min-width: 1025px) {
  .table-slide__section-title { font-size: 11px; }
  .col-headers__name,
  .col-headers__price { font-size: 8px; }
  .col-headers__price small { font-size: 7px; }
  .table-row__name { font-size: 10px; }
  .table-row__schedule { font-size: 8px; }
  .price-main { font-size: 11px; }
  .price-child { font-size: 9px; }
}

/* --- телефон, портрет (перекомпоновка) --- */
@media (max-width: 768px) and (orientation: portrait) {
  .table-row__price-cell,
  .col-headers__price { padding-right: 12px; } /* цифры не прижаты к разделителю */
  .col-headers__price,
  .col-headers__price small { white-space: normal; overflow-wrap: anywhere; } /* длинные подписи колонок переносятся, а не вылезают */
  .table-slide__section-title { font-size: 9px; }
  .col-headers__price { font-size: 8px; }
  .col-headers__price small { font-size: 7px; }
  .table-row__schedule { font-size: 10px; }
  .price-child { font-size: 11px; }
}

/* --- маленький телефон (≤375px): меньше отступ, чтобы заголовки колонок не выходили за экран --- */
@media (max-width: 375px) and (orientation: portrait) {
  .table-row__price-cell,
  .col-headers__price { padding-right: 8px; }
}

/* --- телефон, альбом --- */
@media (max-width: 900px) and (orientation: landscape) {
  .table-slide__section-title { font-size: 8px; }
  .col-headers__name,
  .col-headers__price { font-size: 8px; }
  .col-headers__price small { font-size: 7px; }
  .table-row__schedule { font-size: 9px; }
  .price-child { font-size: 10px; }
}

/* iPad (769–1024px): размеры уже 15–18px, меняются только цвета выше */