/* ==========================================================================
   CONTACT FORM 7 у класах теми
   Форма вже зверстана тегами CF7 із класами .field / .field__control,
   тут лише знімаємо службові обгортки плагіна й підганяємо повідомлення.
   ========================================================================== */

/* Обгортка плагіна не має створювати власного контексту й відступів */
.wpcf7 {
	margin: 0;
}

/* CF7 обертає кожен контрол у <span> — робимо його прозорим для розкладки */
.wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.field__select .wpcf7-form-control-wrap,
.field__date .wpcf7-form-control-wrap {
	display: flex;
	width: 100%;
}

/* Іконка каретки/календаря лежить поверх поля — див. components.css */
.field__select .wpcf7-form-control-wrap .field__control,
.field__date .wpcf7-form-control-wrap .field__control {
	width: 100%;
}

/* Повідомлення форми — у стилях .form-status */
.wpcf7-response-output {
	margin: 0;
	padding: 0;
	border: 0;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
	color: var(--c-live);
}

/* Підказка біля невалідного поля */
.wpcf7-not-valid-tip {
	display: block;
	margin-top: .375rem;
	font-family: var(--font-ui);
	font-size: var(--fs-xs);
	font-weight: 500;
	color: var(--c-live);
}

.wpcf7-form-control.wpcf7-not-valid {
	border-color: var(--c-live);
}

/* Спінер відправки */
.wpcf7-spinner {
	margin: 0 0 0 .75rem;
	background-color: var(--c-ochre);
}

/* Кнопка відправки — у макеті це <button> з іконкою, тож ховаємо службовий input,
   якщо у формі раптом лишиться тег [submit] */
.wpcf7-form input.wpcf7-submit {
	display: none;
}

/* Стан «надсилається»: блокуємо повторний клік */
.wpcf7-form.submitting .prayer-form__submit {
	opacity: .6;
	pointer-events: none;
}

/* Обов'язкові поля позначаємо зірочкою в підписі */
.field__label .required {
	color: var(--c-live);
}