/**
 * Новые стили. style.css и custom.css не трогаем - всё новое здесь.
 */

/* --- формы: ловушка для ботов ----------------------------------------- */

/* Поле honeypot: не видно человеку, но остаётся в разметке для бота.
   Не display:none и не hidden - по ним бот распознаёт ловушку. */
.u24-hp {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* --- формы: ошибка отправки ------------------------------------------- */

.sendForm__error {
  color: red;
  font-weight: 500;
  font-size: 11px;
  line-height: 1.4;
  margin-top: 6px;
}

/* Блок создаётся один раз и потом просто очищается - пустой не должен
   занимать место в форме. */
.sendForm__error:empty {
  display: none;
}

/* --- формы: кнопка в режиме отправки ---------------------------------- */

/* Все кнопки отправки - input[type=submit] с классом .btn. У input нет
   псевдоэлементов, поэтому бегущий блик рисуем фоном: первым слоем блик,
   вторым - родной градиент кнопки из style.css. */
.sendForm .btn.is-sending {
  cursor: progress;
  pointer-events: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-image:
    -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.45)), to(rgba(255, 255, 255, 0))),
    -webkit-gradient(linear, left top, left bottom, from(#ff5e62), to(#f96));
  background-image:
    linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.45) 50%, rgba(255, 255, 255, 0) 100%),
    linear-gradient(#ff5e62 0%, #f96 100%);
  background-repeat: no-repeat, no-repeat;
  background-size: 55% 100%, auto;
  -webkit-animation: u24-shimmer 1s linear infinite;
          animation: u24-shimmer 1s linear infinite;
}

@-webkit-keyframes u24-shimmer {
  from { background-position: -70% 0, 0 0; }
  to   { background-position: 170% 0, 0 0; }
}

@keyframes u24-shimmer {
  from { background-position: -70% 0, 0 0; }
  to   { background-position: 170% 0, 0 0; }
}

/* Кнопка остаётся заблокированной и после анимации - важно, чтобы она
   не выглядела «нажимаемой», пока запрос в пути. */
.sendForm .btn:disabled {
  cursor: progress;
}

/* Посетителям с отключённой анимацией хватит смены текста на кнопке. */
@media (prefers-reduced-motion: reduce) {
  .sendForm .btn.is-sending {
    -webkit-animation: none;
            animation: none;
    opacity: 0.75;
  }
}