/*
 * login_soc_v2.css — ВХОД-ЗНАЧКИ-1 (тег LOGIN-ICONS-1, 02.10.2026).
 *
 * Зачем отдельный файл: общий auth_v2.css правят другие задачи (это прямо
 * записано в шапках reg_form_v2.tpl и reg/reset_v2.tpl), поэтому блок способов
 * входа живёт в своём файле.
 *
 * Разметку дают reg/login_v2.tpl, reg/reg_text_v2.tpl и reg/reg_form_v2.tpl:
 *   .auth-soc-rule > .auth-soc-line    разделительная линия
 *   .auth-other                        подпись «Войти другим способом»
 *   .auth-soc > .auth-soc-item > img   круглые значки MAX / ВК / Яндекс
 *
 * Размеры сняты с макета владельца _design_src/crops/dk_auth.png (1440 px):
 *   линия   371 x 2 px, цвет #408ed6, на 42 px ниже кнопки «ВОЙТИ»;
 *   подпись высота строчных 14 px, через 47 px после линии;
 *   кружки  диаметр 42 px, расстояние между центрами 62 px (видимый зазор
 *           20 px), через 17 px после подписи, блок по центру.
 *
 * Тап-зона: сам кружок 42 px — как в макете, но ссылка вокруг него 44 x 44 px
 * (на телефоне нажимать мельче 44 px нельзя).
 * Шрифт задаём только семейством — правило 11а, font-weight не используем.
 */

.auth-soc-rule {
  display: flex;                 /* центрирует линию, даже когда она шире колонки */
  justify-content: center;
  margin-top: 24px;
}

.auth-soc-line {
  display: block;
  flex: 0 0 auto;                /* без этого flex сжал бы линию до колонки 286 px */
  width: 366px;                  /* линия макета 371 px; 5 px съедает сглаживание */
  max-width: calc(100vw - 24px); /* на узком экране не даём появиться прокрутке */
  height: 2px;
  background: #408ed6;
}

.auth-other {
  margin-top: 14px;
  text-align: center;
  font-family: 'Proxima Nova Regular', Arial, sans-serif;
  font-size: 15px;
  color: #626262;
}

.auth-soc {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
}

/* Зазор задаём отступом, а не gap: так его понимают и старые мобильные
   браузеры, и значки не слипаются, если gap не поддержан.
   44 px ссылка + 18 px отступ = 62 px между центрами — ровно как в макете. */
.auth-soc-item + .auth-soc-item {
  margin-left: 18px;
}

.auth-soc-item {
  display: inline-flex;
  width: 44px;
  height: 44px;
  min-width: 44px;               /* тап-зона телефона: не меньше 44 px */
  align-items: center;
  justify-content: center;
}

.auth-soc-item img {
  display: block;
  width: 42px;                   /* диаметр кружка из макета */
  height: 42px;
  border-radius: 50%;
  border: 0;
}

/* Тёмная панель макета (страница входа и форма регистрации): отступы и цвет
   подписи — как в dk_auth.png. На светлой странице «Правила» (reg_text_v2.tpl
   идёт без .auth-dark) остаются светлые значения выше. */
.auth-dark .auth-soc-rule { margin-top: 42px; }
.auth-dark .auth-other    { margin-top: 47px; color: #e5e5e5; }
.auth-dark .auth-soc      { margin-top: 17px; }