/* ============================================================
 * page-contact-v4.css
 *
 * Loaded only on Contact (v4) and Thank You (v4) page templates.
 * The form section reuses the home page .mdl-consult markup
 * verbatim, so home-v4.css already styles it. This file adds the
 * MINIMUM rules needed for these two templates:
 *
 *   1. Logo size override - bump .mdl-consult__diamond to 105.95 x 97
 *   2. Thank-you card content (title divider + body copy)
 *
 * Everything else (slate background, white card, locations, awards,
 * verdicts) is inherited unchanged from home-v4.css.
 * ============================================================ */

/* ---------- 1. Logo size override (105.95 x 97 per Figma spec) -------- */
.mdl-home-v4.mdl-contact-v4 .mdl-consult__diamond {
	width: 105.95px !important;
	height: 97px !important;
	max-width: 105.95px !important;
	max-height: 97px !important;
	object-fit: contain;
	margin: 0 auto 32px;
}

/* ---------- 2. Thank-You card content ------------------------- */

/* The card itself reuses .mdl-consult__card from home-v4.css for the
 * white background, border, max-width, etc. We only add center alignment
 * and a touch more vertical padding to match the design. */
.mdl-home-v4 .mdl-thankyou-card {
	text-align: center;
	padding-top: 56px;
	padding-bottom: 64px;
}

/* Heading - .mdl-h2 from home-v4.css already gives Montserrat 700 in
 * Prussian; we just enforce the design's 32 / 38 + uppercase + center. */
.mdl-home-v4 .mdl-thankyou-card__title {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 38px;
	text-transform: uppercase;
	color: var(--mdl-prussian, #243952);
	margin: 0 0 28px;
	letter-spacing: 0.02em;
	text-align: center;
}

/* Gold divider line under the heading - 205 x 2.5px per Figma. */
.mdl-home-v4 .mdl-thankyou-card__divider {
	display: block;
	width: 205px;
	height: 0;
	margin: 0 auto 28px;
	border: 0;
	border-top: 2.5px solid var(--mdl-gold, #CAA45D);
}

/* Body copy - Montserrat 600 / 21 / 31 / Prussian, centered, max 644px. */
.mdl-home-v4 .mdl-thankyou-card__body {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	font-size: 21px;
	line-height: 31px;
	color: var(--mdl-prussian, #243952);
	margin: 0 auto;
	max-width: 644px;
	text-align: center;
}

/* Phone link inside the body - gold, underline on hover. */
.mdl-home-v4 .mdl-thankyou-card__body a {
	color: var(--mdl-gold, #CAA45D);
	text-decoration: none;
	font-weight: 600;
}
.mdl-home-v4 .mdl-thankyou-card__body a:hover,
.mdl-home-v4 .mdl-thankyou-card__body a:focus {
	text-decoration: underline;
	color: var(--mdl-gold-dark, #B5903F);
}

/* ---------- 3. Accolades section heading --------------------- *
 * Adds the "Mirador Accolades and Awards" heading above the awards
 * logo strip on Contact (v4) + Thank You (v4) pages. Heading color is
 * #E8F6F8 (Azure) per spec - light on the slate background. */
.mdl-home-v4 .mdl-awards--titled {
	padding-top: 64px;
	padding-bottom: 64px;
}
.mdl-home-v4 .mdl-awards--titled .mdl-awards__wrap {
	max-width: 1366px;
	margin: 0 auto;
	padding: 0 24px;
}
.mdl-home-v4 .mdl-awards--titled .mdl-awards__title {
	color: #E8F6F8 !important;
	text-align: center;
	margin: 0 0 40px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

/* ---------- Mobile fallback for the thank-you card ----------- */
@media (max-width: 768px) {
	.mdl-home-v4 .mdl-thankyou-card {
		padding-top: 40px;
		padding-bottom: 48px;
	}
	.mdl-home-v4 .mdl-thankyou-card__title {
		font-size: 24px;
		line-height: 30px;
	}
	.mdl-home-v4 .mdl-thankyou-card__divider { width: 160px; }
	.mdl-home-v4 .mdl-thankyou-card__body {
		font-size: 17px;
		line-height: 26px;
	}
}