/* Django Leads — contact form. Scoped under .django-contact-form-wrap so it
   won't leak into the rest of the theme. Colors are hard-coded to match the
   Django Digital brand (dark text on a light card) so this renders
   consistently in any WordPress theme. */

.django-contact-form-wrap {
	box-sizing: border-box;
}
.django-contact-form-wrap * {
	box-sizing: border-box;
}

.django-contact-notice {
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 14.5px;
	padding: 14px 18px;
	margin: 0 0 20px;
	border-radius: 2px;
}
.django-contact-notice--success {
	background: rgba(63, 145, 66, 0.12);
	color: #2c6b2f;
	border: 1px solid rgba(63, 145, 66, 0.3);
}
.django-contact-notice--error {
	background: rgba(224, 68, 48, 0.1);
	color: #a83224;
	border: 1px solid rgba(224, 68, 48, 0.3);
}

.django-contact-form {
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.django-contact-honeypot {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.django-contact-field {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.django-contact-field--split {
	display: flex;
}
.django-contact-field--split input:first-child {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.django-contact-field input,
.django-contact-field textarea {
	width: 100%;
	border: none;
	background: transparent;
	padding: 22px 24px;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 15px;
	color: #0a0908;
	resize: vertical;
	display: block;
}
.django-contact-field input::placeholder,
.django-contact-field textarea::placeholder {
	color: #8a857c;
}
.django-contact-field input:focus,
.django-contact-field textarea:focus {
	outline: none;
	background: rgba(255, 90, 31, 0.04);
}

.django-contact-submit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 22px 24px;
	background: #ffffff;
	border: none;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #0a0908;
	cursor: pointer;
	transition: color 0.3s ease, background 0.3s ease;
}
.django-contact-submit:hover {
	color: #ff5a1f;
	background: rgba(255, 90, 31, 0.04);
}
.django-contact-submit svg {
	width: 18px;
	height: 18px;
}

@media (max-width: 600px) {
	.django-contact-field--split {
		flex-direction: column;
	}
	.django-contact-field--split input:first-child {
		border-right: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}
	.django-contact-field input,
	.django-contact-field textarea,
	.django-contact-submit {
		padding: 18px 18px;
	}
}