/* Подсказка у галочки согласия.

   Зачем: на всех трёх сайтах сам input скрыт через display:none, видно только
   оформление label. Из-за этого ни браузерная подсказка у required, ни класс
   _error, который вешают собственные валидаторы сайтов, человеку не видны:
   он жмёт «Отправить» и ничего не происходит. Поэтому сообщение выводится
   отдельной строкой, а не состоянием скрытого поля. */

/* Раньше в подписи галочки ссылки не было, и свой стиль для неё на сайтах
   не заведён: браузер красит её в синий, который выбивается из вёрстки.
   Наследуем цвет подписи и отличаем подчёркиванием.

   !important здесь не от лени: на ravenergy подпись лежит внутри .row,
   где у сайта стоит text-decoration:none с более высокой специфичностью,
   и ссылка становилась неотличима от обычного текста. */
a[href="consent.html"],
a[href="privacy.html"] {
  color: inherit;
  text-decoration: underline !important;
  text-underline-offset: 2px;
  text-decoration-thickness: 1px;
}

a[href="consent.html"]:hover,
a[href="privacy.html"]:hover {
  text-decoration-thickness: 2px;
}

.ubc-consent-msg {
  display: none;
  margin: 6px 0 0;
  color: #ff5a5a;
  font-size: 13px;
  line-height: 1.35;
}

.ubc-consent-msg.is-on {
  display: block;
  animation: ubc-consent-in .22s ease both;
}

.ubc-consent-bad {
  outline: 1px solid rgba(255, 90, 90, .55);
  outline-offset: 4px;
  border-radius: 4px;
}

@keyframes ubc-consent-in {
  from { opacity: 0; transform: translateY(-3px) }
  to   { opacity: 1; transform: none }
}

@media (prefers-reduced-motion: reduce) {
  .ubc-consent-msg.is-on { animation: none }
}

/* Подпись первой галочки длинная: 40 слов вместо шести, так её дал клиент.
   Сайты рассчитаны на одну короткую строку, поэтому задаём межстрочный
   интервал и выравнивание по левому краю явно. Размер шрифта не трогаем:
   он у каждого сайта свой. */
.ubc-agree {
  line-height: 1.35;
  text-align: left;
}

/* ravenergy: подпись лежит в label с классом row, то есть display:flex, и
   галочка-псевдоэлемент вплотную прилипала к тексту. На остальных двух сайтах
   label не флекс, и правило там ничего не меняет. */
label.ubc-agree {
  gap: 8px;
}

/* ravenergy: чёрная панель формы это фон ty5.png с background-size: contain.
   Её высота совпадала с высотой формы только потому, что пропорции картинки
   отвечали короткой подписи в одну строку. С подписью клиента форма стала
   выше, и панель обрывалась посреди текста, остаток лежал на красном фоне.
   Растягиваем фон по размеру формы, кнопка как и раньше выходит за её низ. */
#idForm1,
#idForm2 {
  background-size: 100% 100%;
  padding-bottom: 18px;
}

/* ravenergy: подпись целиком была ссылкой и ей задан свой размер 12px с
   отступом слева. Теперь ссылка это часть предложения, и она должна читаться
   как остальной текст. !important потому, что правило сайта специфичнее.
   На fruddy и vita-mia размер ссылки и так равен размеру подписи. */
.ubc-agree a {
  font-size: inherit !important;
  line-height: inherit !important;
  margin-left: 0 !important;
}

/* fruddy: форма в бургер-меню лежит в блоке высотой 100% без прокрутки.
   С длинной подписью содержимое стало выше экрана (907 против 844 на 390x844),
   и кнопка «Заказать звонок» уходила за нижний край, добраться до неё было
   нельзя: сама страница у этого сайта position:fixed и не скроллится.
   Класс есть только на fruddy, на двух других сайтах правило ни к чему не
   прикладывается. */
.header__menu {
  overflow-y: auto;
}

/* vita-mia: подпись галочки там 16px, и клиентский текст занимает восемь
   строк. Форма от этого выросла до 658px, и на ноутбучном окне кнопка
   «Отправить заявку» уходила за нижний край: 46px на 1536x730, 40px на
   1280x600. Дотянуться до неё нельзя, страница посекционная и не
   скроллится, scrollHeight равен высоте окна. 13px дают пять строк вместо
   восьми, форма 566px, кнопка влезает с запасом. Межстрочный наследуется
   из .ubc-agree. Ниже 992px у сайта свои 12px, их не трогаем. Класс
   contact-form есть только на vita-mia, на двух других сайтах правило ни
   к чему не прикладывается. */
@media (min-width: 992px) {
  .contact-form .ubc-agree {
    font-size: 13px;
  }
}