/* blocks/contact-form-section
 *
 * The form itself comes from a shortcode, so nothing here targets a specific
 * plugin's classes — the input rules are broad on purpose and can be tightened
 * once the form plugin is settled.
 */

.section-contact-form {
	--form-max-width: 720px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.section-contact-form .section-head {
	margin-bottom: 28px;
	text-align: center;
}

.section-contact-form .section-title {}

.section-contact-form .contact-form-wrap {
	max-width: var(--form-max-width);
	margin: 0 auto;
}

/* Generic field styling — applies to most form plugins' output. */
.section-contact-form .contact-form-wrap input[type="text"],
.section-contact-form .contact-form-wrap input[type="email"],
.section-contact-form .contact-form-wrap input[type="tel"],
.section-contact-form .contact-form-wrap input[type="url"],
.section-contact-form .contact-form-wrap input[type="number"],
.section-contact-form .contact-form-wrap input[type="date"],
.section-contact-form .contact-form-wrap select,
.section-contact-form .contact-form-wrap textarea {
	width: 100%;
	padding: 12px 14px;
	border: 1px solid #d9d9d9;
	border-radius: 4px;
	background: #fff;
	font: inherit;
	line-height: 1.4;
}

.section-contact-form .contact-form-wrap textarea {
	min-height: 140px;
	resize: vertical;
}

.section-contact-form .contact-form-wrap input[type="submit"],
.section-contact-form .contact-form-wrap button[type="submit"] {
	cursor: pointer;
}

@media (max-width: 767px) {
	.section-contact-form { background-attachment: scroll; }
}