/**
 * Contact page styles.
 */

.lh-contact-page {
	background-color: var(--color-section-neutral);
	padding-block: var(--spacing-xl);
}

.lh-enquiry-section--contact .lh-enquiry-section__inner {
	background-color: var(--color-surface);
	border: 1px solid var(--color-border);
	border-left: 4px solid var(--color-accent-secondary);
	border-radius: 0 var(--radius-block) var(--radius-block) 0;
	display: grid;
	gap: var(--spacing-md);
	max-width: var(--container-narrow-width);
	padding: var(--spacing-lg);
}

.lh-enquiry-section--contact .lh-enquiry-section__intro {
	font-size: var(--font-size-base);
	margin-bottom: 0;
	max-width: none;
}

.lh-contact-page__location {
	margin-top: var(--spacing-2xl);
}

.lh-contact-page__location-inner {
	display: grid;
	gap: var(--spacing-md);
}

.lh-enquiry-form__hint {
	color: var(--color-text-muted);
	font-size: var(--font-size-sm);
	line-height: var(--line-height-snug);
	margin: 0;
	max-width: none;
}

.lh-contact-map {
	display: grid;
	gap: var(--spacing-sm);
}

.lh-contact-map__heading {
	font-family: var(--font-family-heading);
	font-size: var(--font-size-h3);
	line-height: var(--line-height-heading);
	margin: 0;
}

.lh-contact-map__intro {
	margin: 0;
	max-width: none;
}

.lh-contact-map__address {
	font-style: normal;
	margin: 0;
}

.lh-contact-map__embed {
	background-color: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-block);
	height: clamp(16rem, 62vw, 26.5625rem);
	overflow: hidden;
	position: relative;
	width: 100%;
}

.lh-contact-map__canvas,
.lh-contact-map__iframe {
	border: 0;
	display: block;
	height: 100%;
	left: 0;
	max-width: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

@media (min-width: 768px) {
	.lh-contact-page {
		padding-block: var(--spacing-2xl);
	}

	.lh-contact-map__embed {
		height: 26.5625rem;
	}
}