.map-listing-card-single .map-listing-card-single__content__location a.dmie-address-link,
.map-listing-card-single .map-listing-card-single__content__phone a,
.map-listing-card-single .dmie-email a {
	color: inherit;
	text-decoration: none;
	word-break: break-word;
}

.map-listing-card-single .map-listing-card-single__content__location a.dmie-address-link:hover,
.map-listing-card-single .map-listing-card-single__content__phone a:hover,
.map-listing-card-single .dmie-email a:hover {
	text-decoration: underline;
}

.map-listing-card-single .dmie-email {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 6px;
}

.map-listing-card-single .dmie-email .directorist-icon-mask {
	flex-shrink: 0;
}

/* ===========================================================
 * Close-button (Google Maps' eigen knop) + driehoekje pointer
 * Directorist verbergt Google's default chrome — we forceren
 * de close-button terug en tekenen zelf een tail naar de pin.
 * =========================================================== */

/* Triangle moet kunnen overflowen onder de popup */
.gm-style-iw.gm-style-iw-c {
	overflow: visible !important;
}

/* Sluit-knop rechtsboven, op een witte ronde achtergrond */
.gm-style-iw.gm-style-iw-c .gm-style-iw-chr {
	display: block !important;
	position: absolute !important;
	top: 8px !important;
	right: 8px !important;
	z-index: 100 !important;
	background: transparent !important;
	width: auto !important;
	height: auto !important;
}

.gm-style-iw.gm-style-iw-c .gm-style-iw-chr button.gm-ui-hover-effect {
	display: block !important;
	width: 32px !important;
	height: 32px !important;
	min-width: 32px !important;
	min-height: 32px !important;
	background: #fff !important;
	border: 0 !important;
	border-radius: 50% !important;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18) !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
	opacity: 1 !important;
	visibility: visible !important;
	transition: background 0.15s ease, box-shadow 0.15s ease;
}

.gm-style-iw.gm-style-iw-c .gm-style-iw-chr button.gm-ui-hover-effect:hover {
	background: #f4f4f4 !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important;
}

.gm-style-iw.gm-style-iw-c .gm-style-iw-chr button.gm-ui-hover-effect > span {
	display: block !important;
	width: 18px !important;
	height: 18px !important;
	margin: 7px !important;
	background-color: #333 !important;
}

/* Google's eigen tail uit (we tekenen onze eigen) */
.gm-style-iw-tc {
	display: none !important;
}

/* Driehoekje midden-onder, wijst naar beneden naar de marker.
 * Border-top kleur = witte achtergrond van de popup zodat het
 * er als één geheel uitziet. */
.gm-style-iw.gm-style-iw-c::after {
	content: '';
	position: absolute;
	bottom: -14px;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #fff;
	filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.12));
	pointer-events: none;
}