/* HP Buy Map -- /buy results map-search pins + InfoWindow + card<->list active
 * sync. Loaded ONLY on /buy/results (post 73), so the shared .hp-rs-* / .hp-lc-*
 * class names do not collide with hp-rent-map (page-exclusive). Brand tokens:
 * gold #EEB211, ink #212221, gray #B2B3B2. No pink. Mirrors hp-rent-map's pin/IW
 * visual language. */

/* ---- sale-price pins (label = formatted list_price, NO "/mo") ---- */
.hp-rs-pin {
	transform: translateY(-50%); background: #212221; color: #fff;
	font-family: Poppins, sans-serif; font-size: 12px; font-weight: 700;
	padding: 5px 9px; border-radius: 14px; white-space: nowrap; border: 2px solid #fff; cursor: pointer;
	transition: transform .12s ease, background-color .12s ease;
}
.hp-rs-pin.is-active { background: #EEB211; color: #212221; transform: translateY(-50%) scale(1.12); z-index: 5; }

/* ---- InfoWindow ---- */
.hp-rs-iw { font-family: Poppins, sans-serif; width: 200px; }
.hp-rs-iw img { width: 100%; height: 120px; object-fit: cover; border-radius: 4px; display: block; }
.hp-rs-iw-ph {
	width: 100%; height: 120px; display: flex; align-items: center; justify-content: center;
	background: #F0F0F0; color: #B2B3B2; font-size: 11px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; border-radius: 4px;
}
.hp-rs-iw__price { font-size: 16px; font-weight: 700; color: #EEB211 !important; margin-top: 6px; }
.hp-rs-iw__meta { font-size: 13px; color: #3C3C3C !important; }
.hp-rs-iw__addr { font-size: 12px; color: #5A5A5A !important; margin: 2px 0 8px; }
.hp-rs-iw__link {
	display: inline-block; font-size: 13px; font-weight: 600; color: #212221 !important;
	background: #EEB211 !important; padding: 6px 14px; border-radius: 5px; text-decoration: none !important;
}

/* ---- shared-card active state (map <-> list hover sync) ---- */
.hp-lc-card.is-active { background: #FBF7EA; }