/*
  front-theme-colors.css
  Переопределение ТОЛЬКО ЦВЕТОВ главной страницы (шаблон "front").
  Размеры, отступы, шрифты, расположение не меняются.
  Подключать ПОСЛЕ style.css и f8cd25ca..._new_.css.
  Область действия ограничена .superbase (обёртка главной) и модальными окнами главной.
*/

a.btn_gold:hover,
a.btn_gold:hover span,
a.btn_gold:focus,
a.btn_gold:focus span,
a.btn_gold:active,
a.btn_gold:active span {
    color: #fff !important;
}

:root {
    --rt-primary-color: #00c194;
    --rt-primary-dark: #00a376;
    --rt-primary-light: #50ffe4;
    --rt-primary-light2: #dceeea;
    --rt-primary-light3: #EAF7F4;
    --rt-secondary-color: #07c196;
    --rt-primary-rgb: 0, 193, 148;
    --rt-secondary-rgb: 7, 193, 150;
}

/* ---------- Заголовки и акценты ---------- */
.superbase .lp-main .title span {
    color: var(--rt-primary-color) !important;
}

.superbase .lp-main ul li .ins_bl .ico_bullet {
    background-color: #00c194 !important;
}

/* ---------- Кнопки: золотые -> фирменный зелёный ---------- */
.superbase .btn_gold,
.modal_div .btn_gold {
    background: var(--rt-primary-color) !important;
    box-shadow: 0px 22px 27px -23px rgba(var(--rt-primary-rgb), 0.9) !important;
}

.superbase .btn_gold:hover,
.modal_div .btn_gold:hover {
    background: var(--rt-primary-dark) !important;
    box-shadow: 0px 26px 18px -24px rgba(var(--rt-primary-rgb), 0.6) !important;
}

.superbase .btn_green,
.modal_div .btn_green {
    background: var(--rt-primary-color) !important;
    background-color: var(--rt-primary-color) !important;
}

.superbase .btn_green:hover,
.modal_div .btn_green:hover {
    background: var(--rt-primary-dark) !important;
    background-color: var(--rt-primary-dark) !important;
}

.superbase .lp1 .btn_wrap .btn_white {
    border: solid 1px var(--rt-primary-color) !important;
}

/* Ссылка «передачи информации» в формах */
.superbase .lp_exkurs .form_top .per_info,
.superbase .lp_exkurs .form_all .per_info,
.modal_div .per_info {
    color: var(--rt-primary-dark) !important;
}

/* ---------- Блок «Подарок» (фиолетовый -> зелёный) ---------- */
.superbase .lp-main .block_gift {
    border-color: var(--rt-primary-color) !important;
}

.superbase .lp-main .block_gift .desc span {
    color: var(--rt-primary-dark) !important;
}

.superbase .lp-main .block_gift .schetchik_block {
    background: var(--rt-primary-color) !important;
    background: linear-gradient(180deg, var(--rt-primary-color) 0%, var(--rt-primary-dark) 100%) !important;
}

/* ---------- Квиз (лп1) ---------- */
.superbase .lp1 .step_line .step_right span {
    color: var(--rt-primary-dark) !important;
}

/* background-color, а не background: сохраняем текстуру bg_for_line.png */
.superbase .lp1 .step_line .line_progress .yellow_line {
    background-color: var(--rt-primary-color) !important;
}

/* Голубая плашка заголовка квиза */
.superbase .lp1 header {
    background-color: var(--rt-primary-color) !important;
}

.superbase .lp_check .form_all .check input[type="radio"]:checked+label:before {
    background: linear-gradient(180deg, var(--rt-primary-color) 0%, var(--rt-primary-dark) 100%) !important;
}

.superbase .lp_check .form_all .check input[type="checkbox"]:checked+label:after,
.superbase .lp_check .form_all .check input[type="checkbox"]:not(:checked)+label:after {
    border-left-color: var(--rt-primary-dark) !important;
    border-bottom-color: var(--rt-primary-dark) !important;
}

/* Чекбоксы (согласие на обработку) */
.superbase .custom-checkbox:checked+label::before,
.modal_div .custom-checkbox:checked+label::before {
    border-color: var(--rt-primary-color) !important;
}

.superbase .form_all .confid input[type="radio"]:not(:checked)+label:after,
.superbase .form_all .confid input[type="radio"]:checked+label:after {
    background-color: var(--rt-primary-color) !important;
    border-color: var(--rt-primary-color) !important;
}

/* ---------- Формы в блоках «Экскурсия» и «Офис» ---------- */
.superbase .lp_exkurs .form_top {
    border-color: var(--rt-primary-light2) !important;
}

/* ---------- Нумерация шагов и круги ---------- */
.superbase .lp12 .step .numb_blue {
    background: var(--rt-primary-color) !important;
    color: #fff !important;
}

.superbase .lp2 .circle {
    background: var(--rt-primary-color) !important;
    background: linear-gradient(180deg, var(--rt-primary-light) 0%, var(--rt-primary-color) 100%) !important;
}

.superbase .lp2 .circle b {
    color: var(--rt-primary-dark) !important;
}

.superbase .lp_top_questions .numb {
    color: #ffffff !important;
}

.superbase .lp_office .circle_shadow,
.superbase .lp_top_questions .circle_shadow {
    box-shadow: 10px 10px 22px -1px rgba(var(--rt-primary-rgb), 0.5) !important;
    -webkit-box-shadow: 10px 10px 22px -1px rgba(var(--rt-primary-rgb), 0.5) !important;
    -moz-box-shadow: 10px 10px 22px -1px rgba(var(--rt-primary-rgb), 0.5) !important;
}

/* ---------- Стрелки и точки слайдеров ---------- */
.superbase .slider .slick-prev,
.superbase .slider .slick-next,
.superbase .lp5 .slider .slick-prev,
.superbase .lp5 .slider .slick-next {
    background: linear-gradient(180deg, var(--rt-primary-color) 0%, var(--rt-primary-dark) 100%) !important;
}

.superbase .slider .slick-dots li.slick-active button {
    background: linear-gradient(180deg, var(--rt-primary-color) 0%, var(--rt-primary-dark) 100%) !important;
    border-color: var(--rt-primary-light) !important;
}

.superbase .slider .slick-dots li button:hover {
    border-color: var(--rt-primary-light) !important;
}

/* ---------- Модальные окна главной ---------- */
.modal_div .custom-checkbox:not(:disabled):not(:checked)+label:hover::before,
.modal_div .custom-checkbox:checked+label::before {
    border-color: var(--rt-primary-color) !important;
}

.modal_div .custom-checkbox:checked+label::before {
    background-color: var(--rt-primary-light3) !important;
}

.modal_div .custom-checkbox:not(:disabled):active+label::before,
.modal_div .custom-checkbox:focus:not(:checked)+label::before {
    background-color: var(--rt-primary-light2) !important;
    border-color: var(--rt-primary-color) !important;
}