/**
 * Состояние отправки: класс _sending выставляет app.min.js при data-ajax submit.
 */
form[data-ajax]._sending {
	position: relative;
	pointer-events: none;
	isolation: isolate;
}

/* затемнение области формы */
form[data-ajax]._sending::before {
	content: "";
	display: block;
	position: absolute;
	inset: 0;
	z-index: 10;
	background: rgba(var(--color-blck--rgb), 0.38);
	border-radius: inherit;
	pointer-events: none;
}

/* модальные формы на тёмном фоне — слегка другой «туман» */
.modal-call__form[data-ajax]._sending::before {
	background: rgba(var(--color-blck--rgb), 0.45);
}

/* спиннер по центру */
form[data-ajax]._sending::after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 11;
	width: 2.75rem;
	height: 2.75rem;
	margin: -1.375rem 0 0 -1.375rem;
	box-sizing: border-box;
	border: 3px solid rgba(var(--color-whte--rgb), 0.22);
	border-top-color: var(--color-ohra);
	border-radius: 50%;
	animation: sendmail-loading-spin 0.75s linear infinite;
	pointer-events: none;
}

@keyframes sendmail-loading-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	form[data-ajax]._sending::after {
		animation-duration: 1.8s;
		border-top-color: var(--color-ohra);
		opacity: 0.95;
	}
}