/* =========================================================
   Forms — Contact Form 7 styles
   Shared by: investor-form section + footer form strip
   ========================================================= */

/* ── Shared inline form layout ── */
.wf-investor-form .wpcf7-form,
.wf-footer__form-wrap .wpcf7-form {
	display: flex;
	flex-wrap: nowrap;
	gap: 0.5rem;
	align-items: center;
	margin: 0;
	padding: 0;
}

/* CF7 wraps each field in a <p> and the input in a <span> — flatten both so
   the actual inputs become direct flex children of the form row */
.wf-investor-form .wpcf7-form > p,
.wf-footer__form-wrap .wpcf7-form > p,
.wf-investor-form .wpcf7-form .wpcf7-form-control-wrap,
.wf-footer__form-wrap .wpcf7-form .wpcf7-form-control-wrap {
	display: contents;
}

/* Email input */
.wf-investor-form .wpcf7-form input[type="email"],
.wf-footer__form-wrap .wpcf7-form input[type="email"] {
	flex: 1;
	padding: 0.6rem 1rem;
	border: 1.5px solid rgba(0,0,0,.18);
	border-radius: 6px;
	font-size: 0.9rem;
	font-family: 'Roboto', sans-serif;
	background: var(--wf-white);
	outline: none;
	transition: border-color var(--wf-transition);
}
.wf-investor-form .wpcf7-form input[type="email"]:focus,
.wf-footer__form-wrap .wpcf7-form input[type="email"]:focus {
	border-color: var(--wf-secondary);
}

/* Submit button — solid black, rectangular */
.wf-investor-form .wpcf7-form input[type="submit"],
.wf-footer__form-wrap .wpcf7-form input[type="submit"] {
	background: var(--wf-secondary);
	color: var(--wf-white);
	border: none;
	border-radius: 6px;
	padding: 0.65rem 1.4rem;
	font-size: 0.9rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	cursor: pointer;
	white-space: nowrap;
	transition: background var(--wf-transition);
}
.wf-investor-form .wpcf7-form input[type="submit"]:hover,
.wf-footer__form-wrap .wpcf7-form input[type="submit"]:hover {
	background: #000000;
}

/* Override CF7's default "margin: auto" on the wrapper div */
.wf-investor-form .wpcf7,
.wf-footer__form-wrap .wpcf7 {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	position: relative;
	line-height: 0;
}

/* Restore line-height for the form itself */
.wf-investor-form .wpcf7-form,
.wf-footer__form-wrap .wpcf7-form {
	line-height: normal;
}

/* CF7 response messages — absolutely positioned so they don't add height
   to the flex row and misalign the heading with the input.
   !important beats CF7's own .wpcf7 form .wpcf7-response-output rule. */
.wf-investor-form .wpcf7-response-output {
	position: absolute !important;
	top: 100% !important;
	left: 0;
	right: 0;
	margin: 0.25rem 0 0 !important;
	padding: 0.4rem 0.8rem;
	border-radius: 6px;
	font-size: 0.82rem;
	border: none !important;
}
.wf-footer__form-wrap .wpcf7-response-output {
	margin: 0.5rem 0 0;
	padding: 0.4rem 0.8rem;
	border-radius: 6px;
	font-size: 0.82rem;
	border: none;
}

/* CF7 spinner — hide the default animated spinner border colour */
.wpcf7-spinner { display: none !important; }

/* ── Responsive — mobile (≤ 575px) ── */
@media (max-width: 575px) {
	.wf-investor-form .wpcf7-form,
	.wf-footer__form-wrap .wpcf7-form {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}

	.wf-investor-form .wpcf7-form input[type="email"],
	.wf-footer__form-wrap .wpcf7-form input[type="email"] {
		min-width: 0;
	}
}
