/**
 * Формы AgroExpert — стили.
 *
 * Файл грузится на всём сайте: формы стоят и вне каталога (Контакты, FAQ),
 * а модалки Architect Modal Forms открываются с любой страницы.
 *
 * Внутренности модалок оформляет сам AMF своими настройками — здесь только
 * то, чего у него нет: строка с товаром, лечение кнопки закрытия и формы,
 * которые выводятся прямо на странице (класс agro-form--page).
 */

/**
 * Кнопки закрытия модалок AMF.
 *
 * Тема рисует фон ЛЮБОЙ кнопки псевдоэлементом (`button:before` с
 * `z-index: -1` в agribusiness-frontend.min.css) — из-за этого под крестиком
 * появлялся жёлтый прямоугольник. Свой фон AMF задаёт, а псевдоэлементы не
 * снимает. Селектор с #amf-root специфичнее темы, !important не нужен.
 */
#amf-root .amf-close::before,
#amf-root .amf-close::after,
#amf-root .amf-thankyou-close::before,
#amf-root .amf-thankyou-close::after {
	content: none;
}


/* ───────────────────── Товар в форме заявки ───────────────────── */

.agro-form__product {
	color: rgb(0 0 0 / 90%) !important;
	background: rgb(255 255 255 / 50%) !important;
	border-left: 3px solid var(--amf-submit-bg, #1b97e0) !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	margin: 0 0 16px !important;
	padding: 10px 14px !important;
}


/* ──────────────── Формы на обычных страницах ──────────────── */

.agro-form--page {
	display: grid;
	gap: 12px;
}

.agro-form--page .agro-form__row {
	margin: 0;
}

/* Все свойства заданы явно, чтобы стили темы не влияли */
.agro-form--page .agro-form__row input[type="text"],
.agro-form--page .agro-form__row input[type="email"],
.agro-form--page .agro-form__row input[type="tel"],
.agro-form--page .agro-form__row textarea {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid #d8d3c9;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: none;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
	color: #2d2a25;
	transition: border-color .15s ease;
}

.agro-form--page .agro-form__row textarea {
	min-height: 130px;
	resize: vertical;
}

.agro-form--page .agro-form__row input:focus,
.agro-form--page .agro-form__row textarea:focus {
	border-color: #1a3a5c;
	outline: none;
}

.agro-form--page .agro-form__row input::placeholder,
.agro-form--page .agro-form__row textarea::placeholder {
	color: #8a8478;
	opacity: 1;
}

.agro-form--page .agro-form__row input[type="submit"] {
	display: block;
	width: 100%;
	margin: 4px 0 0;
	padding: 13px 18px;
	border: 1px solid #1a3a5c;
	border-radius: 4px;
	background-color: #1a3a5c;
	box-shadow: none;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
	text-transform: none;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color .15s ease, border-color .15s ease;
}

.agro-form--page .agro-form__row input[type="submit"]:hover,
.agro-form--page .agro-form__row input[type="submit"]:focus {
	border-color: #264f7a;
	background-color: #264f7a;
}

/* Ошибки проверки */
.agro-form--page .wpcf7-form-control-wrap {
	display: block;
}

.agro-form--page .agro-form__row input.wpcf7-not-valid,
.agro-form--page .agro-form__row textarea.wpcf7-not-valid {
	border-color: #c0392b;
}

.agro-form--page .wpcf7-not-valid-tip {
	margin-top: 6px;
	font-size: 13px;
	line-height: 1.4;
	color: #c0392b;
}