/* polish-services.css - изолированная зона: страницы услуг, цены. Правит только дизайнер services-зоны. НЕ трогать main.css. */

/* Файл грузится сайт-широко (после main.css), поэтому КАЖДОЕ правило
   заскоуплено на 5 шаблонов зоны через :is() - ничего не утекает в
   каталог/магазин/контент. Токены/типографика/ритм - из design-rules.md §1–§4. */

/* ============================================================
   1. ПРАЙС-ТАБЛИЦЫ - единая геометрия колонок
   ------------------------------------------------------------
   Дефект: у стопки прайс-таблиц (особенно /ceny/, 5 таблиц подряд)
   table-layout:auto подбирал ширины по контенту КАЖДОЙ таблицы, из-за
   чего граница «Что входит | Цена» гуляла: левый край колонки «Цена»
   прыгал 1003↔1124px (разброс 121px), колонка «Что входит» - 471↔591px.
   Стопка одинаковых по смыслу таблиц выглядела рассинхронно.

   Фикс: жёсткая сетка 34% / 46% / 20% + table-layout:fixed - все таблицы
   зоны идентичны, «Цена» стоит ровной правой колонкой. Правое выравнивание
   (main.css) сохраняется, «по расчёту»/«по договору» встают по тому же краю,
   что и цифры. min-width держит таблицу шире мобильного вьюпорта, чтобы
   свайп-фейд (scroll-shadow из main.css) продолжал работать. */
:is(.page-template-page-ceny,
    .page-template-page-usluga-konditsionirovanie,
    .page-template-page-usluga-ventilyaciya,
    .page-template-page-usluga-remont-montazh,
    .page-template-page-usluga-montazh) .price-wrap table.price {
  table-layout: fixed;
  width: 100%;
  min-width: 560px;
}
:is(.page-template-page-ceny,
    .page-template-page-usluga-konditsionirovanie,
    .page-template-page-usluga-ventilyaciya,
    .page-template-page-usluga-remont-montazh,
    .page-template-page-usluga-montazh) .price-wrap table.price thead th:nth-child(1) { width: 34%; }
:is(.page-template-page-ceny,
    .page-template-page-usluga-konditsionirovanie,
    .page-template-page-usluga-ventilyaciya,
    .page-template-page-usluga-remont-montazh,
    .page-template-page-usluga-montazh) .price-wrap table.price thead th:nth-child(2) { width: 46%; }
:is(.page-template-page-ceny,
    .page-template-page-usluga-konditsionirovanie,
    .page-template-page-usluga-ventilyaciya,
    .page-template-page-usluga-remont-montazh,
    .page-template-page-usluga-montazh) .price-wrap table.price thead th:nth-child(3) { width: 20%; }

/* Перенос длинных описаний в колонке «Что входит» без разрыва слов
   (fixed-layout иначе может выдавить контент за ячейку). */
:is(.page-template-page-ceny,
    .page-template-page-usluga-konditsionirovanie,
    .page-template-page-usluga-ventilyaciya,
    .page-template-page-usluga-remont-montazh,
    .page-template-page-usluga-montazh) .price-wrap table.price td {
  overflow-wrap: break-word;
}

/* Тихая подсветка строки на hover - связывает «Вид работ» слева и «Цену»
   справа через широкую таблицу (§6: движение тихое, hover карточек).
   Нейтральный navy-тинт 4% читается и на белой, и на sky-подложке. */
@media (hover: hover) {
  :is(.page-template-page-ceny,
      .page-template-page-usluga-konditsionirovanie,
      .page-template-page-usluga-ventilyaciya,
      .page-template-page-usluga-remont-montazh,
      .page-template-page-usluga-montazh) .price-wrap table.price tbody tr {
    transition: background-color .18s var(--ease, ease);
  }
  :is(.page-template-page-ceny,
      .page-template-page-usluga-konditsionirovanie,
      .page-template-page-usluga-ventilyaciya,
      .page-template-page-usluga-remont-montazh,
      .page-template-page-usluga-montazh) .price-wrap table.price tbody tr:hover {
    background-color: rgba(11, 29, 79, .04);
  }
}