/* ==========================================================================
   MEETR, Contact ( /contact/ )
   ListingPro's native contact template ( template-contact.php ), not Elementor.
   Scoped to body.meetr-contact ( added by the body_class filter ) so it cannot
   leak. Brand typography already applies site-wide via meetr-chrome.css.
   ========================================================================== */

/* Canvas ------------------------------------------------------------------- */
body.meetr-contact .aliceblue,
body.meetr-contact .listing-second-view { background: var(--meetr-snow); }

/* Form fields ( Bootstrap .form-control ) --------------------------------- */
body.meetr-contact .form-control {
	border: 1px solid var(--meetr-border) !important;
	border-radius: var(--meetr-radius) !important;
	font-family: var(--meetr-font-body) !important;
	color: var(--meetr-summit) !important;
	background: var(--meetr-surface) !important;
	box-shadow: none !important;
}
body.meetr-contact .form-control:focus {
	outline: 2px solid var(--meetr-alpine) !important;
	outline-offset: 1px;
	border-color: var(--meetr-alpine) !important;
}

/* Send Message button and any primary buttons ----------------------------- */
body.meetr-contact .lp-review-btn,
body.meetr-contact input.lp-review-btn,
body.meetr-contact .btn-second-hover,
body.meetr-contact .btn-primary {
	background: var(--meetr-alpine) !important;
	border-color: var(--meetr-alpine) !important;
	color: #fff !important;
	border-radius: var(--meetr-radius) !important;
	font-family: var(--meetr-font-body) !important;
	font-weight: 600 !important;
	transition: background 0.18s var(--meetr-ease), transform 0.18s var(--meetr-ease);
}
body.meetr-contact .lp-review-btn:hover,
body.meetr-contact input.lp-review-btn:hover,
body.meetr-contact .btn-second-hover:hover,
body.meetr-contact .btn-primary:hover {
	background: var(--meetr-summit) !important;
	border-color: var(--meetr-summit) !important;
	color: #fff !important;
	transform: translateY(-1px);
}

/* Headings and links ------------------------------------------------------ */
body.meetr-contact h1,
body.meetr-contact h2,
body.meetr-contact h3 { color: var(--meetr-summit); letter-spacing: -0.01em; }
body.meetr-contact a:not(.btn):not(.lp-review-btn):not(.btn-second-hover) { color: var(--meetr-alpine); }
body.meetr-contact a:not(.btn):not(.lp-review-btn):not(.btn-second-hover):hover { color: var(--meetr-summit); }

/* ---- Editorial polish outside the form ---------------------------------- */
/* Page header ( if a Contact H1 is present ) */
body.meetr-contact h1 {
	font-family: var(--meetr-font-display) !important;
	font-size: clamp(34px, 5vw, 52px) !important;
	color: var(--meetr-summit) !important;
	text-align: center;
	line-height: 1.1;
	margin-bottom: 0.2em !important;
}
body.meetr-contact h1::before {
	content: "Get in touch";
	display: block;
	font-family: var(--meetr-font-mono);
	font-size: 13px;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--meetr-alpine);
	margin-bottom: 1em;
}

/* Section labels ( MEETR LLC / Contact us ) get a gradient underline */
body.meetr-contact h3.lp-border-bottom {
	font-family: var(--meetr-font-display) !important;
	font-size: 22px !important;
	color: var(--meetr-summit) !important;
	border-bottom: 2px solid transparent !important;
	border-image: var(--meetr-gradient) 1 !important;
	padding-bottom: 0.5em !important;
	margin-bottom: 1.1em !important;
}

/* Contact info readability */
body.meetr-contact .lp-border-bottom + *,
body.meetr-contact address,
body.meetr-contact .contact-info,
body.meetr-contact ul li { color: var(--meetr-stone); line-height: 1.8; }

/* Breathing room */
body.meetr-contact .listing-second-view,
body.meetr-contact .aliceblue { padding-block: var(--meetr-space-l); }

/* ---- Info column card treatment ------------------------------------------ */
body.meetr-contact .contact-right {
	background: var(--meetr-mist);
	border-radius: var(--meetr-radius-lg);
	padding: var(--meetr-space-l) var(--meetr-space-m) !important;
	position: relative;
	overflow: hidden;
}
body.meetr-contact .contact-right::before {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 4px;
	background: var(--meetr-gradient);
}
body.meetr-contact .contact-right h3.lp-border-bottom {
	border-bottom-color: rgba(12, 26, 36, 0.12) !important;
}
body.meetr-contact .contact-right span,
body.meetr-contact .contact-right p {
	font-size: 16px;
	color: var(--meetr-stone);
}

/* Give the form column matching breathing room so the two sides feel paired */
body.meetr-contact .contact_center form {
	background: var(--meetr-surface);
	border: 1px solid var(--meetr-border);
	border-radius: var(--meetr-radius-lg);
	padding: var(--meetr-space-l) var(--meetr-space-m);
	box-shadow: var(--meetr-shadow);
}