/* Contact Us page (Figma 16:2). */

/* Info rows: 48px icon column, icons centred, text starts 16.4px after it. */
.cc-contact-row { margin-left: -16px; }
.cc-contact-row > .wp-block-image {
	flex: 0 0 48px;
	display: flex;
	justify-content: center;
	margin: 7px 0 0;
}

/* Contact Form 7 inside the form card. */
.cc-contact-form .wpcf7 { margin-top: 37px; }
.cc-contact-form .wpcf7-form > p { margin: 0 0 34px; }
.cc-contact-form .wpcf7-form > p:last-of-type { margin: 44px 0 0; }
.cc-contact-form .wpcf7-form-control-wrap { display: block; }
.cc-contact-form input[type="text"],
.cc-contact-form input[type="email"],
.cc-contact-form select,
.cc-contact-form textarea {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 90px;
	padding: 0 23px;
	border: 1px solid var(--wp--preset--color--border-default);
	border-radius: 6.3px;
	background-color: #f6f9e8;
	color: var(--wp--preset--color--text-primary);
	font: 400 20px/26px var(--wp--preset--font-family--anuphan);
}
.cc-contact-form textarea { height: 276.2px; padding-top: 32px; resize: vertical; }
.cc-contact-form select {
	appearance: none;
	color: #6f7b74;
	background-image: url("../contact/icon-chevron.svg");
	background-repeat: no-repeat;
	background-position: right 30.8px center;
	background-size: 25.5px 14.8px;
}
.cc-contact-form ::placeholder { color: #6f7b74; opacity: 1; }
.cc-contact-form input:focus,
.cc-contact-form select:focus,
.cc-contact-form textarea:focus { outline: 2px solid var(--wp--preset--color--green-700); outline-offset: 1px; }
.cc-contact-form .wpcf7-submit {
	display: block;
	width: 100%;
	height: 58px;
	border: 2px solid var(--wp--preset--color--green-700);
	border-radius: 6.3px;
	background: var(--wp--preset--color--green-700);
	color: #fff;
	font: 700 22px/29px var(--wp--preset--font-family--anuphan);
	cursor: pointer;
}
.cc-contact-form .wpcf7-submit:hover { background: var(--wp--preset--color--green-800); border-color: var(--wp--preset--color--green-800); }
.cc-contact-form .wpcf7-spinner { position: absolute; }
.cc-contact-form .wpcf7-response-output { margin: 20px 0 0 !important; border-radius: 6.3px; font-size: 16px; }

.cc-contact-info,
.cc-contact-form { box-sizing: border-box; }
.cc-divider img { display: block; }
/* The shortcode block wpautop-wraps the form; drop the empty <p> pair the browser splits it into. */
.cc-contact-form > p:has(+ .wpcf7),
.cc-contact-form > .wpcf7 + p { display: none; }

@media (max-width: 781px) {
	.cc-contact-info,
	.cc-contact-form { padding-left: 24px !important; padding-right: 24px !important; }
	.cc-contact-row { margin-left: 0; }
	.cc-contact-form input[type="text"],
	.cc-contact-form input[type="email"],
	.cc-contact-form select { height: 64px; }
	.cc-contact-form textarea { height: 200px; padding-top: 19px; }
	.cc-contact-form .wpcf7-form > p { margin-bottom: 20px; }
}