/*
Theme Name: RootRouter.ru
Theme URI: https://RootRouter.ru
Description: Дочерняя тема на основе Astra
Author: Рекомендуй всем
Author URI: https://RootRouter.ru
Template: astra
Version: 2.1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: RootRouter
Domain Path: /languages
*/

/* ==========================================================================
   RootRouter.ru дочерняя тема Astra
   ========================================================================== */

/* Импортируем стили родительской темы */
@import url('../astra/style.css');

/* Здесь добавляйте ваши собственные стили */
:root {
--wp--custom--ast-content-width-size1: 1200px !important;
--wp--custom--ast-wide-width-size1: 1200px !important;
}

.ast-narrow-container {
--wp--custom--ast-content-width-size1: 1200px !important;
--wp--custom--ast-wide-width-size1: 1200px !important;
}

@media (min-width: 922px) {
  .ast-narrow-container .site-content > .ast-container {
    max-width: 1200px !important;
  }
}

/* ==========================================================================
   Широкая таблица с прокруткой на мобильнике
   ========================================================================== */

/* Базовый стиль таблицы (для десктопа — без изменений) */
table.responsive-scroll {
  width: 100%;
  border-collapse: collapse;
}

table.responsive-scroll th,
table.responsive-scroll td {
  padding: 8px 12px;
  text-align: left;
  border: 1px solid #ccc;
}

/* Обертка для горизонтальной прокрутки на мобильных */
@media (max-width: 768px) {
  .table-scroll-wrapper {
    overflow-x: auto; /* горизонтальная прокрутка */
    -webkit-overflow-scrolling: touch; /* плавная прокрутка на iOS */
    width: 100%;
    margin: 0;
  }

  .table-scroll-wrapper table.responsive-scroll {
    min-width: 600px; /* фиксируем минимальную ширину, чтобы таблица не сжималась */
  }
}