/* Модуль «Курсы и услуги Алхимиков» (alchemistinfo) — 1:1 classicbk.
 *
 * В classicbk собственных CSS-правил у модуля нет: разметка использует
 * .pui-field2/.pui-btn1/.pui-inp/.pui-h3/.pui-bp5/.cp/.noselect/.date3
 * из main.css / buttons.css / project-ui.css (уже подключены в client.html).
 * Редактор обрезки картинок рисуется inline-стилями (как в оригинале).
 *
 * Ниже — только мобильная адаптация под нашу оболочку (430px): в classicbk
 * страница на телефоне скроллится по горизонтали (docW 980 при 430), у нас
 * по DoD горизонтального скролла быть не должно. На десктопе (>=900px)
 * правила не действуют, DOM/CSS-сверка 1:1 не меняется.
 */

@media (max-width: 899px) {
  /* Две колонки страницы (30% / 70%) складываются в столбик */
  html:not(.mpg-force-desktop) #main > div[style*="padding:5px"] > table[width="100%"] > tbody > tr > td {
    display: block;
    width: auto !important;
    max-width: 100%;
  }
  /* Вложенная таблица контента (genContent: 30% / 70%) — тоже в столбик,
     кроме таблицы накопительного бонуса (она должна остаться 4 колонки) */
  html:not(.mpg-force-desktop) #main table[style*="width: 100%"]:not(.bonus_table) > tbody > tr > td {
    display: block;
    width: auto !important;
    max-width: 100%;
  }
  html:not(.mpg-force-desktop) #main fieldset {
    width: auto !important;
    max-width: 100%;
    box-sizing: border-box;
  }
  html:not(.mpg-force-desktop) #main input,
  html:not(.mpg-force-desktop) #main select,
  html:not(.mpg-force-desktop) #main button {
    max-width: 100%;
    box-sizing: border-box;
  }
  /* Таблица накопительного бонуса: 4 колонки не должны задавать min-width */
  html:not(.mpg-force-desktop) #main table.bonus_table {
    table-layout: fixed;
    width: 100%;
  }
  html:not(.mpg-force-desktop) #main table.bonus_table td {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  /* Редактор обрезки: окно не шире экрана */
  html:not(.mpg-force-desktop) #win_alch_crop .win_s1_box,
  html:not(.mpg-force-desktop) #win_alch_crop #alch_crop_view {
    max-width: calc(100vw - 24px);
    box-sizing: border-box;
  }
}