/* Contact page. Rules scoped under .cwm-contact-* -- no bare-element
   selectors (same rule as every other component). */

.cwm-contact-hero {
	background-color: #010101;
	padding: 80px 0;
}

.cwm-contact-hero__inner {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 55px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
}

.cwm-contact-hero__info {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.cwm-contact-hero__item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	color: #ffffff;
	font-size: 16px;
}

.cwm-contact-hero__item a {
	color: #ffffff;
	text-decoration: none;
}

.cwm-contact-hero__item a:hover {
	/* Cyan, matching the header nav's own active-item color (#75CABA,
	   confirmed via computed style -- a pre-existing theme color, not
	   introduced by this migration), not the site's brand green --
	   replaced 2026-08-21 per direct request. */
	color: #75CABA;
}

.cwm-contact-hero__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex: 0 0 auto;
	border-radius: 50%;
	background: #DB0BDB;
	color: #ffffff;
	font-size: 16px;
}

.cwm-contact-hero__form {
	background: #000000;
	border-radius: 15px;
	padding: 35px;
}

.cwm-contact-maps {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	padding: 0 55px 40px;
	background: #010101;
}

.cwm-map-embed {
	width: 100%;
}

.cwm-map-embed iframe {
	display: block;
}

@media (max-width: 900px) {
	.cwm-contact-hero__inner {
		grid-template-columns: 1fr;
	}

	.cwm-contact-maps {
		grid-template-columns: 1fr;
	}
}