/* tables.css — таблицы в статьях: прокрутка + липкая шапка (standalone для прода)
   Подключение: в head.inc ПОСЛЕ main.min.css:
   <link rel="stylesheet" href="<?php echo $config->urls->templates?>css/tables.css">
   Откат: удалить эту строку и файл. Больше ничего не затрагивает. */

/* МОБИЛЬНЫЕ/УЗКИЕ ЭКРАНЫ: таблица = скролл-панель (широкие справочники не режутся краем,
   длинные листаются внутри панели 75vh) + шапка прилипает при прокрутке в обе стороны */
@media (max-width: 991px) {
  .main-content table:not(.pricelist) {
    display: block !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
    max-width: 100% !important;
    max-height: 75vh !important;
  }
  .main-content table:not(.pricelist) tr:first-child th {
    position: sticky !important;
    top: 0 !important;
    background: #f5f7f8 !important;
    z-index: 2;
    box-shadow: 0 1px 0 #d8dde1;
  }
}

/* ДЕСКТОП: шапка таблицы прилипает при прокрутке страницы, под фикс-шапкой сайта (её высота 103px) */
@media (min-width: 992px) {
  .main-content table:not(.pricelist) tr:first-child th {
    position: sticky;
    top: 104px;
    background: #fff;
    z-index: 2;
    box-shadow: 0 1px 0 #d8dde1;
  }
}