/* Zoho contact form additions. The shared contact styles remain in main.css. */
.moxie-zoho-contact-form__name-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.25rem;
}

.moxie-zoho-contact-form__checkbox-list {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.25rem;
}

.moxie-zoho-contact-form__checkbox-list label {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	cursor: pointer;
	margin: 0;
}

.moxie-zoho-contact-form__checkbox-list input[type="checkbox"] {
	width: 1rem;
	height: 1rem;
	accent-color: #a63151;
	cursor: pointer;
}

.moxie-zoho-contact-form__checkbox-list span {
	font-size: 0.75rem;
	color: rgba(255,255,255,0.55);
	transition: color 0.2s ease;
}

.moxie-zoho-contact-form__checkbox-list label:hover span {
	color: rgba(255,255,255,0.8);
}

@media (max-width: 480px) {
	.moxie-zoho-contact-form__name-fields {
		grid-template-columns: 1fr;
	}
}