/* WPdealer Cars - "List / Map" on the listings page. Colours: WPdealer palette (--wpd-c-*). */
.wpd-resview {
	--wm-primary: var(--wpd-c-primary, #1d4ed8);
	--wm-on-primary: var(--wpd-c-on-primary, #fff);
	--wm-heading: var(--wpd-c-heading, #0b1532);
	--wm-text: var(--wpd-c-text, #374151);
	--wm-muted: var(--wpd-c-muted, #6b7280);
	--wm-border: var(--wpd-c-border, #e3e8f1);
	--wm-card: var(--wpd-c-card, #fff);
	margin: 0 0 20px;
}
.wpd-resview__tabs {
	display: inline-flex;
	gap: 4px;
	padding: 4px;
	border: 1px solid var(--wm-border);
	border-radius: 12px;
	background: var(--wm-card);
}
.wpd-resview__tab {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 9px 18px !important;
	min-height: 0 !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: transparent !important;
	box-shadow: none !important;
	color: var(--wm-heading) !important;
	font-size: .95rem;
	font-weight: 700;
	line-height: 1.2;
	cursor: pointer;
}
.wpd-resview__tab svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.wpd-resview__tab[aria-pressed="true"] {
	background: var(--wm-primary) !important;
	color: var(--wm-on-primary) !important;
}
.wpd-resview__tab:focus-visible {
	outline: 2px solid var(--wm-primary);
	outline-offset: 2px;
}
.wpd-resview__map {
	margin-top: 16px;
}
.wpd-resview__map[hidden],
#elenco_annunci[hidden] {
	display: none !important;
}
.wpd-resview__canvas {
	height: min(70vh, 640px);
	min-height: 360px;
	border: 1px solid var(--wm-border);
	border-radius: 16px;
	overflow: hidden;
	z-index: 0;
}
.wpd-resview__note {
	margin: 10px 2px 0;
	color: var(--wm-muted);
	font-size: .9rem;
}

/* Markers. */
.wpd-map-pin {
	background: none;
	border: 0;
}
.wpd-map-pin span {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	border: 3px solid #fff;
	border-radius: 50% 50% 50% 0;
	background: var(--wm-primary);
	box-shadow: 0 4px 12px rgba(11, 21, 50, .3);
	color: var(--wm-on-primary);
	font-size: 14px;
	font-weight: 800;
	transform: rotate(-45deg);
}
.wpd-map-pin b {
	font-weight: 800;
	line-height: 1;
	transform: rotate(45deg);
}
.wpd-map-here span {
	display: block;
	width: 18px;
	height: 18px;
	border: 3px solid #fff;
	border-radius: 50%;
	background: var(--wpd-c-accent, #f59e0b);
	box-shadow: 0 0 0 6px color-mix(in srgb, var(--wpd-c-accent, #f59e0b) 30%, transparent);
}
.wpd-map-circle {
	fill: var(--wm-primary);
	fill-opacity: .07;
	stroke: var(--wm-primary);
	stroke-opacity: .6;
	stroke-width: 2;
}

/* Popup. */
.wpd-map-popup .leaflet-popup-content-wrapper {
	border-radius: 14px;
	padding: 0;
}
.wpd-map-popup .leaflet-popup-content {
	margin: 0;
	width: auto !important;
	min-width: 260px;
}
.wpd-mpop__head {
	margin: 0;
	padding: 12px 36px 10px 14px;
	border-bottom: 1px solid var(--wm-border);
	color: var(--wm-muted);
	font-size: 13px;
}
.wpd-mpop__head strong {
	color: var(--wm-heading);
}
.wpd-mpop__list {
	max-height: 300px;
	margin: 0;
	padding: 6px;
	overflow-y: auto;
	list-style: none;
}
.wpd-mpop__car {
	margin: 0;
	padding: 0;
}
.wpd-mpop__link {
	display: flex;
	gap: 10px;
	padding: 8px;
	border-radius: 10px;
	color: var(--wm-text) !important;
	text-decoration: none !important;
}
.wpd-mpop__link:hover,
.wpd-mpop__link:focus-visible {
	background: color-mix(in srgb, var(--wm-primary) 8%, transparent);
}
.wpd-mpop__img {
	flex: 0 0 96px;
	height: 68px;
	border-radius: 8px;
	background: var(--wm-border);
	overflow: hidden;
}
.wpd-mpop__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.wpd-mpop__txt {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.3;
}
.wpd-mpop__name {
	overflow: hidden;
	color: var(--wm-heading);
	font-size: 13px;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.wpd-mpop__facts,
.wpd-mpop__dealer {
	color: var(--wm-muted);
	font-size: 12px;
}
.wpd-mpop__price {
	margin-top: 2px;
	color: var(--wm-primary);
	font-size: 14px;
	font-weight: 800;
}

/* Location of the dealer (1.2.14): logo above the name, the name links to the location page. */
.wpd-mpop__logo{display:grid;place-items:center;height:56px;margin:0 0 8px;padding:6px;border:1px solid var(--wpd-c-border,#e3e8f1);border-radius:10px;background:#fff}
.wpd-mpop__logo img{max-width:100%;max-height:44px;object-fit:contain}
.wpd-mpop__loc{color:inherit!important;text-decoration:underline;text-underline-offset:3px}