/* CF7 всередині дизайнерських форм — прибираємо обгортки, щоб стилі не ламались */
.cta-form .wpcf7-form-control-wrap,
.office-form .wpcf7-form-control-wrap,
.partners-cta-form .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

.cta-form .wpcf7,
.office-form .wpcf7,
.partners-cta-form .wpcf7 {
	width: 100%;
}

/* CF7-форма не є flex-контейнером дизайну → відступи між полями зникають.
   Робимо саму <form> flex-колонкою з тим самим gap, що й у .cta-form (16px). */
.cta-form .wpcf7-form,
.office-form .wpcf7-form,
.partners-cta-form .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 100%;
}

/* службові вузли CF7 не повинні з'їдати gap зверху/знизу */
.cta-form .wpcf7-form > .screen-reader-response,
.office-form .wpcf7-form > .screen-reader-response,
.partners-cta-form .wpcf7-form > .screen-reader-response {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
}

.cta-form .wpcf7-form > .wpcf7-response-output,
.office-form .wpcf7-form > .wpcf7-response-output,
.partners-cta-form .wpcf7-form > .wpcf7-response-output {
	margin: 0;
}

.cta-form .wpcf7 input.cta-form__input,
.office-form .wpcf7 input.office-form__input,
.cta-form .wpcf7 textarea.cta-form__input,
.office-form .wpcf7 textarea.office-form__input {
	width: 100%;
	box-sizing: border-box;
}

/* кнопка submit від CF7 = дизайн-кнопка */
.cta-form .wpcf7 input.cta-form__btn,
.cta-form .wpcf7 .cta-form__btn,
.office-form .wpcf7 .office-form__btn {
	cursor: pointer;
	border: 0;
}

.wpcf7-response-output {
	margin: 14px 0 0 !important;
	border-radius: 8px;
	font-size: 14px;
}

.wpcf7 .wpcf7-spinner {
	margin: 0 0 0 10px;
}

.wpcf7-not-valid-tip {
	font-size: 12px;
	margin-top: 4px;
}