/* ================================================================
   Innovative Engineering - Contact Form 7 markup overlay
   Maps CF7's .wpcf7-* wrappers onto the theme's form vocabulary
   (.field + label/input, .consent-fieldset/.consent-list/.consent-item,
   .form-status). Loaded only when CF7 is active, after base.css.
   ================================================================ */

/* Inputs/textarea inherit the theme's `.field input|textarea` element rules;
   make CF7's wrapper span block so controls fill the .field cell. */
.wpcf7-form .field .wpcf7-form-control-wrap { display: block; width: 100%; }
.wpcf7-form .field input.wpcf7-form-control,
.wpcf7-form .field textarea.wpcf7-form-control { width: 100%; }

.wpcf7-form .field-optional { font-weight: 400; opacity: .7; }

/* Consent block: each CF7 [acceptance] sits in a .consent-item inside
   .consent-list, inside the theme's .consent-fieldset. */
.wpcf7-form .consent-list { display: grid; gap: 12px; }
.consent-item .wpcf7-form-control-wrap,
.consent-item .wpcf7-acceptance,
.consent-item .wpcf7-acceptance .wpcf7-list-item { display: block; margin: 0; width: 100%; }
.consent-item .wpcf7-list-item label {
	display: grid;
	grid-template-columns: 20px 1fr;
	gap: 11px;
	align-items: start;
	margin: 0;
	font-size: 14px;
	line-height: 1.5;
	cursor: pointer;
}
.consent-item .wpcf7-list-item input[type="checkbox"] { width: 17px; height: 17px; margin: 2px 0 0; }
.consent-item .wpcf7-list-item-label a { text-decoration: underline; }

/* Validation tips -> theme's .field-error feel. */
.wpcf7-form .wpcf7-not-valid-tip { display: block; margin-top: 4px; color: #b0352a; font-size: 13px; }

/* CF7 response banner -> align with the theme's .form-status. */
.wpcf7-form .wpcf7-response-output { margin: 18px 0 0; padding: 12px 16px; border-radius: 10px; border: 1px solid currentColor; font-size: 14px; }
.wpcf7-form.sent .wpcf7-response-output { color: #1f7a46; }
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-form.spam .wpcf7-response-output { color: #b0352a; }

.wpcf7-form .wpcf7-spinner { margin: 0 0 0 10px; }
.wpcf7-form.submitting .button { opacity: .6; pointer-events: none; }
