/* NG Customizer — формы */

.ng-customizer-form.ngform--success {
	position: relative;
}

.ng-customizer-form.ngform--success::after {
	content: "Спасибо, мы скоро с вами свяжемся!";
	display: block;
	margin-top: 1rem;
	font-family: Commissioner, sans-serif;
	font-weight: 600;
	color: #fff;
}

.ng-customizer-form.ngform--success .elementor-form-fields-wrapper {
	opacity: 0.35;
	pointer-events: none;
}

.ng-customizer-form.ngform--error::after {
	content: "Пожалуйста, внимательно заполните форму!";
	display: block;
	margin-top: 1rem;
	font-family: Commissioner, sans-serif;
	color: #ff6b6b;
}

/* Подсветка невалидных полей после попытки отправки */
.ng-customizer-form.ngform--error .elementor-field.is-invalid,
.ng-customizer-form.ngform--error .elementor-field:invalid,
.ng-customizer-form.ngform--error textarea.elementor-field.is-invalid,
.ng-customizer-form.ngform--error textarea.elementor-field:invalid {
	border-color: #e53935 !important;
	border-bottom-color: #e53935 !important;
	box-shadow: 0 1px 0 0 #e53935;
	outline: none;
}

.ng-customizer-form.ngform--error .elementor-acceptance-field.is-invalid,
.ng-customizer-form.ngform--error .elementor-acceptance-field:invalid {
	outline: 2px solid #e53935;
	outline-offset: 2px;
	box-shadow: none;
}

.ng-customizer-form.ngform--error .elementor-field-group:has(.is-invalid) > .elementor-field-label,
.ng-customizer-form.ngform--error .elementor-field-group:has(:invalid) > .elementor-field-label {
	color: #ff6b6b;
}

.ng-customizer-form.ngform--error .elementor-field-option:has(.is-invalid) > label,
.ng-customizer-form.ngform--error .elementor-field-option:has(:invalid) > label {
	color: #ff6b6b;
}