/**
 * Map (#brxe-zvucrj): bo ~30px, nền sáng, bóng mềm; map tông pastel nhẹ; badge pill đen như mockup.
 */

body.qk-lien-he #brxe-zvucrj .qk-lihe-map-shell {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	border-radius: 30px;
	border: 0;
	background: #eef2f7;
	box-sizing: border-box;
	padding: 0;
	box-shadow:
		0 22px 56px -18px rgba(15, 23, 42, 0.14),
		0 10px 28px -14px rgba(15, 23, 42, 0.08),
		0 0 0 1px rgba(15, 23, 42, 0.05);
}

body.qk-lien-he #brxe-zvucrj .qk-lihe-map-frame {
	overflow: hidden;
	width: 100%;
	min-height: 500px;
	border-radius: 30px;
	isolation: isolate;
	/* Gần Snazzy “light / low contrast” trên iframe chuẩn (không dùng JS API) */
	filter: saturate(0.52) brightness(1.14) contrast(0.9) hue-rotate(-6deg);
	-webkit-filter: saturate(0.52) brightness(1.14) contrast(0.9) hue-rotate(-6deg);
}

body.qk-lien-he #brxe-zvucrj .qk-lihe-map-frame iframe {
	display: block;
	width: 100% !important;
	height: 500px;
	max-width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	vertical-align: bottom;
}

body.qk-lien-he #brxe-zvucrj .qk-lihe-map-badge {
	position: absolute;
	left: clamp(0.9rem, 2.2vw, 1.25rem);
	bottom: clamp(0.9rem, 2.2vw, 1.25rem);
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.55rem 1.15rem 0.55rem 0.7rem;
	border-radius: 999px;
	font-family: "Plus Jakarta Sans", system-ui, sans-serif;
	font-size: clamp(0.65rem, 1.4vw, 0.72rem);
	font-weight: 800;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #ffffff;
	background: #0a0a0a;
	border: 0;
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
	pointer-events: none;
}

body.qk-lien-he #brxe-zvucrj .qk-lihe-map-badge__dot {
	flex-shrink: 0;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: #22d3ee;
	box-shadow: 0 0 0 2px rgba(34, 211, 238, 0.35);
}