/* Антиспам для форм — /local/captcha/ */

/* Поле-ловушка: убрано за экран, но не display:none — так его заполняют боты */
.captcha-hp {
   position: absolute !important;
   left: -10000px !important;
   width: 1px;
   height: 1px;
   overflow: hidden;
}

/* Виджет ALTCHA в стиле полей формы заявки */
altcha-widget.captcha-widget {
   display: block;
   margin: 0 0 16px;
   --altcha-max-width: 100%;
   --altcha-border-width: 1px;
   --altcha-border-radius: 10px;
   --altcha-border-color: #ded5ef;
   --altcha-color-base: #fff;
   --altcha-color-base-content: var(--text, #0d0a14);
   --altcha-color-primary: var(--purple, #7048b8);
   --altcha-color-success: var(--green, #1a9b5c);
   --altcha-color-error: var(--red, #e2483d);
   font-family: 'Golos Text', 'Open Sans', Arial, sans-serif;
   font-size: 14px;
}

/* Галочка «Я не робот»: квадрат с рамкой, после проверки — зелёная галочка на белом.
   Шаблон сайта (jQuery FormStyler) оборачивает чекбокс в .jq-checkbox, поэтому
   штатное правило виджета «input:checked + svg» не срабатывает — ищем через :has() */
altcha-widget.captcha-widget {
   --altcha-checkbox-border-radius: 4px;
   --altcha-checkbox-border-width: 2px;
   --altcha-checkbox-border-color: #b9aed0;
}

altcha-widget.captcha-widget .altcha-checkbox input:checked {
   background-color: #fff;
   border-color: var(--green, #1a9b5c);
}

altcha-widget.captcha-widget .altcha-checkbox input:checked::before {
   background-color: var(--green, #1a9b5c);
}

altcha-widget.captcha-widget .altcha-checkbox:has(input:checked) > svg {
   color: var(--green, #1a9b5c);
   stroke-width: 3;
   opacity: 1;
   stroke-dashoffset: 0;
   transition: all var(--altcha-checkbox-transition-duration, 0.2s) ease;
   transition-delay: 0.1s;
   /* svg должна быть над input (он position: absolute) */
   position: absolute;
   z-index: 1;
   pointer-events: none;
}