/* --- Uztest Mobile Stability Patch 2026 (v1.02) --- */

/* ГЛОБАЛЬНЫЕ ПРАВИЛА (ДЛЯ ВСЕХ ЭКРАНОВ) */

/* 1. Таблицы: прокрутка вместо растягивания */
#pagecontent table,
.container-fluid table,
#pageRoot table {
  display: block !important;
  width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1em;
}

/* 2. MathJax: адаптивность формул */
.MathJax_Display,
.MathJax,
.mjx-chtml {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden;
}

/* 3. Изображения: не шире экрана */
#pagecontent img,
#pageRoot img,
.container-fluid img {
  max-width: 100% !important;
  height: auto !important;
}

/* 4. Сетка: базовый фикс переполнения */
.col-xs-13,
.row {
  max-width: 100%;
}

/* АДАПТИВНЫЙ БЛОК (MOBILE ONLY: < 768px) */
@media (max-width: 767px) {

  /* Форсируем поведение Flex для всех рядов, чтобы блоки вставали вертикально */
  .row {
    display: flex !important;
    flex-direction: column !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  /* Убираем пустые пространства и горизонтальный скролл у контейнера */
  .container-fluid {
    padding-left: 5px !important;
    padding-right: 5px !important;
    overflow-x: hidden !important;
    width: 100% !important;
  }

  /* ГЛАВНЫЙ ФИКС: Растягиваем контент и баннер на 100% */
  #pagecontent,
  #pagebanner,
  .col-xs-12 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    /* Устраняем "сжатие" */
    flex: 0 0 100% !important;
    float: none !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    left: 0 !important;
    /* На случай если есть позиционирование */
  }

  /* Сброс внутренних колонок (например, 2 колонки в теле страницы) */
  #pagecontent .col-xs-6,
  #pagecontent .col-xs-4,
  #pagecontent .col-sm-6 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin-bottom: 15px;
  }

  /* Фикс для возможных пустых колонок справа внутри контента */
  #pagecontent::after {
    content: none !important;
  }
}