/* ==========================================================================
   Шаблон услуги «Нарколог на дом» — надстройка над service-taiga.css.

   Оформление целиком берётся из дизайн-системы Taiga; здесь только то, чего
   в ней нет, потому что в Taiga-шаблоне таких связок блоков не было.
   Файл подключается после service-taiga.css и только на этом шаблоне, поэтому
   боевые страницы услуг он не задевает.
   ========================================================================== */

/* Чек-лист внутри карточки преимуществ: в шаблоне .adv рассчитана на абзац,
   а в блоке «оснащение» под заголовком карточки идёт перечень. */
.svc-taiga .adv .checklist {
    margin-block-start: 0.75rem;
}

.svc-taiga .adv .checklist li {
    font: var(--tui-typography-body-s);
}

/* Подзаголовок третьего уровня внутри .prose: в текстовых секциях этой
   страницы он разделяет вводный абзац и чек-лист симптомов. */
.svc-taiga .prose h3 {
    margin-block: 1.5rem 0.75rem;
}

/* Цена в hero идёт с длинной подписью — на узких экранах она должна
   переноситься под сумму, а не сжимать её. */
.svc-taiga .hero__price {
    flex-wrap: wrap;
}

/* Кнопок в hero теперь может быть больше двух (телефон + мессенджеры), и у
   каждой своя подпись. Жёсткие 13rem из шаблона заставляли короткую кнопку
   занимать ширину длинной и переносили ряд раньше времени — оставляем нижнюю
   границу, но даём растягиваться по тексту. */
.svc-taiga .hero__actions [tuiButton] {
    min-inline-size: auto;
}

/* Правило выше подключается позже шаблонного и перебивает его мобильный
   вариант: media-запрос специфичности не добавляет. Возвращаем кнопки
   на всю ширину на узких экранах — там колонка одна. */
@media (max-width: 34rem) {

    .svc-taiga .hero__actions [tuiButton] {
        min-inline-size: 100%;
    }
}

/* ==========================================================================
   Таблица цен: цвет подложки строки и цвет цены выбираются в ACF отдельно.

   Оформление самой таблицы не меняется — только палитра выделения. Подложки
   всегда бледные: на насыщенной серая подсказка под названием теряет контраст.
   ========================================================================== */

.svc-taiga .price-table__row--hl-blue td {
    background: var(--tui-status-info-pale);
}

.svc-taiga .price-table__row--hl-green td {
    background: var(--tui-status-positive-pale);
}

.svc-taiga .price-table__row--hl-orange td {
    background: var(--tui-status-warning-pale);
}

.svc-taiga .price-table__row--hl-red td {
    background: var(--tui-status-negative-pale);
}

.svc-taiga .price-table__row--hl-grey td {
    background: var(--tui-background-neutral-1);
}

/* Текстовые тона отдельно от подложек: --tui-status-positive и
   --tui-status-warning рассчитаны на плашки и иконки, как цвет текста на белом
   они не читаются (мятный и жёлтый). Для цены и названия берём затемнённые
   варианты тех же оттенков. */
.svc-taiga {
    --nrk-price-green: #1b7f58;
    --nrk-price-orange: #b56a00;
}

/* Цвет цены задан явно — он важнее умолчания подложки, поэтому идёт ниже
   правила `.price-table__row--hl .price-table__price` из service-taiga.css. */
.svc-taiga .price-table__price--red,
.svc-taiga .price-table__row--hl .price-table__price--red {
    color: var(--brand-accent);
}

.svc-taiga .price-table__price--green,
.svc-taiga .price-table__row--hl .price-table__price--green {
    color: var(--nrk-price-green);
}

.svc-taiga .price-table__price--blue,
.svc-taiga .price-table__row--hl .price-table__price--blue {
    color: var(--brand-primary);
}

.svc-taiga .price-table__price--orange,
.svc-taiga .price-table__row--hl .price-table__price--orange {
    color: var(--nrk-price-orange);
}

/* Цвет названия услуги — поле `item_text_color` было в админке и раньше,
   но Taiga-партиал его не выводил. */
.svc-taiga .price-table__name--red {
    color: var(--brand-accent);
}

.svc-taiga .price-table__name--blue {
    color: var(--brand-primary);
}

.svc-taiga .price-table__name--green {
    color: var(--nrk-price-green);
}