/* =========================================================
   form-placeholder.css
   Стили-заготовки, которые JS перезапишет inline при необходимости.
   Основная логика применяется через JS (inline styles),
   чтобы гарантированно обойти специфичность внешних стилей.
   ========================================================= */

/* Чекбоксы — сброс: span.form__text в них должен вести себя нормально */
.request_forms_modal .form__type--checkbox .form__text,
.request_forms_modal .form__name--confirmation .form__text {
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    max-width: none !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    margin-bottom: 0;
}

/* Скрываем нативный placeholder (он нам нужен только для технических целей) */
.request_forms_modal .form__label .form__item::placeholder {
    color: transparent;
}

/* Анимации для перехвата автозаполнения браузера */
@keyframes fake-autofill-start  { from { opacity: 1; } to { opacity: 1; } }
@keyframes fake-autofill-cancel { from { opacity: 1; } to { opacity: 1; } }

.request_forms_modal .form__item:-webkit-autofill {
    animation-name: fake-autofill-start;
    animation-duration: 1ms;
}
.request_forms_modal .form__item:not(:-webkit-autofill) {
    animation-name: fake-autofill-cancel;
    animation-duration: 1ms;
}