/* Contact Form 7 — dark theme overrides for the [contact-form-7] shortcode on contact-en */

.contact-cf7 .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 22px;
}

.contact-cf7 .wpcf7-form-control-wrap {
	display: block;
}

.contact-cf7 input.wpcf7-form-control,
.contact-cf7 select.wpcf7-form-control,
.contact-cf7 textarea.wpcf7-form-control {
	width: 100%;
	padding: 15px 4px;
	background: transparent;
	border: none;
	border-bottom: 1px solid #4a4230;
	color: var(--c-cream);
	font-size: 14px;
	font-family: inherit;
}

.contact-cf7 select.wpcf7-form-control {
	background: transparent;
	appearance: none;
	-webkit-appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0L5 6L10 0Z' fill='%238C6B1F'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 4px center;
	padding-right: 20px;
}

.contact-cf7 select.wpcf7-form-control option {
	background: var(--c-navy);
	color: var(--c-cream);
}

.contact-cf7 textarea.wpcf7-form-control {
	resize: vertical;
	min-height: 130px;
}

.contact-cf7 ::placeholder {
	color: rgba(233, 228, 216, 0.45);
}

.contact-cf7 input.wpcf7-form-control:focus,
.contact-cf7 select.wpcf7-form-control:focus,
.contact-cf7 textarea.wpcf7-form-control:focus {
	outline: none;
	border-color: var(--c-gold);
}

/* Radio groups (Preferred Area, Property Type, Rental Yield, etc.) —
   styled as plain field blocks, no boxed fieldset, matching the sidebar
   "Email" eyebrow label already used elsewhere on this page. */
.contact-cf7 .cf7-radio-group {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.contact-cf7 .cf7-radio-group__label {
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--c-gold-dark);
}

.contact-cf7 .wpcf7-radio {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.contact-cf7 .wpcf7-list-item {
	margin: 0;
}

.contact-cf7 .wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: rgba(233, 228, 216, 0.85);
	cursor: pointer;
}

.contact-cf7 .wpcf7-list-item input[type="radio"],
.contact-cf7 .wpcf7-list-item input[type="checkbox"] {
	accent-color: var(--c-gold);
	width: 16px;
	height: 16px;
}

/* Submit */
.contact-cf7 input.wpcf7-submit {
	align-self: flex-start;
	padding: 16px 40px;
	background: var(--c-gold);
	color: var(--c-navy);
	border: none;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
	cursor: pointer;
}

.contact-cf7 input.wpcf7-submit:hover {
	background: var(--c-gold-light);
}

.contact-cf7 input.wpcf7-submit:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* Confirmation screen — "← Back and Edit" / "Confirm & Send" pair (page-contact-confirmation-en.php) */
.cf7-submit-field {
	display: flex;
	gap: 20px;
	margin-top: 16px;
}

.contact-cf7 input.wpcf7-previous {
	padding: 16px 32px;
	background: transparent;
	color: var(--c-gold-light);
	border: 1px solid var(--c-gold-dark);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.02em;
	cursor: pointer;
}

.contact-cf7 input.wpcf7-previous:hover {
	color: var(--c-gold);
	border-color: var(--c-gold);
}

.contact-cf7 .wpcf7-spinner {
	filter: invert(1) brightness(1.6);
}

/* Validation states */
.contact-cf7 .wpcf7-not-valid-tip {
	display: block;
	font-size: 12px;
	color: var(--c-error-light);
	margin-top: 6px;
}

.contact-cf7 input.wpcf7-not-valid,
.contact-cf7 select.wpcf7-not-valid,
.contact-cf7 textarea.wpcf7-not-valid {
	border-color: var(--c-error);
}

/* Custom live check for the "Confirm Email" field (assets/js/cf7-email-confirm.js) */
.contact-cf7 .rea-email-confirm-error {
	font-size: 12px;
	color: var(--c-error-light);
	margin-top: 6px;
}

.contact-cf7 input.rea-email-confirm-invalid {
	border-color: var(--c-error);
}

/* Response / status banner CF7 injects above the fields */
.contact-cf7 .wpcf7-response-output {
	margin: 0 0 22px;
	padding: 16px 20px;
	border: 1px solid var(--c-gold-dark);
	color: var(--c-cream);
	font-size: 14px;
}

.contact-cf7 form.invalid .wpcf7-response-output,
.contact-cf7 form.unaccepted .wpcf7-response-output,
.contact-cf7 form.spam .wpcf7-response-output,
.contact-cf7 form.aborted .wpcf7-response-output,
.contact-cf7 form.payment-required .wpcf7-response-output {
	border-color: var(--c-error);
	color: var(--c-error-light);
}

.contact-cf7 form.sent .wpcf7-response-output {
	border-color: var(--c-gold);
	color: var(--c-gold-light);
}