/**
 * Contact Form 7 feedback — site-wide.
 *
 * Loaded on every page, not scoped to a landing: the same forms appear on the
 * contact page, the booking page and the three Yandex.Direct landings, and a
 * visitor who cannot tell whether their request went through is a lost lead
 * wherever it happens.
 *
 * Contact Form 7 prints its verdict as a bare line of text under the submit
 * button, in the same size and colour as the rest of the page. After a
 * successful send the form is still sitting there, filled in, which reads as
 * "nothing happened". Here it becomes a panel the eye lands on: green rule, a
 * drawn check, larger type.
 *
 * Status lives on the FORM element in CF7 5.2+ (`.sent`, `.invalid`,
 * `.failed`, `.spam`), not on the response element, so the selectors go
 * through the parent.
 *
 * Hand-written for the same reason as the other robo9 sheets: the precompiled
 * tailwind.min.css only carries classes that existed at build time.
 *
 * @package Robo9
 */

.wpcf7 form .wpcf7-response-output {
	margin: 24px 0 0;
	padding: 18px 20px 18px 56px;
	position: relative;
	border: 1px solid #e5e7eb;
	border-left-width: 4px;
	border-radius: 4px;
	background: #f9fafb;
	font-family: "Manrope", system-ui, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	color: #111111;
}

/* --- Sent ------------------------------------------------------------ */

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #d1fae5;
	border-left-color: #059669;
	background: #ecfdf5;
	color: #065f46;
	font-weight: 600;
}

/* The check is drawn, not an icon font: nothing else on the site loads one,
   and an inline SVG background survives with images disabled off-network. */
.wpcf7 form.sent .wpcf7-response-output::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 50%;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	border-radius: 50%;
	background: #059669 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}

/* --- Not sent -------------------------------------------------------- */

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {
	border-color: #fee2e2;
	border-left-color: #dc2626;
	background: #fef2f2;
	color: #991b1b;
}

.wpcf7 form.invalid .wpcf7-response-output::before,
.wpcf7 form.failed .wpcf7-response-output::before,
.wpcf7 form.spam .wpcf7-response-output::before {
	content: "!";
	position: absolute;
	left: 18px;
	top: 50%;
	width: 26px;
	height: 26px;
	margin-top: -13px;
	border-radius: 50%;
	background: #dc2626;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	line-height: 26px;
}

/* Per-field validation text, so a missing contact reads as an instruction
   rather than as decoration. */
.wpcf7 form .wpcf7-not-valid-tip {
	display: block;
	margin-top: 6px;
	font-size: 0.85rem;
	color: #b91c1c;
}

.wpcf7 form .wpcf7-not-valid {
	border-color: #dc2626 !important;
}