/* Contact form grid layout */
/* Keep the form's dropdown above the product preview (z-index: 2). */
body.kiddee-page-contact #page .srfm-form-container {
	z-index: 3;
}

body.kiddee-page-contact #page .kiddee-contact-form-layout > :is(.kiddee-product-interest, .kiddee-form-wide-row, .kiddee-form-submit-row) {
	grid-column: 1;
	width: auto;
	min-width: 0;
	justify-self: stretch;
}

body.kiddee-page-contact #page .kiddee-form-submit-row .wp-block-button {
	width: min(320px, 100%);
	margin-inline: auto;
}

body.kiddee-page-contact #page .kiddee-form-submit-row .srfm-submit-button {
	width: 100%;
}

@media (min-width: 64rem) {
	body.kiddee-page-contact #page .srfm-form-container-2395 .kiddee-contact-form-layout {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 16px;
		align-items: start;
		justify-items: stretch;
	}

	body.kiddee-page-contact #page .kiddee-contact-form-layout > :is(.kiddee-product-interest, .kiddee-form-wide-row, .kiddee-form-submit-row) {
		grid-column: 1 / 3;
	}

	body.kiddee-page-contact #page .kiddee-contact-form-layout .kiddee-form-field-name {
		grid-column: 1;
		grid-row: 1;
	}

	body.kiddee-page-contact #page .kiddee-contact-form-layout .kiddee-form-field-email {
		grid-column: 2;
		grid-row: 1;
	}

	body.kiddee-page-contact #page .kiddee-contact-form-layout .kiddee-form-field-phone {
		grid-column: 1;
		grid-row: 2;
	}

	body.kiddee-page-contact #page .kiddee-contact-form-layout .kiddee-form-field-line {
		grid-column: 2;
		grid-row: 2;
	}

	body.kiddee-page-contact #page .kiddee-contact-form-layout .kiddee-product-interest {
		grid-column: 1 / 3;
		grid-row: 3;
	}

	body.kiddee-page-contact #page .kiddee-contact-form-layout .kiddee-form-field-message {
		grid-column: 1 / 3;
		grid-row: 4;
	}


	body.kiddee-page-contact #page .kiddee-contact-form-layout .kiddee-form-submit-row {
		grid-column: 1 / 3;
		grid-row: 5;
	}

	body.kiddee-page-contact #page .kiddee-contact-form-layout .kiddee-form-field-message .srfm-input-textarea {
		min-height: 150px;
	}
}

.kiddee-contact-delivery {
	margin-top: 12px;
	padding: 12px 14px;
	border: 1px solid var(--kv2-color-border);
	border-radius: 12px;
	background: var(--kv2-color-surface);
	color: var(--kv2-color-text);
	font-family: var(--font-body);
	font-size: 13px;
	line-height: 1.6;
	text-align: center;
}
.kiddee-contact-delivery p { margin: 0; }
.kiddee-contact-delivery { overflow-wrap: anywhere; }
.kiddee-contact-delivery[hidden] { display: none; }
.kiddee-contact-delivery:is([data-state="error"], [data-state="failed"], [data-state="partial"]) {
	border-color: color-mix(in srgb, var(--kv2-airbnb-error) 35%, var(--kv2-color-border));
	background: color-mix(in srgb, var(--kv2-airbnb-error) 5%, var(--kv2-color-surface));
}
.kiddee-contact-delivery-countdown { color: var(--kv2-color-muted-text); }