/*
 * ============================================================
 *  DESIGN FIXES v4 — бирюзовая палитра, спокойная
 *  Подключать ПОСЛЕ main_min.css
 *  <link rel="stylesheet" href="/css/design-fixes-v4.css">
 *
 *  Логика цветов:
 *  --teal        основной акцент — бирюза, но темнее и насыщеннее
 *  --teal-dark   ховеры и footer
 *  --teal-light  фоновые тинты
 *  --slate       заголовки — тёмный с холодным подтоном
 *  --body        основной текст
 *  --muted       второстепенный текст
 *  --border      разделители
 *  --gold        иконки прайса — темнее, не кричит
 * ============================================================ */

:root {
    --teal:        #2A9D8F;   /* темнее и насыщеннее чем #67CFC0 */
    --teal-dark:   #1F7A6E;   /* ховеры */
    --teal-light:  #E8F5F3;   /* фоновые тинты */
    --teal-overlay: rgba(20, 70, 63, 0.62); /* оверлей на фото */
    --slate:       #1E2D2B;   /* заголовки */
    --body:        #374140;   /* основной текст */
    --muted:       #6E7F7D;   /* второстепенный */
    --border:      #DDE8E6;   /* разделители */
    --gold:        #8A7510;   /* иконки прайса */
}


/* ============================================================
   HERO — оверлей
   Было: #67CFC0 на 84% — смывает фото полностью
   ============================================================ */

.call .container::after,
.modal__wrapper::after {
    background-color: var(--teal-overlay) !important;
}

/* Текст hero — убираем justify */
.hero p,
.hero__text {
    text-align: left;
    hyphens: auto;
    -webkit-hyphens: auto;
    line-height: 1.75;
}


/* ============================================================
   МЕНЮ — ссылки
   Пункт «Помощь при запое» был синим (visited)
   ============================================================ */

.menu__link:visited,
.menu__inner-link:visited {
    color: #363636;
}

.menu__link:hover {
    color: var(--teal);
}

.menu__item::after {
    border-top-color: var(--teal);
}

/* Скролл-хедер */
.header-scroll .header__btn {
    color: var(--teal);
    border-color: var(--teal);
}

.header-scroll .header__btn::after {
    border-color: var(--teal);
}

/* Бургер */
.header__toggle span {
    background-color: var(--teal);
}

/* Убираем border-radius «таблетку» на мобильном хедере */
@media screen and (max-width: 500px) {
    .header__line {
        border-radius: 0;
    }
}


/* ============================================================
   БАННЕР «СКИДКА ВОЕННОСЛУЖАЩИМ» (.salemil)
   Треугольник справа — артефакт вёрстки, убираем
   ============================================================ */

.salemil::after {
    display: none !important;
}


/* ============================================================
   ЗАГОЛОВКИ РАЗДЕЛОВ
   Было: #C72626 красный везде
   Стало: тёмный slate
   ============================================================ */

.new__title,
.price__title,
.advantages-block__title,
.news__title,
.reab__title,
.team__title,
.inf__title,
.narko__title,
.ne__title,
.stati__title,
.help__title,
.call__title,
.faq .new__title,
.review__title {
    color: var(--slate);
}

/* Имена в карточках */
.team__name,
.news__name,
.reab__name,
.ne__name,
.narko__name,
.inf__name,
.new__tit {
    color: var(--slate);
}

/* Названия услуг — visited сбрасывает цвет в синий */
.reab__name a,
.ne__name a,
.narko__name a,
.inf__name a,
.news__name a {
    color: var(--slate);
}

.reab__name a:visited,
.ne__name a:visited,
.narko__name a:visited,
.inf__name a:visited,
.news__name a:visited {
    color: var(--slate);
}

.reab__name a:hover,
.ne__name a:hover,
.narko__name a:hover,
.inf__name a:hover,
.news__name a:hover {
    color: var(--teal);
}

/* Специализация врача — gold → teal */
.team__position {
    color: var(--teal);
    font-weight: 500;
}

/* Описание под услугами — был слабый font-weight 300 + красный */
.reab__info {
    color: var(--muted);
    font-weight: 400;
}

/* Страницы */
.info-pag .info__tit,
.info__wrapper.info__wrapper-left h2,
.zh_policy-maindiv h2,
.zh_policy-maindiv h1 {
    color: var(--slate);
}

/* Большое число в отзывах */
.review__title span {
    color: var(--teal);
}

.review__position {
    color: var(--teal);
}

/* help__tit */
.help__tit {
    color: var(--teal);
}


/* ============================================================
   КНОПКИ
   btn_blue: было font-size: 9px — нечитаемо
   hover на btn_brown не менял цвет
   ============================================================ */

.btn_brown {
    background-color: var(--teal);
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.02em;
    border-radius: 8px;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.btn_brown:hover {
    background-color: var(--teal-dark);
    color: #fff;
}

.btn_brown:active {
    transform: scale(0.97);
}

.btn_blue {
    background-color: var(--teal);
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0.02em;
    border-radius: 8px;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.btn_blue:hover {
    background-color: var(--teal-dark);
    color: #fff;
}

.btn_blue:active {
    transform: scale(0.97);
}

/* Outline-кнопка info__btn */
.info__btn {
    color: var(--teal);
    border-color: var(--teal);
    border-radius: 8px;
}

.info__btn::after {
    border-color: var(--teal);
}

.info__btn:hover {
    color: var(--teal);
}

@media screen and (max-width: 550px) {
    .info__btn {
        background-color: var(--teal);
        color: #fff;
        border-width: 0;
    }
    .info__btn:hover {
        color: #fff;
    }
}


/* ============================================================
   ПРАЙС
   Кружки-индикаторы — нелепые, делаем аккуратнее
   Цены — были золотые #BDAA25 (плохой контраст на белом)
   ============================================================ */

/* Кружки */
.price__circle,
.price__item-circle {
    border: 2px solid var(--border);
    background-color: transparent;
}

.price__item.active .price__circle,
.price__item--active .price__circle,
.price__item.active .price__item-circle {
    background-color: var(--teal);
    border-color: var(--teal);
}

/* Цена */
.price__item-price,
.price__price {
    color: var(--teal-dark);
    font-weight: 600;
}

/* Название курса */
.price__item-name,
.price__name {
    color: var(--slate);
    font-weight: 500;
}

/* Кнопка «Заказать» */
.price__item .btn,
.price__btn {
    background-color: var(--teal);
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.price__item .btn:hover,
.price__btn:hover {
    background-color: var(--teal-dark);
    color: #fff;
}

.price__item .btn:active,
.price__btn:active {
    transform: scale(0.97);
}

/* Разделители строк в прайсе */
.price__item,
.tab-item {
    border-bottom-color: var(--border);
}

/* Цена в таблице */
.tab-item td:nth-child(2) {
    color: var(--teal-dark);
    font-weight: 600;
    white-space: nowrap;
}


/* ============================================================
   ИКОНКИ ПРАЙСА — темнее, не кричат
   ============================================================ */

.i-m-pric-01,
.i-m-pric-02,
.i-m-pric-03,
.i-m-pric-04,
.i-m-pric-05,
.i-m-pric-06,
.i-m-pric-07,
.i-m-pric-08 {
    background-color: var(--gold);
}


/* ============================================================
   АККОРДЕОН
   height: auto не анимируется в CSS — прыгает
   ============================================================ */

.collapse_text {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, padding 0.3s ease, margin 0.3s ease;
    padding: 0;
    margin: 0;
    width: calc(100% - 40px);
}

.active .collapse_text {
    max-height: 900px;
    padding: 10px;
    margin: 10px;
}

.panel-title_wrapper:before,
.panel-title_wrapper:after {
    background: var(--teal);
}

.panel-title {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--slate);
}


/* ============================================================
   ОТЗЫВЫ
   ============================================================ */

.review__text {
    text-align: left;
    hyphens: auto;
    -webkit-hyphens: auto;
}

/* Декоративный прямоугольник слева */
.review__wrapper::before {
    background-color: var(--teal);
    opacity: 0.90;
}

/* Стрелки */
.review__arrow-next,
.advantages__arrow-next {
    background-color: var(--teal);
}

.review__arrow-prev {
    background-color: #ffffff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
}

.review__arrow-prev .i-m {
    background-color: var(--teal);
}

@media screen and (max-width: 600px) {
    .advantages__arrow-prev {
        background-color: var(--teal);
    }
    .review__arrow-next,
    .advantages__arrow-next {
        background-color: var(--teal-dark);
    }
}


/* ============================================================
   КАРТОЧКИ .visited-page
   Было: золотой фон #BDAA25 — плохой контраст
   ============================================================ */

.visited-page {
    background-color: #ffffff;
    border: 1px solid var(--border);
    box-shadow: 0 2px 14px rgba(42, 157, 143, 0.08);
    border-radius: 14px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.visited-page:hover {
    box-shadow: 0 6px 24px rgba(42, 157, 143, 0.16);
    transform: translateY(-3px);
}

.visited-page__name a {
    color: var(--slate);
    font-weight: 500;
}

.visited-page__name a:visited {
    color: var(--slate);
}

.visited-page__name a:hover {
    color: var(--teal);
}


/* ============================================================
   CONTRAINDICATIONS BANNER
   ============================================================ */

.contraindications {
    background-color: var(--teal);
}

@media (max-width: 575px) {
    .contraindications {
        background-color: var(--teal);
    }
}


/* ============================================================
   СЛАЙДЕР ЛИЦЕНЗИЙ
   ============================================================ */

.lic_slider .slick-arrow {
    background: var(--teal);
    transition: background-color 0.2s ease;
}

.lic_slider .slick-arrow:hover {
    background: var(--teal-dark);
}

.lic_slider .lic-next {
    right: -50px; /* было -60px — несимметрично */
}

.lic_slider .gal_item::after,
.lic_slider .gal_item::before {
    background: var(--teal);
}

/* ============================================================
   СЛАЙДЕР СТАТЕЙ
   ============================================================ */

.stati_slider .slick-arrow {
    opacity: 1;
    position: absolute;
    top: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    cursor: pointer;
}

.stati_slider .stati-prev {
    left: -50px;
    transform: rotate(180deg);
}

.stati_slider .slick-arrow {
    background: var(--teal);
    transition: background-color 0.2s ease;
}

.stati_slider .slick-arrow:hover {
    background: var(--teal-dark);
}

.stati_slider .stati-next {
    right: -50px; /* было -60px — несимметрично */
}

.stati_slider .stati__item::after {
    z-index: 1;
}

.stati__item p,
.stati__item a {
    position: relative;
    z-index: 2;
}

.stati__card-text {
    color: #fff;
    margin-top: 15px;
}

.stati__card-text a {
    color: #fff;
    text-decoration: underline;
    transition: 0.3s all;
}

.stati__card-text a:hover,
.stati__item a:hover{
    color: var(--teal);
}

/* ============================================================
   ФУТЕР
   ============================================================ */

/* Copyright — был золотой #BDAA25 */
.footer__copy {
    background-color: var(--slate);
}

.footer__link:hover,
.footer__tel:hover,
.footer__mail:hover {
    color: var(--teal);
}

.footer__soc:hover .i-m {
    background-color: var(--teal);
}

.menu__soc:hover .i {
    background-color: var(--teal);
}


/* ============================================================
   МЕЛОЧИ
   ============================================================ */

/* result_wrapper — border-radius: 50px */
.result_wrapper {
    border-radius: 16px;
}

/* Декоративная черта рядом с контентом */
.new__line {
    border-left-color: var(--border);
}

/* Разделители меню */
.menu__list {
    border-top-color: var(--border);
}

.menu__item {
    border-right-color: var(--border);
}

.menu__inner-item {
    border-bottom-color: var(--border);
}

.menu__inner {
    border-top-color: var(--border);
}