/**
 * Формы: состояния ошибки по UI-киту (--error — обводка поля и подпись под ним) и отправка.
 * Раскладку форм задаёт вёрстка. Подпись .smd-field-error ставит smd-forms.js абсолютом под поле,
 * общий текст ошибки .smd-form-message — последней строкой формы.
 */

.input.input--error,
.custom-select.smd-is-error .select-selected,
.file.smd-is-error {
	border-color: var(--error);
}

/* (0,3,0) — перебивает приглушённые квадраты на тёмном (.send__check, .formats__checkbox, .calc--dark). */
.checkbox.smd-is-error .checkbox__box {
	border-color: var(--error);
}

.smd-field-error {
	position: absolute;
	z-index: 2;
	margin-top: 0.2rem;
	color: var(--error);
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.1;
	text-align: left;
	text-transform: none;
	white-space: nowrap;
	pointer-events: none;
}

.smd-form-message {
	grid-column: 1 / -1;
	color: var(--error);
	font-size: 1.4rem;
	line-height: 1.4;
}

form.is-sending [type="submit"] {
	opacity: 0.7;
	cursor: progress;
}