/**
 * css/forms.css — модальные формы обратной связи.
 *
 * Оформление подсказок об ошибках, сообщений об отправке и служебных
 * элементов форм .ac-form (см. template-parts/modal-specialist.php,
 * template-parts/modal-resume.php и js/forms.js).
 *
 * Подключается на всех страницах: модальные окна выводятся в подвале.
 */

/* --- Ошибки полей ------------------------------------------------------ */
.ac-form .input.is-error,
.ac-form .textarea.is-error {
	border-color: #F23436;
}

.ac-form__error {
	display: block;
	min-height: 0.9rem;
	margin-top: 0.25rem;
	font-size: 0.8125rem;
	line-height: 1.2;
	color: #F23436;
}

.ac-form__error:empty {
	min-height: 0;
	margin-top: 0;
}

.checkbox-privacy.is-error label {
	color: #F23436;
}

/* --- Специалист, которому адресовано письмо ---------------------------- */
.ac-form__person {
	margin: 0;
	padding: 0.75rem 1rem;
	border-radius: 0.75rem;
	background-color: #F6F8FB;
	font-size: 0.9375rem;
	line-height: 1.35;
	color: var(--secondary);
}

.ac-form__person[hidden] {
	display: none;
}

/* --- Ловушка для ботов (не показывается пользователю) ------------------ */
.ac-form__trap {
	position: absolute;
	left: -624.9375rem;
	width: 0.0625rem;
	height: 0.0625rem;
	overflow: hidden;
}

/* --- Кнопка отправки ---------------------------------------------------- */
.ac-form__btn.is-loading {
	opacity: 0.6;
	pointer-events: none;
}

/* --- Сообщение об отправке ---------------------------------------------- */
.ac-form__message {
	padding: 0.875rem 1.25rem;
	border-radius: 1.25rem;
	font-size: 0.9375rem;
	line-height: 1.35;
}

.ac-form__message[hidden] {
	display: none;
}

.ac-form__message.is-fail {
	background-color: #FDECEC;
	color: #B3201F;
}

.ac-form__message.is-success {
	background-color: #E3F6EC;
	color: #14724A;
}

/* --- Файл резюме -------------------------------------------------------- */
.modal-form__file-btn {
	cursor: pointer;
}

.modal-form__file-name {
	font-size: 0.9375rem;
	line-height: 1.3;
	color: var(--secondary);
	word-break: break-all;
}

.modal-form__file-name:empty {
	display: none;
}

.modal-form__file-hint {
	font-size: 0.8125rem;
	line-height: 1.3;
	color: var(--secondary);
	opacity: 0.75;
}