/*
 * Busya: стили шаблона templates/busya-content-single.php (пакет 8г, Е.15; раньше — блок <style> в HTML страницы).
 * Подключается в Busya::enqueue_assets() после busya-site.css, когда выбран этот шаблон (Busya::remember_template()).
 */

.busya-content-single {
    background: #eff6ff; padding: 30px 0 50px;
    /* Было 100vw с отрицательными полями — 100vw включает полосу прокрутки,
       и страница становилась шире окна (горизонтальный скролл). Контейнеры
       Astra уже растянуты на всю ширину (site-header.php), хватает 100%. */
    width: 100%; box-sizing: border-box;
}
.busya-content-container {
    max-width: var(--busya-w, 1000px); margin: 0 auto; padding: 0 20px;
    font-family: system-ui, -apple-system, sans-serif; color: #334155;
}
.busya-breadcrumbs { font-size: 13px; color: #64748b; margin-bottom: 18px; }
.busya-breadcrumbs a { color: #3b82f6; text-decoration: none; }
.busya-content-single h1 { font-size: 28px; font-weight: 700; line-height: 1.2; color: #1e293b; margin: 0 0 12px; }
.busya-content-meta { font-size: 14px; color: #64748b; margin-bottom: 24px; }
.busya-content-body {
    background: #fff; border-radius: 14px; padding: 30px 34px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); line-height: 1.7; font-size: 16px;
}
.busya-content-body h2 { font-size: 24px; color: #1e293b; margin: 28px 0 12px; }
.busya-content-body h3 { font-size: 19px; color: #1e293b; margin: 22px 0 10px; }
.busya-content-body p { margin: 0 0 14px; }
.busya-content-body ul, .busya-content-body ol { margin: 0 0 14px 22px; }
.busya-content-body table { width: 100%; border-collapse: collapse; margin: 0 0 16px; }
.busya-content-body th, .busya-content-body td { border: 1px solid #e2e8f0; padding: 8px 12px; text-align: left; }
.busya-content-body th { background: #f8fafc; }
/* Таблица прокручивается вбок внутри своей рамки (обёртка — busya_wrap_content_tables) */
.busya-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 0 16px;
    border-radius: 8px; }
.busya-table-scroll table { margin: 0; }
/* У блока таблицы редактора WordPress (figure.wp-block-table) своя горизонтальная
   прокрутка — вместе с нашей обёрткой под таблицей появлялись две полосы.
   Прокрутку оставляем только у обёртки. */
.busya-content-body figure.wp-block-table { overflow: visible; margin-left: 0; margin-right: 0; }
.busya-content-body th, .busya-content-body td { vertical-align: top; }
/* Телефон: отступ страницы + отступ белой карточки съедали ~70px ширины текста */
@media (max-width: 768px) {
    .busya-content-single { padding: 20px 0 32px; }
    .busya-content-container { padding: 0 12px; }
    .busya-content-single h1 { font-size: 24px; }
    .busya-content-body { padding: 18px 16px; border-radius: 12px; }
    .busya-content-body h2 { font-size: 21px; }
    .busya-content-body ul, .busya-content-body ol { margin-left: 18px; }
    /* Таблице задаём минимальную ширину: иначе она ужимается по ширине экрана
       и текст в ячейках встаёт по два слога в строку. Обёртка прокручивается. */
    .busya-table-scroll table { min-width: 640px; }
    .busya-table-scroll { margin-left: -16px; margin-right: -16px; padding: 0 16px; }
    .busya-content-body th, .busya-content-body td { padding: 8px 10px; font-size: 15px; }
}