/* ==========================================================================
   contact.css — styled contact form (scs-theme/contact-form pattern)
   ========================================================================== */
.scs-contact-form-wrap { max-width: 720px; margin: 1.25rem 0 0; }
.scs-contact-form {
	display: flex; flex-direction: column; gap: 1.1rem;
	background: #fff; border: 1px solid var(--scs-surface-2, #EBEBEB);
	border-radius: var(--scs-radius, 8px); padding: 1.75rem;
	box-shadow: var(--scs-shadow);
}
.scs-cf-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem; }
.scs-cf-field { display: flex; flex-direction: column; gap: .4rem; }
.scs-cf-field > span {
	font-weight: 700; font-size: .82rem; color: var(--scs-ink, #101010);
	text-transform: uppercase; letter-spacing: .03em;
}
.scs-cf-field input,
.scs-cf-field textarea {
	font: inherit; font-weight: 400; width: 100%;
	padding: .7rem .85rem; color: var(--scs-body, #333);
	background: #fff; border: 1px solid var(--scs-surface-2, #EBEBEB); border-radius: 6px;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.scs-cf-field input:focus,
.scs-cf-field textarea:focus {
	border-color: var(--scs-red, #24E35A);
	box-shadow: 0 0 0 3px rgba(36,227,90,.12); outline: none;
}
.scs-cf-field textarea { resize: vertical; min-height: 130px; }
.scs-cf-actions { display: flex; align-items: center; gap: 1rem 1.25rem; flex-wrap: wrap; }
.scs-cf-actions .wp-element-button { flex: 0 0 auto; }
.scs-cf-note { margin: 0; color: var(--scs-muted, #68737D); font-size: .85rem; }

@media (max-width: 600px) {
	.scs-cf-row { grid-template-columns: 1fr; }
	.scs-contact-form { padding: 1.25rem; }
}