/* =============================================
   Works Connect - Contact Page CSS
   ============================================= */

.wc-page .wc-contact-page {
	padding: 108px 0 80px;
}

.wc-page .wc-contact-card {
	max-width: 680px;
	margin: 0 auto;
	padding: 40px 36px 44px;
	background: var(--wc-white);
	border: 1px solid var(--wc-line);
	border-radius: var(--wc-radius-lg);
	box-shadow: var(--wc-shadow-soft);
}

.wc-page .wc-contact-title {
	font-size: clamp(28px, 3vw, 36px);
	line-height: 1.45;
	margin: 0 0 14px;
}

.wc-page .wc-contact-lead {
	font-size: 15px;
	line-height: 1.85;
	color: var(--wc-ink-muted);
	margin: 0 0 28px;
}

.wc-page .wc-contact-feedback {
	margin-bottom: 20px;
}

.wc-page .wc-contact-privacy {
	font-size: 13px;
	line-height: 1.7;
	color: var(--wc-ink-muted);
}

.wc-page .wc-contact-privacy a {
	color: var(--wc-accent);
	text-decoration: underline;
}

.wc-page .wc-form-field--honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.wc-page .wc-form-required {
	font-size: 12px;
	font-weight: 700;
	color: var(--wc-accent);
}

.wc-page .wc-site-contact-form select {
	width: 100%;
	padding: 14px 16px;
	border: 1.5px solid var(--wc-line);
	border-radius: var(--wc-radius-sm);
	background: var(--wc-white);
	font-family: inherit;
	font-size: 15px;
	color: var(--wc-ink);
}

.wc-page .wc-site-contact-form .wc-contact-submit {
	width: 100%;
	margin-top: 8px;
}

@media (max-width: 720px) {
	.wc-page .wc-contact-page {
		padding-top: 96px;
	}

	.wc-page .wc-contact-card {
		padding: 28px 20px 32px;
	}
}