/*
 * Кнопка вызова версии сайта для слабовидящих (BVI) в шапке.
 * Подключать ПОСЛЕ /css/bvi.min.css.
 */

/* .right_top до этого не имел собственной раскладки: .lang_block выравнивался
   через margin-left:auto. Переводим контейнер во flex, чтобы кнопка встала
   в один ряд с переключателем языков, а не под ним. */
.right_top {
    display: flex;
    align-items: center;
}

.right_top .lang_block {
    margin-left: 0;
}

.bvi-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    margin-left: 22px;
    padding: 0;
    border: 0;
    background: none;
    color: #fff;
    line-height: 0;
    cursor: pointer;
    transition: color .3s;
}

.bvi-open svg {
    display: block;
    width: 26px;
    height: 26px;
    fill: currentColor;
}

.bvi-open:hover,
.bvi-open:focus {
    color: #DFAF4B;
}

.bvi-open:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* В режиме BVI шапка сайта перекрашивается темой панели,
   а сама кнопка больше не нужна — плагин скрывает её классом bvi-hide. */
.bvi-open.bvi-hide {
    display: none !important;
}

@media (max-width: 1200px) {
    .bvi-open {
        margin-left: 16px;
    }
}