/*
 * Busya: стили шаблона templates/busya-page.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-content-single h1 { font-size: 28px; font-weight: 700; line-height: 1.2; color: #1e293b; margin: 0 0 30px; }
.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 h2:first-child { margin-top: 0; }
.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 a { color: #3b82f6; text-decoration: none; }
.busya-content-body a:hover { text-decoration: underline; }
/* Телефон: отступ страницы + отступ белой карточки съедали ~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; }
}

/* Нейтрализуем Astra-обёртки — иначе серый/белый блок между контентом и футером.
   Astra делает #page { display:flex; min-height:100vh } + #content { flex:1 } для sticky footer.
   На коротких страницах это оставляет большое пустое место. */
body { background: #eff6ff; }
#page { min-height: 0 !important; }
#content.site-content {
    flex: none !important;
    padding: 0 !important;
    min-height: 0 !important;
    background: #eff6ff;
}
#content.site-content > .ast-container {
    padding: 0 !important;
    min-height: 0 !important;
    background: #eff6ff;
}