/* ==========================================================================
   Contact Form 7 normalisation for the "Become a Cook" form.
   The original design classes are untouched; these rules only neutralise the
   extra wrappers CF7 injects so the form looks exactly like the static design.
   ========================================================================== */

/* CF7 wraps every control in an inline <span>. Make it block so that
   `.form-field input { width: 100% }` fills the field as designed. */
.cook-form .form-field .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}

/* ---- Consent row -------------------------------------------------------- */
/* Flatten CF7's acceptance markup back into "checkbox + text" on one line. */
.cook-form__consent .wpcf7-form-control-wrap {
	display: inline;
	width: auto;
}
.cook-form__consent .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}
.cook-form__consent .wpcf7-list-item label {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	cursor: pointer;
	margin: 0;
}
.cook-form__consent .wpcf7-list-item-label {
	font-size: 13px;
	color: var(--color-text-body-gray);
}

/* ---- Submit button ------------------------------------------------------ */
/* CF7 renders <input type="submit">, which cannot contain the inline SVG.
   Draw the same arrow as a background image so the button is identical.
   (The `.btn-apply` background shorthand resets background-image, so the
   image is re-declared here for both the base and :hover states.) */
 input.btn-apply,
input.btn-apply:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M3.05937 17.0004L17.601 10.7671C18.276 10.4754 18.276 9.52542 17.601 9.23375L3.05937 3.00042C2.50937 2.75875 1.90103 3.16709 1.90103 3.75875L1.8927 7.60042C1.8927 8.01709 2.20103 8.37542 2.6177 8.42542L14.3927 10.0004L2.6177 11.5671C2.20103 11.6254 1.8927 11.9838 1.8927 12.4004L1.90103 16.2421C1.90103 16.8338 2.50937 17.2421 3.05937 17.0004Z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 22px center;
	background-size: 16px 16px;
	padding-right: 54px;
	-webkit-appearance: none;
	appearance: none;
}
.cook-form input.btn-apply {
	background-color: var(--color-primary-green-darker);
}
.cook-form input.btn-apply:hover {
	background-color: var(--color-primary-green-dark);
}

/* CF7 hides the spinner until submitting; keep it inline with the button. */
.cook-form .wpcf7-spinner {
	vertical-align: middle;
}

/* ---- Validation / response messages ------------------------------------- */
.cook-form .wpcf7-not-valid-tip {
	color: #d63638;
	font-size: 12px;
	margin-top: 4px;
}
.cook-form .wpcf7-not-valid {
	border-color: #d63638;
}
.cook-form .wpcf7-response-output {
	margin: 14px 0 0;
	padding: 10px 14px;
	font-size: 13px;
	border-radius: var(--radius-sm);
	border-width: 1px;
}