@charset "UTF-8";

/* Кнопки сервисов идентификации личности (см. Models/Countries/PersonIdentificationService.cs).
   Класс кнопки задаётся в настройках страны через ButtonClass. */

/* Иконка сервиса в кнопке и в тулбаре профиля.
   Знаки сервисов лежат без подложки (у /Content/esia.png белая плашка убрана в прозрачность):
   на тёмной панели профиля залитая плашка читается как рамка вокруг кнопки, а кнопка должна
   оставаться плоской и в подтверждённом состоянии. Новые логотипы класть так же, без фона. */
img.idsvc {
    object-fit: cover;
    height: 30px;
}

i.idsvc {
    font-size: 24px;
}

/* Профиль не подтверждён этим сервисом */
.idsvc-unconfirmed {
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    opacity: .6;
}

/* Профиль подтверждён сервисом без повторного подтверждения (Сбер ID): знак только показывает
   состояние. Кнопка выключена, но не должна выглядеть блёклой, как обычная выключенная */
.k-button.idsvc-state:disabled,
.k-button.idsvc-state.k-disabled {
    opacity: 1;
    filter: none;
    cursor: default;
    pointer-events: none;
}

/* Сбер ID. Требования к оформлению кнопки:
   https://developers.sber.ru/docs/ru/sberid/guidebook
   - по умолчанию кнопка зелёная (белая допустима, только если нативная кнопка входа зелёная);
   - скругление наследуется от кнопок сервиса, поэтому здесь border-radius не задаётся;
   - отступ по краям равен размеру знака "Сбер";
   - шрифт берётся из оформления сервиса. */
a.btn-sberid,
button.btn-sberid,
.btn-sberid:link,
.btn-sberid:visited {
    background-color: #21a038 !important;
    border-color: #21a038 !important;
    color: #fff !important;
    padding-left: 24px;
    padding-right: 24px;
}

a.btn-sberid:hover,
button.btn-sberid:hover,
a.btn-sberid:focus,
button.btn-sberid:focus {
    background-color: #1a8730 !important;
    border-color: #1a8730 !important;
    color: #fff !important;
}

a.btn-sberid:active,
button.btn-sberid:active {
    background-color: #17752a !important;
    border-color: #17752a !important;
    color: #fff !important;
}

/* Контурный вариант: профиль ещё не подтверждён Сбер ID.
   Правила идут после базовых: специфичность та же, поэтому побеждает порядок */
a.btn-sberid-outline,
button.btn-sberid-outline,
.btn-sberid-outline:link,
.btn-sberid-outline:visited {
    background-color: transparent !important;
    border-color: #21a038 !important;
    color: #21a038 !important;
}

a.btn-sberid-outline:hover,
button.btn-sberid-outline:hover,
a.btn-sberid-outline:focus,
button.btn-sberid-outline:focus {
    background-color: rgba(33, 160, 56, .08) !important;
    border-color: #1a8730 !important;
    color: #1a8730 !important;
}

/* В тулбаре профиля кнопка только со знаком, без текста:
   широкие боковые отступы текстовой кнопки тут не нужны */
.btn-sberid.k-icon-button {
    padding-left: 8px;
    padding-right: 8px;
}

.btn-sberid.k-icon-button .idsvc {
    margin-right: 0;
}

/* Знак "Сбер" в кнопке: отступ до текста равен размеру самого знака */
.btn-sberid .idsvc,
.btn-sberid img,
.btn-sberid i {
    margin-right: 8px;
    color: #fff;
}

.btn-sberid i.idsvc {
    font-size: 20px;
}

.btn-sberid img.idsvc {
    height: 20px;
    /* знак масштабируется только пропорционально: искажать логотип нельзя */
    width: auto;
    object-fit: contain;
}