/*
 * Дополнения к оригинальному landing Vikinger.
 * Композицию и адаптив не переопределяем — только то, чего в шаблоне нет.
 * Цвета вынесены в переменные под будущий ребрендинг.
 */
:root {
  --paplife-notice-ok-bg: rgba(64, 208, 79, .12);
  --paplife-notice-ok-text: #7ff08b;
  --paplife-notice-error-bg: rgba(255, 94, 94, .12);
  --paplife-notice-error-text: #ff8a8a;
  --paplife-accent: #4ff461;
}

/* Логотип вместо svg-логотипа Vikinger */
.landing-info .logo .paplife-brand-mark {
  display: block;
  width: 72px;
  height: 72px;
  border-radius: 18px;
}

/* Сообщения после отправки формы */
.paplife-notice {
  margin-top: 28px;
  padding: 14px 18px;
  border-radius: 12px;
  font-size: .875rem;
  font-weight: 600;
  line-height: 1.5;
}

.paplife-notice + .form {
  margin-top: 28px;
}

.paplife-notice--ok {
  background-color: var(--paplife-notice-ok-bg);
  color: var(--paplife-notice-ok-text);
}

.paplife-notice--error {
  background-color: var(--paplife-notice-error-bg);
  color: var(--paplife-notice-error-text);
}

/* Видимый фокус для переключателя Вход/Регистрация (в Vikinger это <p>) */
.tab-switch-button:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* «Выйти» в строке текста */
.paplife-inline-form .form-text {
  margin-top: 28px;
  text-align: center;
}

.paplife-link-button {
  padding: 0;
  border: 0;
  background: none;
  color: var(--paplife-accent);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

/* Восстановление пароля: пояснение под заголовком и ссылка «назад» */
.paplife-form-lead {
  margin-top: 28px;
  color: #9aa4bf;
  text-align: center;
}

.paplife-form-lead + .form,
.paplife-notice + .form {
  margin-top: 32px;
}

.paplife-form-footer {
  margin-top: 28px;
  text-align: center;
}

.paplife-form-footer a {
  color: var(--paplife-accent);
}

a.button {
  display: block;
  text-align: center;
}

/* Код подтверждения 123-456 */
.paplife-code-input {
  font-size: 1.25rem !important;
  font-weight: 700;
  letter-spacing: .2em;
}

.paplife-resend {
  width: 100%;
  border: 1px solid #3f485f;
  background: transparent;
  color: #fff;
  font-family: inherit;
  cursor: pointer;
}