/*
 * SUNDUQ v303 — страницы разделов не должны разъезжаться на телефоне.
 *
 * ЧТО БЫЛО.
 * В site-base-v333.css есть правило [class*="Page"]{display:grid}. Оно делает
 * grid-контейнером ЛЮБОЙ элемент, в классе которого встречается «Page», — в том
 * числе <main class="marketPage">, jobs93Page, realty94Page и остальные разделы.
 *
 * У grid-элементов по умолчанию min-width:auto: дорожка не может стать уже
 * своего содержимого. Достаточно одного широкого потомка — например строки
 * фильтров с flex-wrap:nowrap — и колонка раздувается шире экрана, а вместе с
 * ней и вся страница.
 *
 * Замер на 375×812 (iPhone) до исправления:
 *   /market.php — ширина документа 608 px при экране 375 (колонка 598 px),
 *                 кнопка «Подать объявление» обрезана, фильтр «Цена» за экраном;
 *   /jobs.php   — ширина документа 547 px, та же причина.
 * Страница ездила вбок, часть управления была недоступна.
 *
 * ЧТО ДЕЛАЕМ.
 * Только на узких экранах разрешаем дорожке и её содержимому сжиматься:
 * явная колонка minmax(0,1fr) вместо неявной max-content и min-width:0 у детей.
 * Десктоп не затронут — правило внутри @media (max-width:720px), а ширина
 * страниц там задаётся своими правилами site-ui-v326.css.
 *
 * Ограничено селектором main[class*="Page"], а не всем [class*="Page"]:
 * трогаем именно контейнер страницы, а не случайные блоки с «Page» в классе.
 */

@media (max-width: 720px) {

  main[class*="Page"] {
    grid-template-columns: minmax(0, 1fr);
  }

  /* Прямые секции страницы обязаны укладываться в колонку. */
  main[class*="Page"] > * {
    min-width: 0;
    max-width: 100%;
  }

  /*
   * Строка фильтров сжаться не может по смыслу: это набор кнопок в один ряд.
   * Поэтому не ломаем её вёрстку, а даём прокручиваться внутри своей полосы —
   * приём привычный для фильтров на телефоне. Сама страница вбок больше не ездит.
   */
  main[class*="Page"] .su299FilterBar {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  main[class*="Page"] .su299FilterBar::-webkit-scrollbar {
    display: none;
  }

  /*
   * Ряд вкладок Недвижимости («Купить / Снять / Посуточно») — flex без переноса.
   * На 375 px третья вкладка вылезала за экран на 6 px и тянула за собой всю
   * страницу. Вкладок мало, поэтому перенос уместнее прокрутки.
   */
  main[class*="Page"] .realty94Tabs {
    flex-wrap: wrap;
  }

  /* Длинные слова и ссылки без пробелов не должны распирать карточки. */
  main[class*="Page"] h1,
  main[class*="Page"] h2,
  main[class*="Page"] h3,
  main[class*="Page"] p {
    overflow-wrap: anywhere;
  }
}