/* primary */
/* primary hover */
/* dark */
/* light */
/* light hover */
/* accent */
/* accent hover */

/* OK HOME Cityselect: выбор города / локации в шапке */
.page_cityselect .b-cityselect__wrapper--novashop .b-cityselect__city {
    color: var(--top-header-link-color);
}

/* OK HOME Cityselect: кнопка смены города / локации в модальном окне */
.page_cityselect .cityselect-modal .b-cityselect__change--novashop {
    padding: 0;
}

/* OK HOME Cityselect: уведомление выбора города / локации */
.page_cityselect .b-cityselect__notifier {
    border: none;
    border-radius: 10px;
}

/* OK HOME Cityselect: общий стиль кнопок "Да" и "Нет" */
.page_cityselect .b-cityselect__notifier .b-cityselect__city_yes,
.page_cityselect .b-cityselect__notifier .b-cityselect__city_no {
    display: inline-block;
    padding: 4px 9px 5px;
    border: 1px solid transparent;
    border-radius: var(--inputs-buttons-border-radius);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    vertical-align: top;
    cursor: pointer;
    outline: none;
    user-select: none;
    box-sizing: border-box;
}

/* OK HOME Cityselect: кнопка "Да, верно" */
.page_cityselect .b-cityselect__notifier .b-cityselect__city_yes {
    background-color: var(--button-color);
    color: var(--button-text-color);
    transition: background-color 0.2s ease-in-out;
}

/* Hover для "Да" */
@media (min-width: 1024px) {
    .page_cityselect .b-cityselect__notifier .b-cityselect__city_yes:hover {
        background-color: var(--button-color-hover);
    }
}

/* Active для "Да" */
.page_cityselect .b-cityselect__notifier .b-cityselect__city_yes:active,
.page_cityselect .b-cityselect__notifier .b-cityselect__city_yes.button_active {
    background-color: var(--button-color-hover);
}

/* Disabled для "Да" */
.page_cityselect .b-cityselect__notifier .b-cityselect__city_yes:disabled,
.page_cityselect .b-cityselect__notifier .b-cityselect__city_yes.button_disabled {
    background: #fafafa;
    color: #bdbdbd;
    cursor: default;
}

/* Иконка-кнопка "Да" */
.page_cityselect .b-cityselect__notifier .b-cityselect__city_yes.button_icon {
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 3px;
}

/* OK HOME Cityselect: кнопка "Нет, выбрать другой город" */
.page_cityselect .b-cityselect__notifier .b-cityselect__city_no {
    border-color: var(--button-color);
    background-color: transparent;
    color: var(--button-color);
    transition: border-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

/* Hover для "Нет" */
@media (min-width: 1024px) {
    .page_cityselect .b-cityselect__notifier .b-cityselect__city_no:hover {
        background-color: transparent;
        color: var(--button-color-dark);
    }
}

/* Active для "Нет" */
.page_cityselect .b-cityselect__notifier .b-cityselect__city_no:active,
.page_cityselect .b-cityselect__notifier .b-cityselect__city_no.button_active {
    background-color: transparent;
    color: var(--button-color-dark);
}

/* Disabled для "Нет" */
.page_cityselect .b-cityselect__notifier .b-cityselect__city_no:disabled,
.page_cityselect .b-cityselect__notifier .b-cityselect__city_no.button_disabled {
    background: #fafafa;
    color: #bdbdbd;
    cursor: default;
}

/* Иконка-кнопка "Нет" */
.page_cityselect .b-cityselect__notifier .b-cityselect__city_no.button_icon {
    width: 18px;
    height: 18px;
    padding: 0;
    border-radius: 3px;
}

/* OK HOME Cityselect: треугольник уведомления */
.page_cityselect .b-cityselect__notifier_triangle::before {
    top: auto;
    left: 20px;
    bottom: 100%;
    border: 7px solid transparent;
    border-top: 0;
    border-bottom-color: #eaeaea;
}

.page_cityselect .b-cityselect__notifier_triangle::after {
    top: auto;
    left: 20px;
    bottom: 100%;
    border: 6px solid transparent;
    border-top: 0;
    border-bottom-color: #fff;
}

/* OK HOME Cityselect: блок выбора города / локации */
.r-cityselect-block .b-cityselect__wrapper {
    width: 100%;
}

/* OK HOME Cityselect: ссылка города / локации в отдельном блоке */
.r-cityselect-block .b-cityselect__wrapper .b-cityselect__city {
    display: block;
    border: none;
    color: var(--link-color);
    font-size: 14px;
    line-height: 60px;
}

/* OK HOME Cityselect: скрываем иконки в блоке выбора города */
.r-cityselect-block .b-cityselect__wrapper .b-cityselect__city svg,
.r-cityselect-block .b-cityselect__wrapper .b-cityselect__city .fa,
.r-cityselect-block .b-cityselect__wrapper .b-cityselect__city i {
    display: none;
}

/* Планшет и мобильная версия */
@media (max-width: 1023px) {
    .page_cityselect .b-cityselect__notifier {
        position: fixed;
        top: 45px;
        left: 20px;
        right: 20px;
        z-index: 1001;
        max-width: calc(100% - 40px);
    }

    .page_cityselect .b-cityselect__notifier_triangle {
        display: none;
    }

    .page_cityselect .b-cityselect__notifier .b-cityselect__city_yes,
    .page_cityselect .b-cityselect__notifier .b-cityselect__city_no {
        padding: 4px 9px 5px;
    }
}