/* custom.css — мигрирован в SCSS-тему (_overrides.scss → main.css). Тонкий слой для ручных правок. */

/* ── Старый вид kb77 (как на старом проде, 2026-11-12) ─────────────────────────────────────────────
   Шапка статьи раздела/товара/страницы — на тёмном фоне: заголовок по центру, описание крупнее с пунктирной линией сверху;
   светлая подложка только у текста (как .article__content старого сайта: #e9ecef, тёмный текст, заголовки Russo One).
   Сайдбар — тёмные виджеты (scss/pages/_aside2.scss старого сайта). */

html[data-bs-theme="dark"] .service-details .service-content {
    background: transparent;
    padding: 0;
    color: var(--bs-body-color);
}
html[data-bs-theme="dark"] .service-details .service-title {
    text-align: center;
    color: #f8f9fa;
    font-weight: 500;
    padding: .5em 0 .5em;
    margin-bottom: .5em;
}
html[data-bs-theme="dark"] .service-details .service-description .lead {
    padding: 1em;
    font-size: 1.2em;
    letter-spacing: 1px;
    color: #f8f9fa;
    font-weight: 600;
    border-top: 1px dotted rgba(255, 255, 255, .2);
    margin-bottom: 1em;
}
/* То же для страниц и вопросов FAQ (шаблон main-article; окно вопроса .sns-popup__article — не трогаем). */
html[data-bs-theme="dark"] .main-article:not(.sns-popup__article) .main-article__title {
    text-align: center;
    color: #f8f9fa;
    font-weight: 500;
    padding: .5em 0;
    margin-bottom: .5em;
}
html[data-bs-theme="dark"] .main-article:not(.sns-popup__article) .main-article__description {
    padding: 1em;
    font-size: 1.2em;
    letter-spacing: 1px;
    color: #f8f9fa;
    font-weight: 600;
    border-top: 1px dotted rgba(255, 255, 255, .2);
    margin-bottom: 1em;
}
html[data-bs-theme="dark"] .service-details .service-hero img {
    border-radius: 0;
    box-shadow: none;
}

/* Светлая подложка текста (и статьи FAQ). Тема пишет тёмные цвета и в базовую палитру (body-bg #000, текст #f8f9fa),
   поэтому data-bs-theme="light" не помогает — палитра Bootstrap задана здесь явно. */
html[data-bs-theme="dark"] .service-details .sns-article-content__body,
html[data-bs-theme="dark"] .main-article:not(.sns-popup__article) .sns-article-content__body,
html[data-bs-theme="dark"] .article__content,
html[data-bs-theme="dark"] .article__body {
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #e9ecef;
    --bs-body-bg-rgb: 233, 236, 239;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-bg: #dee2e6;
    --bs-secondary-bg-rgb: 222, 226, 230;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-border-color: #ced4da;
    --bs-heading-color: inherit;
    color: var(--bs-body-color);
}
html[data-bs-theme="dark"] .service-details .sns-article-content__body,
html[data-bs-theme="dark"] .main-article:not(.sns-popup__article) .sns-article-content__body {
    background-color: #e9ecef;
    padding: 2em 1em;
}
html[data-bs-theme="dark"] .service-details .sns-article-content__body :is(h1, h2, h3, h4, h5, h6),
html[data-bs-theme="dark"] .main-article:not(.sns-popup__article) .sns-article-content__body :is(h1, h2, h3, h4, h5, h6),
html[data-bs-theme="dark"] .article__content :is(h1, h2, h3, h4, h5, h6) {
    font-family: 'Russo One', var(--bs-body-font-family);
    color: #212529;
}
html[data-bs-theme="dark"] .service-details .sns-article-content__body h2 {
    padding-top: .5em;
    font-size: 1.5em;
}
/* Ссылки на светлой подложке — тёмно-красные (розовые #ea6d79 дают контраст 3:1). */
html[data-bs-theme="dark"] .service-details .sns-article-content__body a,
html[data-bs-theme="dark"] .main-article:not(.sns-popup__article) .sns-article-content__body a,
html[data-bs-theme="dark"] .article__body a {
    color: #b0091b;
}

html[data-bs-theme="dark"] .breadcrumb-item.active,
html[data-bs-theme="dark"] .navbar-brand {
    color: #ced4da;
}
html[data-bs-theme="dark"] .service-details .card-body .text-secondary {
    color: #ced4da !important;
}

/* Сайдбар: форма «Нужна консультация» — тёмная карточка, как виджеты. */
html[data-bs-theme="dark"] .service-sidebar .sidebar-widget.card {
    background-color: #1e1e1e;
    border: 1px solid #333 !important;
    border-radius: 8px;
    color: #e0e0e0;
}
html[data-bs-theme="dark"] .service-sidebar .sidebar-widget .card-header {
    background-color: transparent !important;
    color: #dc0c20 !important;
    border-bottom: 1px solid #333;
}