/* Вход через Яндекс ID / VK ID - кнопки на форме входа и регистрации
   (woocommerce/myaccount/form-login.php, inc/social-login.php).
   Базовая сетка .g-auth__oauth/.g-auth__providers - в gorilla-woocommerce.css;
   здесь - вид кнопок в языке темы (чёрные/белые, брендовая иконка) и тёмный
   вариант для карточки регистрации. Грузится только при настроенных ключах. */

.g-auth__provider,
.g-auth__provider--vk,
.g-auth__provider--yandex {
  min-height: 48px;
  padding: 10px 16px;
  background: #fff;
  color: #101010;
  border: 1.5px solid rgb(var(--g-navy-rgb) / .16);
}
.g-auth__provider:hover { border-color: #101010; opacity: 1; }
.g-auth__provider-icon { width: 22px; height: 22px; flex: 0 0 22px; }
.g-auth__providers--single { grid-template-columns: 1fr; }

/* тёмная карточка регистрации (специфичность выше правил ссылок карточки) */
.g-auth__oauth--dark { margin-top: 22px; }
.g-auth__oauth--dark .g-auth__divider { color: rgba(255, 255, 255, .55); }
.g-auth__oauth--dark .g-auth__divider::before,
.g-auth__oauth--dark .g-auth__divider::after { background: rgba(255, 255, 255, .18); }
.g-auth .g-auth__card .g-auth__oauth--dark .g-auth__provider,
.g-auth .g-auth__card .g-auth__oauth--dark .g-auth__provider span {
  background: rgba(255, 255, 255, .06);
  color: #fff;
  border-color: rgba(255, 255, 255, .22);
  opacity: 1;
}
.g-auth .g-auth__card .g-auth__oauth--dark .g-auth__provider span { background: none; }
.g-auth .g-auth__card .g-auth__oauth--dark .g-auth__provider:hover { border-color: #fff; background: rgba(255, 255, 255, .12); }

/* уведомление «укажите e-mail» в кабинете */
.woocommerce-MyAccount-content .woocommerce-info a { text-decoration: underline; }

/* --- Провайдер без ключей: кнопка видна, но неактивна (09.09) ---------------
   Клиент просил, чтобы блок «Быстрый вход» на /kabinet/ был всегда, как в
   шапке. Пока приложения VK ID / Яндекс ID не зарегистрированы, кнопка
   показывается приглушённой с подписью «скоро» и не кликается. */
.g-auth__provider--soon { cursor: default; }
.g-auth__provider--soon:hover { transform: none; box-shadow: none; }
.g-auth__soon {
  margin-left: auto;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgb(0 0 0 / .16);
  font-family: 'DIN 2014 UI', system-ui, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.g-auth__oauth--dark .g-auth__soon { background: rgb(255 255 255 / .18); }