/* ============================================================
   Garage Gerstl — Contact Form 7 integration
   ============================================================ */
.wpcf7 { margin: 0; }
.wpcf7-form p { margin: 0 0 16px; }
.contact__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}
.contact-form label {
	display: block;
	margin-bottom: 16px;
	font-size: 0.9rem;
	font-weight: var(--fw-medium);
	color: var(--ink-700);
}
.contact-form label .wpcf7-form-control-wrap { display: block; margin-top: 6px; }

.contact-form .wpcf7-submit {
	appearance: none;
	background: var(--yellow);
	color: var(--black);
	border: 2px solid var(--yellow);
	border-radius: var(--radius);
	padding: 13px 30px;
	font-size: 0.95rem;
	font-weight: var(--fw-medium);
	cursor: pointer;
	transition: background var(--dur) var(--ease);
}
.contact-form .wpcf7-submit:hover { background: var(--yellow-600); border-color: var(--yellow-600); }

.wpcf7 .wpcf7-not-valid-tip { color: var(--alert-base); font-size: 0.82rem; margin-top: 4px; }
.wpcf7 .wpcf7-response-output {
	margin: 18px 0 0;
	padding: 12px 16px;
	border-radius: var(--radius);
	border: 1px solid var(--line);
	font-size: 0.9rem;
}
/* Benachrichtigungsfarben gem. Guidelines S. 18 (success base / alert base).
   Textfarbe bleibt schwarz — die Signalfarben tragen auf hellem Grund zu
   wenig Kontrast für Fliesstext. */
.wpcf7 form.sent .wpcf7-response-output { border-color: var(--success-base); background: #eafaf1; color: var(--ink); }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output { border-color: var(--alert-base); background: #fdeaed; color: var(--ink); }
.wpcf7-spinner { margin: 0 0 0 10px; }

@media (max-width: 620px) {
	.contact__row { grid-template-columns: 1fr; }
}