/* ============================================================
   dark-legacy.css

   Страницы услуг собраны из секций старого светлого дизайна
   (style.css). Тёмную тему задаёт dark.css, но правил для этих
   секций в нём нет: их заголовки и подписи окрашены в чёрный
   под белый фон и на тёмной странице пропадают.

   Здесь только перекраска: вёрстка, отступы и сетки остаются
   из style.css.

   Белые карточки и плашки не трогаем. На тёмном фоне они
   читаются как карточки, текст внутри тёмный — так и задумано.
   Поэтому .hero-main__badge, .benefits__card-highlight,
   .measurement__block-title и содержимое квиза остаются как есть.

   Порядок подключения: style.css → dark.css → dark-legacy.css
   ============================================================ */

/* Секция «Подключим архитектора» (.konsultacia) идёт светлой полосой
   по дизайну — фон #f8f8f8, текст тёмный. Её не трогаем вовсе. */

/* ---------- Заголовки секций ----------
   Крупные H2 были #000 / #0f0f0f — на тёмном фоне пропадали. */
body.dark-legacy .cases-besedki__title,
body.dark-legacy .services__title,
body.dark-legacy .process__title,
body.dark-legacy .glazing-types__title,
body.dark-legacy .measurement__title,
body.dark-legacy .po-foto__title,
body.dark-legacy .kviz__section-title {
    color: var(--ink);
}

/* ---------- Подзаголовки и описания секций ---------- */
body.dark-legacy .cases-besedki__subtitle,
body.dark-legacy .measurement__subtitle,
body.dark-legacy .po-foto__subtitle,
body.dark-legacy .process__desc,
body.dark-legacy .glazing-types__desc,
body.dark-legacy .glazing-types__text {
    color: var(--ink-2);
}

/* ---------- Подписи рядом с кнопками ----------
   Были #333: на светлом это приглушённый текст, на тёмном — пятно. */
body.dark-legacy .process__cta-text,
body.dark-legacy .measurement__cta-text,
body.dark-legacy .po-foto__cta-text {
    color: var(--muted);
}

/* ---------- Первый экран страниц услуг ----------
   Заголовок набран в белых плашках (.hero-main__title-line) —
   там тёмный текст по светлому, это дизайн, не трогаем. */
body.dark-legacy .hero-main__text {
    color: var(--ink-2);
}

/* Правая колонка: «На замер приезжает инженер» */
body.dark-legacy .hero-main__subtitle {
    color: var(--ink);
}
body.dark-legacy .hero-main__desc {
    color: var(--ink-2);
}

/* Кнопка-контур: была #111 по прозрачному фону */
body.dark-legacy .hero-main__btn--outline {
    color: var(--ink);
    border-color: var(--line);
}
body.dark-legacy .hero-main__btn--outline:hover {
    color: var(--bg);
    background: var(--ink);
    border-color: var(--ink);
}

/* ---------- Буллиты под первым экраном ---------- */
body.dark-legacy .bullets__action-text {
    color: var(--ink-2);
}

body.dark-legacy .bullets__btn {
    color: var(--ink);
    border-color: var(--line);
}
body.dark-legacy .bullets__btn:hover {
    color: var(--bg);
    background: var(--ink);
    border-color: var(--ink);
}

/* ---------- Виды остекления ----------
   Слева вкладки, справа описание выбранного типа. */
body.dark-legacy .glazing-types__tab {
    color: var(--ink-2);
}
body.dark-legacy .glazing-types__tab:hover {
    color: var(--ink);
}
/* Активная вкладка остаётся светлой плашкой с тёмным текстом —
   на тёмном фоне это единственный внятный способ показать выбор. */

body.dark-legacy .glazing-types__content-title,
body.dark-legacy .glazing-types__content-label {
    color: var(--ink);
}
body.dark-legacy .glazing-types__content-item {
    color: var(--ink-2);
}
/* Абзацы внутри блоков «Кому подходит» / «Что получите» —
   класса у них нет, стиль задан селектором по тегу. */
body.dark-legacy .glazing-types__content-block p {
    color: var(--ink-2);
}

/* ---------- Полосы прокрутки слайдеров ----------
   Дорожка была светло-серой под белый фон. */
body.dark-legacy .cases-besedki__track,
body.dark-legacy .services__scrollbar-track {
    background: var(--line);
}

/* ---------- Ссылки в текстовых блоках ---------- */
body.dark-legacy .glazing-types__text a {
    color: var(--ink);
}

/* Стрелки слайдеров сидят на белых круглых кнопках —
   их цвет (#333) остаётся рабочим, правила не нужны. */

/* Отдельных цветов в мобильных медиазапросах style.css не задаёт,
   поэтому правила выше действуют на всех ширинах. */

/* ============================================================
   Страница /uslugi
   Отдельный блок: у неё своя разметка (.services-page) и свои
   светлые подложки — карточки направлений и типов остекления.
   ============================================================ */

body.dark-legacy .services-page {
    background: transparent;
}

body.dark-legacy .services-page__title,
body.dark-legacy .services-page__section-title,
body.dark-legacy .services-page__direction-content h3,
body.dark-legacy .services-page__type-name {
    color: var(--ink);
}

body.dark-legacy .services-page__subtitle,
body.dark-legacy .services-page__types-desc,
body.dark-legacy .services-page__direction-content p {
    color: var(--ink-2);
}

/* Карточки направлений и типов: светлая подложка #F8F8F8 меняется
   на тёмную поверхность из палитры темы. */
body.dark-legacy .services-page__direction,
body.dark-legacy .services-page__type {
    background: var(--bg-2);
    border: 1px solid var(--line);
}

body.dark-legacy .services-page__direction-link {
    color: var(--ink);
}

/* Хлебные крошки */
body.dark-legacy .breadcrumbs,
body.dark-legacy .breadcrumbs a {
    color: var(--muted);
}
body.dark-legacy .breadcrumbs a:hover {
    color: var(--ink);
}