/* Malaysia Home Finder: WhatsApp CTA strips + sticky mobile bar (round 4, "wa"). Plain CSS, no Tailwind rebuild needed. */

/* In-content strip (after Key Facts, Location, hub tables, posts, page ends). */
.mhf-wa-strip {
	margin: 2rem 0;
	padding: 1.25rem 1.25rem 1.1rem;
	border-radius: 1rem;
	background: #e9f8ef;
	border: 1.5px solid #bfe6cd;
	border-left: 5px solid #1fa855;
}
.mhf-wa-strip__title {
	font-family: "Fraunces", Georgia, "Songti SC", serif;
	font-size: 1.25rem;
	line-height: 1.3;
	color: #13262b;
	margin: 0 0 .35rem;
}
.mhf-wa-strip__text {
	font-size: .95rem;
	color: #4b5c60;
	margin: 0 0 .9rem;
	line-height: 1.5;
}
.mhf-wa-strip__btns {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}
.mhf-wa-strip__btns .mhf-btn {
	padding: .7rem 1.1rem;
	font-size: .95rem;
	text-decoration: none;
}
@media (max-width: 640px) {
	.mhf-wa-strip__btns .mhf-btn { width: 100%; }
}
#mhf-wa-area-end, #mhf-wa-project-end { margin: 2.5rem 0 1rem; }

/* Small text links (price box, hero note, FAQ answers). */
a.mhf-wa-textlink {
	color: #128c4a;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 2px;
}
a.mhf-wa-textlink:hover { color: #0d6b38; }
.mhf-wa-faq { margin: .6rem 0 0; font-size: .9rem; }

/* Sticky mobile bar: 2 buttons, phones and tablets only. */
.mhf-wa-bar { display: none; }
@media (max-width: 1023.98px) {
	.mhf-wa-bar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 9990;
		display: grid;
		grid-template-columns: 1.15fr 1fr;
		gap: .5rem;
		padding: .5rem .75rem calc(.5rem + env(safe-area-inset-bottom, 0px));
		background: rgba(255, 255, 255, .97);
		border-top: 1px solid #e6dccf;
		box-shadow: 0 -8px 24px -12px rgba(19, 38, 43, .25);
		transform: translateY(110%);
		transition: transform .25s ease;
	}
	.mhf-wa-bar.is-on { transform: translateY(0); }
	.mhf-wa-bar__btn {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: .4rem;
		min-height: 46px;
		padding: .5rem .6rem;
		border-radius: 999px;
		font-weight: 700;
		font-size: .92rem;
		line-height: 1.15;
		text-align: center;
		text-decoration: none;
		border: 1.5px solid #0e4f5c;
		color: #0e4f5c;
		background: #fff;
	}
	.mhf-wa-bar__btn--wa {
		background: #1fa855;
		border-color: #1fa855;
		color: #fff;
	}
	.mhf-wa-bar__btn svg { flex: 0 0 auto; }
	/* Room for the bar so it never covers the footer or form. */
	body.mhf-wa-bar-on { padding-bottom: var(--mhf-wa-bar-h, calc(66px + env(safe-area-inset-bottom, 0px))); }
	/* Keep the floating Click-to-Chat button visible: lift it above the bar. */
	body.mhf-wa-bar-on #ht-ctc-chat,
	body.mhf-wa-bar-on .ht-ctc.ht-ctc-chat {
		bottom: calc(var(--mhf-wa-bar-h, calc(66px + env(safe-area-inset-bottom, 0px))) + 10px) !important;
		transition: bottom .25s ease;
	}
}
@media (prefers-reduced-motion: reduce) {
	.mhf-wa-bar, body.mhf-wa-bar-on #ht-ctc-chat { transition: none; }
}
@media print {
	.mhf-wa-bar { display: none !important; }
}