/* Block: Contact — CF7 inside .celtic-contact__form (no Tailwind in CF7 tags: [ ] breaks parser). */

.celtic-contact__form .wpcf7-form {
	margin: 0;
}

/* —— CF7 notices (palette: #102b28 / #f4efe4 / #c9a968) —— */

.celtic-contact__form .wpcf7-not-valid-tip {
	margin-top: 0.35rem;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.45;
	color: #e8a598;
}

.celtic-contact__form .wpcf7-form-control-wrap .wpcf7-not-valid {
	border-bottom-color: rgba(232, 165, 152, 0.85) !important;
}

.celtic-contact__form form .wpcf7-response-output {
	box-sizing: border-box;
	margin: 1.25rem 0 0;
	padding: 0.85rem 1.1rem;
	border-width: 1px;
	border-style: solid;
	border-radius: 2px;
	font-size: 0.875rem;
	line-height: 1.55;
	color: rgba(244, 239, 228, 0.92);
	background-color: rgba(21, 54, 50, 0.65);
	border-color: rgba(244, 239, 228, 0.2);
}

.celtic-contact__form form.init .wpcf7-response-output,
.celtic-contact__form form.resetting .wpcf7-response-output,
.celtic-contact__form form.submitting .wpcf7-response-output {
	display: none;
}

.celtic-contact__form form.sent .wpcf7-response-output {
	background-color: rgba(201, 169, 104, 0.12);
	border-color: rgba(201, 169, 104, 0.65);
	color: #f4efe4;
}

.celtic-contact__form form.failed .wpcf7-response-output,
.celtic-contact__form form.aborted .wpcf7-response-output {
	background-color: rgba(90, 38, 38, 0.25);
	border-color: rgba(232, 165, 152, 0.55);
	color: #f4efe4;
}

.celtic-contact__form form.spam .wpcf7-response-output {
	background-color: rgba(120, 62, 28, 0.28);
	border-color: rgba(212, 148, 96, 0.55);
	color: #f4efe4;
}

.celtic-contact__form form.invalid .wpcf7-response-output,
.celtic-contact__form form.unaccepted .wpcf7-response-output,
.celtic-contact__form form.payment-required .wpcf7-response-output {
	background-color: rgba(201, 169, 104, 0.08);
	border-color: rgba(201, 169, 104, 0.45);
	color: rgba(244, 239, 228, 0.95);
}

.celtic-contact__form .wpcf7-spinner {
	background-color: rgba(244, 239, 228, 0.15);
	opacity: 1;
}

.celtic-contact__form .wpcf7-spinner::before {
	background-color: #c9a968;
}

@media (prefers-reduced-motion: reduce) {
	.celtic-contact__form .wpcf7-spinner::before {
		animation-name: blink;
	}
}

/* Layout (replaces Tailwind grid on wrapper). */
.celtic-contact__form .celtic-cf7-grid {
	margin-top: 3rem;
	display: grid;
	gap: 1.25rem;
}

.celtic-contact__form .celtic-cf7-row-2 {
	display: grid;
	gap: 1.25rem;
}

@media (min-width: 640px) {
	.celtic-contact__form .celtic-cf7-row-2 {
		grid-template-columns: 1fr 1fr;
	}
}

.celtic-contact__form .celtic-cf7-label {
	display: block;
}

.celtic-contact__form .celtic-cf7-label-text {
	display: block;
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: rgba(244, 239, 228, 0.55);
}

.celtic-contact__form .celtic-cf7-label .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
	margin-top: 0.75rem;
}

/* Fields (match static placeholder inputs). */
.celtic-contact__form .celtic-cf7-field {
	box-sizing: border-box;
	width: 100%;
	border: 0;
	border-bottom: 1px solid rgba(244, 239, 228, 0.18);
	background: transparent;
	padding: 1rem 0;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #f4efe4;
	outline: none;
	transition: border-color 0.5s ease;
	border-radius: 0;
	box-shadow: none;
	appearance: none;
}

.celtic-contact__form .celtic-cf7-field::placeholder {
	color: rgba(244, 239, 228, 0.3);
}

.celtic-contact__form .celtic-cf7-field:focus {
	border-bottom-color: #c9a968;
}

.celtic-contact__form textarea.celtic-cf7-field {
	min-height: 8rem;
	resize: none;
}

/* Submit row: CF7 puts spinner next to the control. */
.celtic-contact__form .celtic-cf7-submit-wrap {
	margin-top: 1.25rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
}

.celtic-contact__form .celtic-cf7-submit-wrap .wpcf7-spinner {
	margin: 0;
}

.celtic-contact__form input.celtic-cf7-submit,
.celtic-contact__form button.celtic-cf7-submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	width: 100%;
	border: 1px solid #c9a968;
	background-color: #c9a968;
	padding: 1.25rem 1.75rem;
	font-size: 0.75rem;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.18em;
	color: #102b28;
	cursor: pointer;
	transition: background-color 0.5s ease, border-color 0.5s ease;
}

@media (min-width: 640px) {
	.celtic-contact__form input.celtic-cf7-submit,
	.celtic-contact__form button.celtic-cf7-submit {
		width: auto;
	}
}

.celtic-contact__form input.celtic-cf7-submit:hover,
.celtic-contact__form button.celtic-cf7-submit:hover {
	background-color: #d8bd82;
	border-color: #d8bd82;
}