/**
 * Contact Form 7 — strip the browser-default <textarea> box appearance.
 *
 * The theme's design wants the "Message" field to look exactly like
 * every other field (a plain bottom underline), while still being a
 * real multi-line <textarea> (unlike the other single-line inputs).
 * CF7 wraps every field in a .wpcf7-form-control-wrap span, so we
 * target the textarea through that.
 */

.contact-formfield.message textarea {
	display: block;
	width: 100%;
	min-height: 140px;
	padding: 0 0 8px;
	border: none;
	border-bottom: 1px solid var(--border, rgba(17, 17, 17, 0.15));
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	outline: none;
	resize: none;
	font: inherit;
	color: inherit;
	transition: border-color 0.25s ease;
}

.contact-formfield.message textarea:focus {
	border-bottom-color: currentColor;
}

.contact-formfield.message .wpcf7-form-control-wrap {
	display: block;
	width: 100%;
}