/* ==========================================================
   NEWATOURS – REISEINFO MAP
   ========================================================== */

.newatours-reiseinfo-map {
	--newa-navy: #0d2d4a;
	--newa-gold: #b08d57;
	--newa-map-hotel: #2f6fd6;
	--newa-map-restaurant: #43a047;
	--newa-map-point: #d63b35;
	--newa-map-point-inner: #c92f2a;
	--newa-map-sight: #b08d57;
	--newa-map-sight-inner: #9d7948;
	--newa-map-pin-icon: #ffffff;
	--newa-map-pin-scale: 1;
	--newa-map-legend-pin-scale: 1;

	width: 100%;
}


.newatours-reiseinfo-map-canvas {
	width: 100%;
	height: 520px;

	border-radius: 12px;

	overflow: hidden;

	background: #eef1f3;

	box-shadow:
		0 6px 22px
		rgba(13, 45, 74, 0.08);
}


/* ==========================================================
   MARKER
   ========================================================== */

.newatours-map-marker {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 32px;
	height: 32px;

	border: 3px solid #ffffff;
	border-radius: 50%;

	box-shadow:
		0 2px 8px
		rgba(0, 0, 0, 0.25);

	color: #ffffff;

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 13px;
	font-weight: 700;
	line-height: 1;
}


.newatours-map-marker.is-hotel {
	background: var(--newa-map-hotel, #0d2d4a);
}


.newatours-map-marker.is-restaurant {
	background: var(--newa-map-restaurant, #6f7f8c);
}


/* ==========================================================
   POPUP
   ========================================================== */

.newatours-reiseinfo-map
.leaflet-popup-content-wrapper {
	padding: 0;

	border-radius: 10px;

	overflow: hidden;
}


.newatours-reiseinfo-map
.leaflet-popup-content {
	width: 220px !important;

	margin: 0;
}


.newatours-map-popup {
	width: 100%;
}


.newatours-map-popup-image {
	width: 100%;
	height: 135px;

	object-fit: cover;

	display: block;
}


.newatours-map-popup-title {
	padding: 12px 14px;

	color: #0d2d4a;

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 15px;
	font-weight: 600;
	line-height: 1.35;

	text-align: center;
}


/* ==========================================================
   TOOLTIP
   ========================================================== */

.newatours-reiseinfo-map
.leaflet-tooltip {
	padding: 6px 9px;

	border: 0;
	border-radius: 5px;

	background: #0d2d4a;

	color: #ffffff;

	box-shadow:
		0 2px 8px
		rgba(0, 0, 0, 0.18);

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 13px;
	font-weight: 600;
}


/* ==========================================================
   LEGENDE
   ========================================================== */

.newatours-reiseinfo-map-legend {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	gap: 18px;

	margin-top: 12px;
}


.newatours-reiseinfo-map-legend-item {
	display: inline-flex;
	align-items: center;

	gap: 7px;

	color: #4b5560;

	font-family:
		"Source Sans 3",
		sans-serif;

	font-size: 13px;
	line-height: 1.3;
}


.newatours-reiseinfo-map-legend-marker {
	position: relative;
	display: inline-block;

	width: 11px;
	height: 15px;

	border-radius: 50% 50% 50% 0;
	transform:
		rotate(-45deg)
		scale(var(--newa-map-legend-pin-scale, 1));
	transform-origin: 50% 50%;

	margin-left: 2px;
	margin-right: 3px;
}





.newatours-reiseinfo-map-legend-marker.is-hotel {
	background: var(--newa-map-hotel, #0d2d4a);
}


.newatours-reiseinfo-map-legend-marker.is-restaurant {
	background: var(--newa-map-restaurant, #6f7f8c);
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

	.newatours-reiseinfo-map-canvas {
		height: 400px;
		border-radius: 8px;
	}


	.newatours-reiseinfo-map-legend {
		gap: 10px 16px;
	}


	.newatours-reiseinfo-map
	.leaflet-popup-content {
		width: 190px !important;
	}


	.newatours-map-popup-image {
		height: 115px;
	}
}

.newatours-reiseinfo-map {
	width: 100%;
}

.newatours-reiseinfo-map-canvas {
	width: 100%;
	min-width: 100%;
}

/* ==========================================================
   ELEMENTOR WIDGET WIDTH FIX
   ========================================================== */

.elementor-widget-newatours_reiseinfo_map {
	width: 100% !important;
	max-width: none !important;
	flex: 0 0 100% !important;
}

.elementor-widget-newatours_reiseinfo_map > .elementor-widget-container {
	width: 100% !important;
	max-width: none !important;
}

.elementor-widget-newatours_reiseinfo_map
.newatours-reiseinfo-map {
	width: 100% !important;
	max-width: none !important;
}

.elementor-widget-newatours_reiseinfo_map
.newatours-reiseinfo-map-canvas {
	width: 100% !important;
	max-width: none !important;
}

.newatours-map-marker.is-map-point {
	background: #3f7f8f;
}



/* ==========================================================
   KARTENPUNKT – KLASSISCHER ROTER PIN
   ========================================================== */

.newatours-map-pin {
	width: 32px;
	height: 44px;

	transform: scale(var(--newa-map-pin-scale, 1));
	transform-origin: 50% 100%;

	filter:
		drop-shadow(
			0 2px 3px
			rgba(0, 0, 0, 0.3)
		);
}


.newatours-map-pin svg {
	display: block;

	width: 100%;
	height: 100%;
}


.newatours-map-pin-shape {
	fill: var(--newa-map-point, #d63b35);

	stroke: #ffffff;
	stroke-width: 1.5;
}


.newatours-map-pin-inner {
	fill: var(--newa-map-point-inner, #c92f2a);
}


.newatours-map-pin-icon {
	fill: var(--newa-map-pin-icon, #ffffff);
}


/* Legende */

.newatours-reiseinfo-map-legend-marker.is-map-point {
	position: relative;

	width: 11px;
	height: 15px;

	border-radius:
		50% 50% 50% 0;

	background: var(--newa-map-point, #d63b35);

	transform: rotate(-45deg);

	margin-left: 2px;
	margin-right: 3px;
}




/* Kartenpunkte – Rot */

.newatours-map-pin.is-map-point
.newatours-map-pin-shape {
	fill: var(--newa-map-point, #d63b35);
}

.newatours-map-pin.is-map-point
.newatours-map-pin-inner {
	fill: var(--newa-map-point-inner, #c92f2a);
}


/* Sehenswürdigkeiten – Gold */

.newatours-map-pin.is-sight
.newatours-map-pin-shape {
	fill: var(--newa-map-sight, #b08d57);
}

.newatours-map-pin.is-sight
.newatours-map-pin-inner {
	fill: var(--newa-map-sight-inner, #9d7948);
}

.newatours-reiseinfo-map-legend-marker.is-sight {
	position: relative;

	width: 11px;
	height: 15px;

	border-radius:
		50% 50% 50% 0;

	background: var(--newa-map-sight, #b08d57);

	transform: rotate(-45deg);

	margin-left: 2px;
	margin-right: 3px;
}




/* ==========================================================
   LEAFLET Z-INDEX FIX
   ========================================================== */

.newatours-reiseinfo-map {
	position: relative;
	z-index: 1;
}

.newatours-reiseinfo-map-canvas {
	position: relative;
	z-index: 1;
}

.newatours-reiseinfo-map .leaflet-pane,
.newatours-reiseinfo-map .leaflet-top,
.newatours-reiseinfo-map .leaflet-bottom {
	z-index: 1 !important;
}

/* ==========================================================
   ELEMENTOR STYLE OVERRIDES
   ========================================================== */

.newatours-reiseinfo-map .newatours-map-marker.is-hotel {
	background: var(--newa-map-hotel, #0d2d4a) !important;
}

.newatours-reiseinfo-map .newatours-map-marker.is-restaurant {
	background: var(--newa-map-restaurant, #6f7f8c) !important;
}

.newatours-reiseinfo-map .newatours-map-pin.is-map-point .newatours-map-pin-shape {
	fill: var(--newa-map-point, #d63b35) !important;
}

.newatours-reiseinfo-map .newatours-map-pin.is-map-point .newatours-map-pin-inner {
	fill: var(--newa-map-point-inner, #c92f2a) !important;
}

.newatours-reiseinfo-map .newatours-map-pin.is-sight .newatours-map-pin-shape {
	fill: var(--newa-map-sight, #b08d57) !important;
}

.newatours-reiseinfo-map .newatours-map-pin.is-sight .newatours-map-pin-inner {
	fill: var(--newa-map-sight-inner, #9d7948) !important;
}

.newatours-reiseinfo-map .newatours-reiseinfo-map-legend-marker.is-hotel {
	background: var(--newa-map-hotel, #0d2d4a) !important;
}

.newatours-reiseinfo-map .newatours-reiseinfo-map-legend-marker.is-restaurant {
	background: var(--newa-map-restaurant, #6f7f8c) !important;
}

.newatours-reiseinfo-map .newatours-reiseinfo-map-legend-marker.is-map-point {
	background: var(--newa-map-point, #d63b35) !important;
}

.newatours-reiseinfo-map .newatours-reiseinfo-map-legend-marker.is-sight {
	background: var(--newa-map-sight, #b08d57) !important;
}


/* ==========================================================
   EINHEITLICHE PINS – ALLE 4 TYPEN
   ========================================================== */

.newatours-reiseinfo-map .newatours-map-pin {
	width: 32px !important;
	height: 44px !important;

	transform: scale(var(--newa-map-pin-scale, 1)) !important;
	transform-origin: 50% 100% !important;
}

.newatours-reiseinfo-map .newatours-map-pin .newatours-map-pin-shape {
	stroke: #ffffff !important;
	stroke-width: 1.5;
}

.newatours-reiseinfo-map .newatours-map-pin .newatours-map-pin-inner {
	opacity: 0;
}

.newatours-reiseinfo-map .newatours-map-pin .newatours-map-pin-icon {
	fill: var(--newa-map-pin-icon, #ffffff) !important;
}

/* Sehenswürdigkeiten – Gold */
.newatours-reiseinfo-map .newatours-map-pin.is-sight .newatours-map-pin-shape {
	fill: var(--newa-map-sight, #b08d57) !important;
}

/* Weitere Orte – Rot */
.newatours-reiseinfo-map .newatours-map-pin.is-map-point .newatours-map-pin-shape {
	fill: var(--newa-map-point, #d63b35) !important;
}

/* Hotels – Blau */
.newatours-reiseinfo-map .newatours-map-pin.is-hotel .newatours-map-pin-shape {
	fill: var(--newa-map-hotel, #2f6fd6) !important;
}

/* Restaurants – Grün */
.newatours-reiseinfo-map .newatours-map-pin.is-restaurant .newatours-map-pin-shape {
	fill: var(--newa-map-restaurant, #43a047) !important;
}


/* ==========================================================
   LEGENDE – GLEICHE FARBEN / GLEICHE PIN-FORM
   ========================================================== */

.newatours-reiseinfo-map .newatours-reiseinfo-map-legend-marker {
	position: relative !important;

	width: 11px !important;
	height: 15px !important;

	border-radius: 50% 50% 50% 0 !important;

	transform:
		rotate(-45deg)
		scale(var(--newa-map-legend-pin-scale, 1)) !important;
	transform-origin: 50% 50% !important;
}

.newatours-reiseinfo-map .newatours-reiseinfo-map-legend-marker::after {
	content: "" !important;

	position: absolute;

	width: 3px;
	height: 3px;

	top: 4px;
	left: 4px;

	border-radius: 50%;
	background: #ffffff;
}

.newatours-reiseinfo-map .newatours-reiseinfo-map-legend-marker.is-sight {
	background: var(--newa-map-sight, #b08d57) !important;
}

.newatours-reiseinfo-map .newatours-reiseinfo-map-legend-marker.is-map-point {
	background: var(--newa-map-point, #d63b35) !important;
}

.newatours-reiseinfo-map .newatours-reiseinfo-map-legend-marker.is-hotel {
	background: var(--newa-map-hotel, #2f6fd6) !important;
}

.newatours-reiseinfo-map .newatours-reiseinfo-map-legend-marker.is-restaurant {
	background: var(--newa-map-restaurant, #43a047) !important;
}