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

/* Тёмная тема: цвета текста статьи в теме заданы тёмными (#111–#555) под светлый фон — на тёмном их не видно.
   Текст статьи — на светлой подложке (04.11.2026, слово владельца); крошки, бренд и подсказки — светлые. */
/* Светлые подложки в тёмной теме: текст раздела (.service-content, белая) и статьи FAQ (.article__content/.article__body, #e9ecef из темы).
   Внутри — светлая палитра Bootstrap: тема пишет тёмные цвета и в базовую палитру (body-bg #000, текст #f8f9fa), поэтому data-bs-theme="light"
   не помогает; без этого карточки и шапки вкладок внутри тёмные, text-muted и текст статьи — светлые на светлом. */
html[data-bs-theme="dark"] .service-details .service-content,
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: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, .75);
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, .5);
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-border-color: #dee2e6;
    --bs-heading-color: inherit;
    color: var(--bs-body-color);
}
html[data-bs-theme="dark"] .service-details .service-content {
    background: #fff;
    border-radius: .5rem;
    padding: 1.5rem 1.75rem;
    margin-bottom: 1.5rem;
}
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-details .service-content .card-body .text-secondary {
    color: var(--bs-secondary-color) !important; /* внутри белой подложки — не светлым */
}
/* На белой подложке: заголовок «Отзывы» (#f8f9fa) и розовые ссылки (#ea6d79, контраст 3:1) — тёмными. */
html[data-bs-theme="dark"] .service-details .service-content .product-reviews__title {
    color: #111;
}
html[data-bs-theme="dark"] .service-details .service-description a,
html[data-bs-theme="dark"] .service-details .sns-article-content__body a,
html[data-bs-theme="dark"] .service-details .neighbors-strip__link,
html[data-bs-theme="dark"] .service-details .neighbors-strip__link span,
html[data-bs-theme="dark"] .article__body a {
    color: #b0091b;
}