/**
 * Contact Us page styles.
 * Reuses shared form primitives from estimate.css (enqueued as a dependency).
 */

.contact-info-list {
	display: flex;
	flex-direction: column;
	gap: 22px;
	margin-top: 26px;
	padding: 0;
	list-style: none;
}

.contact-info-item {
	display: flex;
	gap: 14px;
}

.contact-info-item svg {
	width: 20px;
	height: 20px;
	color: var(--nc-blue-dark);
	flex-shrink: 0;
	margin-top: 2px;
}

.contact-info-item strong {
	display: block;
	font-size: 0.88rem;
	color: var(--nc-navy);
	margin-bottom: 2px;
}

.contact-info-item__value,
.contact-info-item__link {
	font-size: 0.92rem;
	color: var(--nc-text-soft);
}

.contact-info-item__link {
	font-weight: 600;
	color: var(--nc-blue-dark);
	text-decoration: underline;
	text-underline-offset: 2px;
}

.contact-info-item__link:hover,
.contact-info-item__link:focus-visible {
	color: var(--nc-navy);
}

.contact-info-item--placeholder .contact-info-item__value {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.86rem;
}

.form-card__title {
	margin-bottom: 20px;
}

.contact-form__submit {
	margin-top: 24px;
}

.contact-estimate-cta {
	margin-top: 30px;
	padding-top: 26px;
	border-top: 1px solid var(--nc-line);
}

.contact-estimate-cta h3 {
	margin-bottom: 10px;
	font-size: 1.05rem;
}