/* Lokal Helhet – Upptäckarkartan v0.21.87 */

.lokalhelhet-karta-wrap{
	position:relative;
	width:100%;
}

/* =========================================================
   FILTER – DATOR
   ========================================================= */
.lokalhelhet-filterrad{
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:14px;
	align-items:end;
	margin-bottom:8px;
	position:relative;
	z-index:3000;
}

.lh-filtergrupp{
	position:relative;
	min-width:0;
}

.lh-visually-hidden{
	position:absolute!important;
	width:1px!important;
	height:1px!important;
	padding:0!important;
	margin:-1px!important;
	overflow:hidden!important;
	clip:rect(0,0,0,0)!important;
	white-space:nowrap!important;
	border:0!important;
}

/* v0.21.644 – Chromes inbyggda sidöversättning hoppar över text som ligger
   långt utanför viewporten. Banken hålls därför tekniskt renderad inne i
   viewporten i en mycket liten yta. Den är inte interaktiv och påverkar inte
   kartans layout eller råvärden. */
.lh-google-translate-bank{
	position:fixed!important;
	right:0!important;
	bottom:0!important;
	left:auto!important;
	top:auto!important;
	width:8px!important;
	height:8px!important;
	overflow:hidden!important;
	display:block!important;
	visibility:visible!important;
	opacity:1!important;
	font-size:1px!important;
	line-height:1px!important;
	letter-spacing:0!important;
	white-space:normal!important;
	color:#fff!important;
	background:#fff!important;
	border:0!important;
	margin:0!important;
	padding:0!important;
	pointer-events:none!important;
	z-index:1!important;
}
.lh-google-translate-bank .lh-google-translate-source{
	display:inline!important;
	visibility:visible!important;
	opacity:1!important;
	font-size:1px!important;
	line-height:1px!important;
}

/* v0.21.659 – separat liten renderingsyta bara för Egenskaper. */
.lh-google-translate-bank-properties{
	right:12px!important;
	bottom:0!important;
}

.lh-filterknapp{
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:8px;
	width:100%;
	min-height:44px;
	padding:10px 11px;
	border:1px solid #d7d7d7;
	border-radius:7px;
	background:#fff;
	color:#222;
	font-family:inherit;
	font-size:16px;
	line-height:1.25;
	text-align:left;
	cursor:pointer;
}

.lh-filterknapp:hover{background:#f6f6f6;}

.lh-filterknapp:focus-visible,
.lh-mobilfilter-knapp:focus-visible,
.lokalhelhet-rensa-filter:focus-visible{
	outline:3px solid #1f6f82;
	outline-offset:2px;
}

.lh-filtersammanfattning{
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.lh-filtergrupp.har-val .lh-filterknapp{
	border-color:#333;
	background:#f2f2f2;
	box-shadow:inset 0 0 0 1px #333;
	font-weight:700;
}

.lh-filterpanel{
	display:none;
	position:absolute;
	top:calc(100% + 6px);
	left:0;
	z-index:3600;
	width:100%;
	min-width:260px;
	max-width:360px;
	padding:8px;
	border:1px solid #ddd;
	border-radius:9px;
	background:#fff;
	box-shadow:0 8px 24px rgba(0,0,0,.14);
}

.lh-filtergrupp.ar-oppen .lh-filterpanel{display:block;}

.lh-filterpanel-top{
	display:flex;
	align-items:center;
	gap:8px;
	padding-bottom:8px;
	margin-bottom:7px;
	border-bottom:1px solid #eee;
}

.lh-rensa-val,
.lh-mobil-rensa-val{
	flex:0 0 auto;
	min-height:40px;
	padding:9px 12px;
	border:1px solid #d5d5d5;
	border-radius:7px;
	background:#fff;
	color:#333;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
}

.lh-visa-resultat,
.lh-mobil-visa-resultat{
	flex:1 1 auto;
	min-height:40px;
	padding:9px 12px;
	border:0;
	border-radius:7px;
	background:#222;
	color:#fff;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
}

.lh-filterlista{
	max-height:390px;
	overflow:auto;
}

.lh-checkboxrad{
	display:grid;
	grid-template-columns:22px minmax(0,1fr);
	gap:8px;
	align-items:center;
	padding:9px 7px;
	border-radius:6px;
	cursor:pointer;
}

.lh-checkboxrad:hover{background:#f3f3f3;}
.lh-checkboxrad input{width:17px;height:17px;margin:0;}

/* v0.21.77 – enhetlig, kompakt textstorlek i datorns filterlistor. */
@media(min-width:768px){
	.lh-filterpanel .lh-checkboxrad{font-size:14px;line-height:1.3;}
}

.lh-egenskapsrubrik{
	margin:10px 7px 4px;
	padding-top:10px;
	border-top:1px solid #eee;
	color:#333;
	font-size:12px;
	font-weight:700;
	letter-spacing:.01em;
}

.lh-egenskapsrubrik:first-child{border-top:0;padding-top:2px;margin-top:2px;}

.lh-egenskapsinfo{
	margin:-1px 7px 8px;
	padding:0;
	color:#5f5f5f;
	font-size:11.5px;
	line-height:1.4;
}

.lh-egenskapsinfo strong{
	color:#444;
	font-weight:600;
}

/* v0.21.72 – Typ använder samma gruppvisning som Egenskaper men med kompaktare text. */
.lh-filtergrupp[data-filter="typ"] .lh-checkboxrad{
	font-size:14px;
	line-height:1.3;
}
.lh-filtergrupp[data-filter="typ"] .lh-checkboxrad span{
	min-width:0;
	overflow-wrap:anywhere;
}
.lh-filtergrupp[data-filter="typ"] .lh-typrubrik{font-size:12px;}
.lh-filtergrupp[data-filter="typ"] .lh-typinfo{font-size:11px;line-height:1.35;}
.lh-filtergrupp[data-filter="kommun"] .lh-kommunrubrik{font-size:12px;}
.lh-filtergrupp[data-filter="kommun"] .lh-kommuninfo{font-size:11px;line-height:1.35;}

/* Egenskaper innehåller fler val och får lite mer plats på dator. */
.lh-filtergrupp[data-filter="egenskaper"] .lh-filterpanel{
	right:0;
	left:auto;
	width:320px;
	max-width:min(360px,calc(100vw - 32px));
}

@media(min-width:768px) and (max-width:1100px){
	.lokalhelhet-filterrad{
		grid-template-columns:repeat(3,minmax(0,1fr));
	}
}

/* =========================================================
   MOBILFILTER – v0.9.1
   ========================================================= */
.lh-mobilfilter,
.lh-mobilmodal-bakgrund{display:none;}

.lokalhelhet-rensa-wrap{
	margin:4px 0 12px;
}

.lokalhelhet-rensa-wrap.synlig{display:block;}

.lokalhelhet-rensa-filter{
	padding:2px 0;
	border:0;
	background:transparent;
	color:#555;
	font-family:inherit;
	font-size:12.5px;
	font-weight:600;
	line-height:1.35;
	cursor:pointer;
}

.lokalhelhet-traffar{
	margin:0 0 8px;
	font-size:14px;
	font-weight:600;
}

/* =========================================================
   KARTA
   ========================================================= */
.lokalhelhet-karta{
	position:relative;
	width:100%;
	height:650px;
	overflow:hidden;
	border-radius:12px;
	background:#ddd;
}

.lokalhelhet-karta .leaflet-tile{
	max-width:none!important;
	max-height:none!important;
	margin:0!important;
	padding:0!important;
	border:0!important;
	box-shadow:none!important;
}

.lokalhelhet-karta .leaflet-pane img{max-width:none!important;}

.lokalhelhet-karta-status{
	position:absolute;
	z-index:2500;
	top:92px;
	left:50%;
	transform:translateX(-50%);
	width:max-content;
	max-width:calc(100% - 30px);
	padding:8px 14px;
	border-radius:999px;
	background:rgba(255,255,255,.96);
	box-shadow:0 2px 10px rgba(0,0,0,.14);
	font-size:13px;
	font-weight:600;
	line-height:1.2;
	pointer-events:none;
}

.lokalhelhet-karta-status.is-hidden{display:none;}

/* =========================================================
   POPUP – grunddesign från den gamla kartan
   ========================================================= */
.lokalhelhet-karta .leaflet-popup-content-wrapper{
	border-radius:14px;
	font-family:var(--lh-karta-typsnitt,inherit);
}
.lokalhelhet-karta .leaflet-popup-content{
	margin:14px;
	font-family:var(--lh-karta-typsnitt,inherit);
}

.lh-popup{
	position:relative;
	width:240px;
	max-width:100%;
}

.lh-popup-bild-wrap{position:relative;margin-bottom:10px;}
.lh-popup-bild{
	display:block;
	width:100%;
	height:135px;
	margin-bottom:0;
	border-radius:9px;
	object-fit:cover;
}

.lh-popup-title{
	margin:7px 0 9px;
	font-family:var(--lh-karta-typsnitt,inherit);
	font-size:18px;
	font-weight:var(--lh-popup-rubrik-vikt,700);
	line-height:1.35;
}

.lh-popup-title a{
	color:#2562a8;
	text-decoration:none;
}

.lh-popup-meta{
	margin-bottom:5px;
	font-family:var(--lh-karta-typsnitt,inherit);
	font-size:13px;
	line-height:1.45;
}

.lh-popup-kategori{font-weight:700;}

.lh-popup-knappar{
	display:flex;
	gap:7px;
	flex-wrap:wrap;
	margin-top:10px;
}

.lh-popup-link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	padding:8px 12px;
	border:0;
	border-radius:var(--lh-popup-knapp-radie,8px);
	background:var(--lh-popup-knapp-bakgrund,#f1f1f1);
	color:var(--lh-popup-knapp-text,#222);
	font-family:var(--lh-karta-typsnitt,inherit);
	font-size:12px;
	font-weight:700;
	line-height:1.2;
	text-decoration:none;
	cursor:pointer;
}

.lh-popup-link:hover,
.lh-popup-link:focus{
	background:#e9e9e9;
	color:var(--lh-popup-knapp-text,#222);
	text-decoration:none;
}

.lh-egen-kartikon{border:0;background:transparent;object-fit:contain;}

/* =========================================================
   KLUSTER – v0.9.3
   Färgen ligger som variabel så den senare kan styras från
   pluginets kartinställningar utan att klusterlogiken ändras.
   ========================================================= */
.lokalhelhet-karta-wrap{
	--lh-kluster-farg:#198ca2;
	/*
	 * v0.9.4 – centrala designvärden.
	 * JavaScript fyller --lh-karta-typsnitt med webbplatsens body-typsnitt
	 * om ingen egen kartinställning har satts. Senare kan samma variabler
	 * styras per karta från pluginets admin utan att popupkoden skrivs om.
	 */
	--lh-karta-typsnitt:inherit;
	--lh-popup-rubrik-vikt:700;
	--lh-popup-knapp-bakgrund:#f1f1f1;
	--lh-popup-knapp-text:#222;
	--lh-popup-knapp-radie:8px;
}
.lh-kluster{
	background:transparent!important;
	border:0!important;
}
.lh-kluster-inner{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:3px solid rgba(255,255,255,.98);
	border-radius:50%;
	background:var(--lh-kluster-farg,#198ca2);
	color:#fff;
	box-shadow:0 2px 7px rgba(0,0,0,.28);
	font-size:13px;
	font-weight:700;
	line-height:1;
}
.lh-kluster-inner.lh-kluster-mellan{font-size:13px;}
.lh-kluster-inner.lh-kluster-stor{font-size:14px;}

@media(max-width:767px){
	.lokalhelhet-filterrad{display:none;}

	.lh-mobilfilter{
		display:grid;
		grid-template-columns:repeat(6,minmax(0,1fr));
		gap:7px;
		margin:8px 0 14px;
		position:relative;
		z-index:2;
	}

	.lh-mobilfilter-knapp{
		display:flex;
		flex-direction:row;
		align-items:center;
		justify-content:center;
		gap:6px;
		grid-column:span 2;
		min-height:50px;
		padding:10px 7px;
		border:1px solid #ddd;
		border-radius:10px;
		background:#fff;
		color:#222;
		font:inherit;
		font-size:13px;
		font-weight:600;
		line-height:1.2;
		white-space:nowrap;
		cursor:pointer;
	}

	.lh-mobilfilter-knapp:nth-child(4),
	.lh-mobilfilter-knapp:nth-child(5){grid-column:span 3;}

	.lh-mobilfilter-knapp.har-val{
		border-color:#333;
		background:#f2f2f2;
		box-shadow:inset 0 0 0 1px #333;
		font-weight:700;
	}

	.lh-mobilfilter-antal{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		min-width:20px;
		height:20px;
		padding:0 6px;
		border-radius:12px;
		background:#333;
		color:#fff;
		font-size:11px;
		font-weight:700;
	}

	.lh-mobilmodal-bakgrund.synlig{
		display:flex;
		position:fixed;
		inset:0;
		z-index:999999;
		align-items:center;
		justify-content:center;
		padding:18px;
		background:rgba(0,0,0,.5);
	}

	.lh-mobilmodal{
		display:flex;
		flex-direction:column;
		width:100%;
		max-height:78vh;
		overflow:hidden;
		border-radius:16px;
		background:#fff;
	}

	.lh-mobilmodal-topp{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:15px;
		border-bottom:1px solid #eee;
		font-size:20px;
	}

	.lh-mobilmodal-stang{
		width:38px;
		height:38px;
		border:0;
		border-radius:50%;
		background:#eee;
		font-size:25px;
		line-height:1;
		cursor:pointer;
	}

	.lh-mobilmodal-fot{
		display:flex;
		align-items:center;
		gap:8px;
		padding:12px;
		border-bottom:1px solid #eee;
	}

	.lh-mobil-rensa-val{min-width:112px;}

	.lh-mobilmodal-lista{
		flex:1 1 auto;
		min-height:80px;
		max-height:58vh;
		overflow-y:auto;
		padding:8px 12px 14px;
		-webkit-overflow-scrolling:touch;
	}

	.lokalhelhet-rensa-filter{font-size:14px;}

	.lokalhelhet-karta{height:570px;}
	.lokalhelhet-karta-status{top:82px;}

	.lh-popup{width:225px;}
	.lh-popup-bild{height:125px;}
}

/* =========================================================
   v0.9.5 – POPUPBETEENDE, TILLGÄNGLIGHET OCH DRAG
   ========================================================= */

/* Vit kortyta kan användas för att dra/panorera kartan. */
.lokalhelhet-karta .leaflet-popup-content-wrapper{
	touch-action:none;
	cursor:grab;
}
.lokalhelhet-karta .leaflet-popup-content-wrapper.lh-popup-draggar{
	cursor:grabbing;
}

/* Interaktiva element ska alltid behålla normal klick/touch. */
.lokalhelhet-karta .leaflet-popup-content-wrapper a,
.lokalhelhet-karta .leaflet-popup-content-wrapper button,
.lokalhelhet-karta .leaflet-popup-content-wrapper input,
.lokalhelhet-karta .leaflet-popup-content-wrapper select,
.lokalhelhet-karta .leaflet-popup-content-wrapper textarea,
.lokalhelhet-karta .leaflet-popup-content-wrapper label{
	touch-action:manipulation;
}

/* v0.9.7 – linjerade popupkontroller med generös träffyta. */
.lh-popup-minimera{
	position:absolute;
	/* Popupinnehållet har 14 px marginal. -4 px placerar knappen
	   på samma visuella topplinje som Leaflets stängknapp (10 px). */
	top:-4px;
	right:39px;
	z-index:40;
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	padding:0!important;
	border:1px solid #d9d9d9!important;
	border-radius:50%!important;
	background:rgba(255,255,255,.96)!important;
	color:#444!important;
	box-shadow:0 2px 8px rgba(0,0,0,.12);
	font-family:var(--lh-karta-typsnitt,inherit)!important;
	font-size:18px!important;
	font-weight:700!important;
	line-height:1!important;
	cursor:pointer;
}

.lokalhelhet-karta .leaflet-popup-close-button{
	top:10px!important;
	right:10px!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:32px!important;
	height:32px!important;
	padding:0!important;
	border:1px solid #d9d9d9!important;
	border-radius:50%!important;
	background:rgba(255,255,255,.96)!important;
	color:#555!important;
	box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
	font-size:22px!important;
	line-height:1!important;
	text-decoration:none!important;
}

/* Visuellt små knappar, men cirka 44 × 44 px träffyta för touch. */
.lh-popup-minimera::before,
.lokalhelhet-karta .leaflet-popup-close-button::before{
	content:"";
	position:absolute;
	inset:-6px;
}

.lh-popup-minimera:hover,
.lokalhelhet-karta .leaflet-popup-close-button:hover{
	background:#f3f3f3!important;
}

.lh-popup-minimera:focus-visible,
.lokalhelhet-karta .leaflet-popup-close-button:focus-visible{
	outline:3px solid #1f6f82!important;
	outline-offset:2px!important;
}

.lh-popup.lh-popup-minimerad .lh-popup-stort-innehall{
	display:none!important;
}
.lh-popup.lh-popup-minimerad{
	width:210px;
	min-height:42px;
}
.lh-popup.lh-popup-minimerad .lh-popup-title{
	margin:2px 0;
	padding-right:78px;
	font-size:15px;
	line-height:1.35;
}

/*
 * v0.10.2 – åtgärdsknappar i popupen använder samma visuella
 * knappfamilj som sliderkortet. Statusknappar som Vill besöka,
 * Besökt och Min karta får senare en separat rund/pill-stil.
 */
.lh-popup-link,
.lh-popup button:not(.lh-popup-minimera):not(.lh-statusknapp):not(.lh-karta-betyg-oppna){
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	box-sizing:border-box;
	padding:8px 12px;
	border:0;
	border-radius:8px;
	background:#f1f1f1;
	color:#222;
	font-family:var(--lh-karta-typsnitt,inherit);
	font-size:12px;
	font-weight:600;
	line-height:1.2;
	text-align:center;
	text-decoration:none;
}
.lh-popup-link:hover,
.lh-popup button:not(.lh-popup-minimera):not(.lh-statusknapp):not(.lh-karta-betyg-oppna):hover{
	background:#e8e8e8;
}
.lh-popup-link:focus-visible,
.lh-popup button:not(.lh-popup-minimera):not(.lh-statusknapp):not(.lh-karta-betyg-oppna):focus-visible{
	outline:3px solid #1f6f82;
	outline-offset:2px;
}

@media(max-width:767px){
	/* Samma visuella storlek på mobil; den utökade träffytan ligger i ::before. */
}


/* =========================================================
   v0.10.0 – SLIDER / KUNDKORT UNDER KARTAN
   ========================================================= */
.lh-egenskapsinfo{
	font-weight:400;
}

.lh-resultat{
	margin-top:22px;
	font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-resultat-rubrik{
	margin:0 0 12px;
	font:inherit;
	font-size:18px;
	font-weight:700;
	line-height:1.35;
	color:#222;
}
.lh-slider-wrap{
	position:relative;
}
.lh-slider{
	display:flex;
	gap:16px;
	overflow-x:auto;
	overflow-y:hidden;
	padding:12px 52px 24px;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
	overscroll-behavior-inline:contain;
	-webkit-overflow-scrolling:touch;
}
.lh-slider::-webkit-scrollbar{display:none;}

.lh-slider-pil{
	position:absolute;
	top:50%;
	z-index:20;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:56px;
	padding:0;
	border:1px solid #ddd;
	border-radius:9px;
	background:#fff;
	color:#222;
	box-shadow:0 2px 8px rgba(0,0,0,.08);
	font:inherit;
	font-size:34px;
	line-height:1;
	cursor:pointer;
}
.lh-slider-pil:hover{background:#f5f5f5;}
.lh-slider-pil:focus-visible{
	outline:3px solid #1f6f82;
	outline-offset:2px;
}
.lh-slider-vanster{left:2px;}
.lh-slider-hoger{right:2px;}

.lh-kort{
	position:relative;
	flex:0 0 calc((100% - 32px)/3);
	min-width:220px;
	overflow:hidden;
	border:1px solid #e4e4e4;
	border-radius:12px;
	background:#fff;
	box-shadow:0 4px 14px rgba(0,0,0,.08);
	scroll-snap-align:start;
	transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.lh-kort:hover{
	transform:translateY(-2px);
	box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.lh-kort.vald-plats{
	border-color:#333;
	box-shadow:0 0 0 1px #333,0 6px 18px rgba(0,0,0,.12);
}
.lh-kort-bildknapp{
	position:relative;
	display:block;
	width:100%;
	aspect-ratio:16/10;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
}
.lh-kort-bildknapp:focus-visible{
	outline:3px solid #1f6f82;
	outline-offset:-3px;
}
.lh-kort-bild{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.lh-kort-vald{
	display:none;
	position:absolute;
	top:10px;
	right:10px;
	z-index:2;
	align-items:center;
	min-height:34px;
	padding:6px 11px;
	border-radius:18px;
	background:rgba(255,255,255,.96);
	color:#333;
	box-shadow:0 2px 8px rgba(0,0,0,.16);
	font-size:11px;
	font-weight:700;
	line-height:1.2;
	pointer-events:none;
}
.lh-kort.vald-plats .lh-kort-vald{display:inline-flex;}
.lh-kort-innehall{padding:13px;}
.lh-kort-rubrik{
	margin:0 0 8px!important;
	padding:0!important;
	font:inherit!important;
	font-size:17px!important;
	font-weight:700!important;
	line-height:1.35!important;
	color:#222!important;
}
.lh-kort-rubrikknapp{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	color:#222;
	font:inherit;
	font-size:17px;
	font-weight:700;
	line-height:1.35;
	text-align:left;
	cursor:pointer;
}
.lh-kort-rubrikknapp:hover{text-decoration:underline;}
.lh-kort-rubrikknapp:focus-visible{
	outline:3px solid #1f6f82;
	outline-offset:3px;
	border-radius:3px;
}
.lh-kort-kategori,
.lh-kort-meta{
	font-size:13px;
	line-height:1.4;
}
.lh-kort-kategori{
	margin-bottom:3px;
	font-weight:700;
}
.lh-kort-meta{color:#444;}
.lh-kort-knappar{
	display:flex;
	flex-wrap:wrap;
	gap:7px;
	margin-top:11px;
}
.lh-kort-knappar a,
.lh-kort-knappar button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:40px;
	box-sizing:border-box;
	padding:8px 12px;
	border:0;
	border-radius:8px;
	background:#f1f1f1;
	color:#222;
	font:inherit;
	font-size:12px;
	font-weight:600;
	line-height:1.2;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
.lh-kort-knappar a:hover,
.lh-kort-knappar button:hover{background:#e8e8e8;}
.lh-kort-knappar a:focus-visible,
.lh-kort-knappar button:focus-visible{
	outline:3px solid #1f6f82;
	outline-offset:2px;
}

@media(max-width:767px){
	.lh-resultat{margin-top:18px;}
	.lh-slider{
		gap:12px;
		padding:10px 6px 20px;
		scroll-padding-inline:6px;
	}
	.lh-kort{
		flex:0 0 82%;
		min-width:0;
	}
	.lh-slider-pil{display:none;}
	.lh-kort:hover{transform:none;}
}


/* =========================================================
   v0.10.3 – popupknapp exakt som sliderkortets åtgärdsknappar
   ========================================================= */
.lokalhelhet-karta .leaflet-popup-content .lh-popup-link{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-height:40px!important;
	box-sizing:border-box!important;
	padding:8px 12px!important;
	border:0!important;
	border-radius:8px!important;
	background:#f1f1f1!important;
	color:#222!important;
	font-family:var(--lh-karta-typsnitt,inherit)!important;
	font-size:12px!important;
	font-weight:600!important;
	line-height:1.2!important;
	text-align:center!important;
	text-decoration:none!important;
	box-shadow:none!important;
	transition:background-color .16s ease!important;
}
.lokalhelhet-karta .leaflet-popup-content .lh-popup-link:hover{
	background:#e8e8e8!important;
	color:#222!important;
	text-decoration:none!important;
}
.lokalhelhet-karta .leaflet-popup-content .lh-popup-link:focus-visible{
	background:#e8e8e8!important;
	color:#222!important;
	outline:3px solid #1f6f82!important;
	outline-offset:2px!important;
}


/* =========================================================
   v0.11.0 – Mina platser: Vill besöka + Besökta
   ========================================================= */
.lh-mina-platser{
	display:flex;
	align-items:center;
	gap:9px;
	flex-wrap:wrap;
	margin:10px 0 6px;
	font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-mina-rubrik{
	font-size:13px;
	font-weight:700;
}
.lh-mina-knappar{
	display:flex;
	align-items:center;
	gap:7px;
	flex-wrap:wrap;
}
.lh-mina-knapp,
.lh-statusknapp{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:38px;
	box-sizing:border-box;
	padding:7px 11px;
	border:1px solid #ddd;
	border-radius:999px;
	background:#fff;
	color:#333;
	font-family:var(--lh-karta-typsnitt,inherit);
	font-size:12px;
	font-weight:600;
	line-height:1.2;
	cursor:pointer;
	transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.lh-statusknapp{
	min-height:34px;
	padding:6px 10px;
	font-size:11px;
}
.lh-mina-knapp:hover,
.lh-statusknapp:hover{
	background:#f3f3f3;
}
.lh-mina-knapp.aktiv{
	border-color:#333;
	background:#333;
	color:#fff;
}
.lh-statusknapp.aktiv{
	border-color:#222;
	background:#222;
	color:#fff;
}
.lh-mina-knapp:focus-visible,
.lh-statusknapp:focus-visible{
	outline:3px solid #1f6f82;
	outline-offset:2px;
}
.lh-mina-antal{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:20px;
	height:20px;
	margin-left:4px;
	padding:0 5px;
	border-radius:999px;
	background:#eee;
	color:#333;
	font-size:10px;
	font-weight:700;
}
.lh-mina-knapp.aktiv .lh-mina-antal{
	background:#fff;
	color:#333;
}
.lh-statusrad{
	display:flex;
	gap:7px;
	flex-wrap:wrap;
	margin-top:10px;
}
.lh-popup .lh-statusrad{
	margin-top:9px;
}
.lh-kort .lh-statusrad{
	margin-top:10px;
}
.lh-mina-tomt{
	width:100%;
	box-sizing:border-box;
	padding:16px;
	border:1px solid #ddd;
	border-radius:10px;
	background:#fff;
	color:#555;
	font-size:13px;
}


/* v0.19.88 – desktop: Dela ligger på samma rad som Mina platser. */
.lh-mina-knappar > .lh-dela-kontroll{
	margin:0;
	align-self:center;
}
.lh-mina-knappar > .lh-dela-kontroll .lh-dela-toggle{
	min-height:38px;
	padding:7px 11px;
	font-size:12px;
	font-weight:600;
}
.lh-mina-knappar > .lh-dela-kontroll .lh-dela-status{
	display:none;
}

@media(max-width:767px){
	.lh-mina-platser{
		display:block;
		margin:13px 0 9px;
	}
	.lh-mina-rubrik{
		display:block;
		margin-bottom:8px;
		font-size:15px;
	}
	/* v0.19.87 – mobil: tre Mina platser-knappar på första raden, Min karta + Dela på andra. */
	.lh-mina-knappar{
		display:grid;
		grid-template-columns:repeat(6,minmax(0,1fr));
		align-items:stretch;
	}
	.lh-mina-knapp{
		width:100%;
		min-height:44px;
		padding:8px 6px;
		font-size:11px;
		white-space:nowrap;
	}
	.lh-mina-knapp[data-mina="alla"],
	.lh-mina-knapp[data-mina="vill"],
	.lh-mina-knapp[data-mina="besokt"]{
		grid-column:span 2;
	}
	.lh-min-karta-kontroll{
		grid-column:span 4;
		width:100%;
		min-width:0;
	}
	.lh-min-karta-kontroll .lh-mina-knapp{
		min-width:0;
	}
	.lh-mina-knappar > .lh-dela-kontroll{
		align-self:stretch;
	}
	.lh-mina-knappar > .lh-dela-kontroll .lh-dela-toggle{
		width:100%;
		min-height:44px;
		padding:8px 8px;
		font-size:11.5px;
		white-space:nowrap;
	}
	.lh-mina-knappar > .lh-dela-kontroll .lh-dela-meny{
		position:absolute;
		top:calc(100% + 6px);
		right:0;
		left:auto;
		width:min(220px,calc(100vw - 40px));
		margin:0;
		box-shadow:0 7px 20px rgba(0,0,0,.15);
	}
	.lh-statusknapp{
		min-height:40px;
		padding:8px 11px;
	}
}


/* =========================================================
   PÅ GÅNG / MEC – v0.20.16 desktop lagerfix
   ========================================================= */
.lh-pa-gang-desktop-wrap{
	position:relative;
	display:inline-block;
	margin:4px 0 10px;
	z-index:5000;
}

.lh-pa-gang-knapp{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	min-width:180px;
	min-height:40px;
	padding:8px 11px;
	border:1px solid #d7d7d7;
	border-radius:8px;
	background:#fff;
	color:#222;
	font-family:inherit;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
}

.lh-pa-gang-knapp:hover{background:#f6f6f6;}
.lh-pa-gang-knapp.aktiv{background:#222;color:#fff;border-color:#222;}
.lh-pa-gang-knapp:disabled,
.lh-pa-gang-mobil:disabled{opacity:.5;cursor:not-allowed;}

.lh-pa-gang-knapp:focus-visible,
.lh-pa-gang-perioder button:focus-visible,
.lh-pa-gang-visa:focus-visible,
.lh-pa-gang-dolj:focus-visible,
.lh-pa-gang-rensa:focus-visible,
.lh-pa-gang-mobil-stang:focus-visible{
	outline:3px solid #1f6f82;
	outline-offset:2px;
}

.lh-pa-gang-panel{
	display:none;
	position:absolute;
	top:calc(100% + 6px);
	left:0;
	z-index:5100;
	width:290px;
	max-height:610px;
	overflow-y:auto;
	padding:8px;
	border:1px solid #ddd;
	border-radius:11px;
	background:#fff;
	box-shadow:0 8px 24px rgba(0,0,0,.16);
}

.lh-pa-gang-desktop-wrap.oppen .lh-pa-gang-panel{display:block;}

.lh-pa-gang-snabbval{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:7px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e5e5e5;
}

.lh-pa-gang-visa,
.lh-pa-gang-dolj{
	min-height:38px;
	padding:8px 9px;
	border:1px solid #d7d7d7;
	border-radius:8px;
	font-family:inherit;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
}

.lh-pa-gang-visa{background:#222;color:#fff;border-color:#222;}
.lh-pa-gang-dolj{background:#fff;color:#333;}
.lh-pa-gang-dolj:hover{background:#f3f3f3;}

.lh-pa-gang-rensa{
	display:block;
	width:100%;
	margin:-2px 0 8px;
	padding:5px 6px;
	border:0;
	background:transparent;
	color:#555;
	font-family:inherit;
	font-size:11.5px;
	font-weight:600;
	text-align:left;
	cursor:pointer;
}
.lh-pa-gang-rensa:hover{text-decoration:underline;}

.lh-pa-gang-perioder button{
	display:block;
	width:100%;
	min-height:38px;
	padding:9px 10px;
	border:0;
	border-radius:7px;
	background:transparent;
	color:#222;
	font-family:inherit;
	font-size:13px;
	font-weight:600;
	text-align:left;
	cursor:pointer;
}

.lh-pa-gang-perioder button:hover{background:#f3f3f3;}
.lh-pa-gang-perioder button.aktiv{background:#222;color:#fff;}

.lh-eventkategori-sektion{
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #e5e5e5;
}

.lh-eventkategori-rubrik{
	margin:0 7px 7px;
	font-size:13px;
	font-weight:700;
}

.lh-eventkategori-rubrik span{color:#777;font-weight:400;}

.lh-eventkategori-lista{
	max-height:145px;
	overflow-y:auto;
	overscroll-behavior:contain;
	padding-right:4px;
}

.lh-eventkategori-val{
	display:grid;
	grid-template-columns:22px minmax(0,1fr);
	gap:8px;
	align-items:center;
	padding:8px 7px;
	border-radius:6px;
	font-size:13px;
	cursor:pointer;
}

.lh-eventkategori-val:hover{background:#f3f3f3;}
.lh-eventkategori-val input{width:17px;height:17px;margin:0;}

.lh-pa-gang-mobil-bakgrund{display:none;}

/* Eventmarkörer och eventbadge i vanliga kluster. */
.lh-event-kartikon{background:transparent!important;border:0!important;}
.lh-event-kartikon-wrap{position:relative;width:42px;height:42px;}
.lh-event-kartikon-bild{
	display:block;
	width:42px;
	height:42px;
	object-fit:cover;
	border:3px solid #fff;
	border-radius:50%;
	box-sizing:border-box;
	background:#fff;
	box-shadow:0 3px 10px rgba(0,0,0,.28);
}
.lh-event-kartikon-innehall{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	border:3px solid #fff;
	border-radius:50%;
	box-sizing:border-box;
	background:#222;
	box-shadow:0 3px 10px rgba(0,0,0,.28);
	font-size:17px;
	line-height:1;
	color:#fff;
}
.lh-event-kalenderikon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	font-size:17px;
	line-height:1;
}
.lh-event-kartikon-badge,
.lh-kluster-event-badge{
	position:absolute;
	top:-5px;
	right:-6px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:19px;
	height:19px;
	border:2px solid #fff;
	border-radius:50%;
	box-sizing:border-box;
	background:#222;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.25);
	font-size:9px;
	line-height:1;
	pointer-events:none;
}
.lh-kluster-egen-punkt-badge{
	position:absolute;
	top:15px;
	right:-6px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:21px;
	height:21px;
	border:2px solid #fff;
	border-radius:50%;
	box-sizing:border-box;
	background:#222;
	color:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.25);
	font-size:10px;
	line-height:1;
	pointer-events:none;
}
.lh-kluster-wrap{position:relative;width:100%;height:100%;}

.lh-stjarnpaket-badge{
	display:flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	border:1px solid rgba(0,0,0,.14);
	border-radius:50%;
	box-sizing:border-box;
	background:#fff;
	box-shadow:0 2px 7px rgba(0,0,0,.24);
	font-size:15px;
	font-weight:700;
	line-height:1;
	pointer-events:auto;
	z-index:4;
	cursor:default;
}
.lh-stjarnpaket-popup::after,
.lh-stjarnpaket-kort::after{
	content:attr(aria-label);
	position:absolute;
	left:50%;
	top:calc(100% + 7px);
	transform:translateX(-18%);
	padding:6px 9px;
	border-radius:7px;
	background:#222;
	color:#fff;
	font-size:12px;
	font-weight:600;
	line-height:1.15;
	white-space:nowrap;
	box-shadow:0 3px 10px rgba(0,0,0,.22);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	z-index:9999;
}
.lh-stjarnpaket-popup:hover::after,
.lh-stjarnpaket-kort:hover::after{
	opacity:1;
	visibility:visible;
}
.lh-stjarnpaket-guld{color:#f2b705!important;}
.lh-stjarnpaket-silver{color:#aeb4bb!important;}
.lh-stjarnpaket-brons{color:#b96f2f!important;}
.lh-stjarnpaket-popup,.lh-stjarnpaket-kort{position:absolute;top:9px;left:9px;}
.lh-plats-kartikon-divikon{background:transparent!important;border:0!important;}
.lh-plats-kartikon-wrap{position:relative;width:40px;height:40px;}
.lh-plats-kartikon-bild{display:block;width:40px;height:40px;object-fit:contain;}
.lh-stjarnpaket-kartikon{position:absolute;top:-7px;left:-7px;width:19px;height:19px;font-size:11px;}
.lh-stjarnpaket-kluster{position:absolute;top:-5px;left:-6px;width:19px;height:19px;font-size:11px;}

.lh-event-etikett{
	display:inline-block;
	margin:0 0 8px;
	padding:4px 8px;
	border-radius:15px;
	background:#f0f0f0;
	font-size:11px;
	font-weight:700;
}
.lh-event-period{padding:7px 0;border-bottom:1px solid #eee;font-size:13px;line-height:1.4;}
.lh-event-period:last-child{border-bottom:0;}
.lh-event-info{margin:8px 0 10px;font-size:13px;line-height:1.45;}

@media(max-width:767px){
	.lh-pa-gang-desktop-wrap{display:none;}

	/* Sex knappar = tre jämna kolumner på två rader. */
	.lh-mobilfilter .lh-mobilfilter-knapp,
	.lh-mobilfilter .lh-mobilfilter-knapp:nth-child(4),
	.lh-mobilfilter .lh-mobilfilter-knapp:nth-child(5),
	.lh-mobilfilter .lh-mobilfilter-knapp:nth-child(6){
		grid-column:span 2;
	}

	.lh-pa-gang-mobil.aktiv{
		border-color:#333!important;
		background:#222!important;
		color:#fff!important;
		box-shadow:inset 0 0 0 1px #333;
	}

	.lh-pa-gang-mobil-bakgrund.synlig{
		display:flex;
		position:fixed;
		inset:0;
		z-index:999999;
		align-items:center;
		justify-content:center;
		padding:18px;
		background:rgba(0,0,0,.5);
	}

	.lh-pa-gang-mobil-panel{
		display:flex;
		flex-direction:column;
		width:100%;
		max-height:78vh;
		overflow:hidden;
		border-radius:16px;
		background:#fff;
	}

	.lh-pa-gang-mobil-innehall{
		overflow-y:auto;
		-webkit-overflow-scrolling:touch;
		padding:10px 12px 14px;
	}

	.lh-pa-gang-mobil-stang{
		width:38px;
		height:38px;
		border:0;
		border-radius:50%;
		background:#eee;
		font-family:inherit;
		font-size:25px;
		cursor:pointer;
	}

	.lh-eventkategori-lista{max-height:165px;}
}

@media(prefers-reduced-motion:reduce){
	.lh-event-kartikon,
	.lh-kluster{transition:none!important;animation:none!important;}
}


/* =========================================================
   v0.13.0 – Min karta
   ========================================================= */
.lh-min-karta-knapp.aktiv{
	border-color:#555;
	background:#f1f1f1;
	color:#222;
}


/* =========================================================
   v0.14.1 – Min karta-meny + egna nålar
   ========================================================= */
.lh-min-karta-kontroll{
	position:relative;
	display:inline-flex;
	align-items:center;
	border:1px solid #ddd;
	border-radius:999px;
	background:#fff;
	font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-min-karta-kontroll .lh-mina-knapp{
	border:0;
	border-radius:999px 0 0 999px;
	background:transparent;
}
.lh-min-karta-meny-toggle{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:34px;
	min-height:38px;
	padding:0 10px 0 4px;
	border:0;
	border-radius:0 999px 999px 0;
	background:transparent;
	color:#333;
	font:inherit;
	cursor:pointer;
}
.lh-min-karta-kontroll.aktiv{
	border-color:#333;
	background:#333;
	color:#fff;
}
.lh-min-karta-kontroll.aktiv .lh-mina-knapp,
.lh-min-karta-kontroll.aktiv .lh-min-karta-meny-toggle{color:#fff;}
.lh-min-karta-kontroll .lh-mina-knapp.aktiv{background:transparent;color:inherit;}
.lh-min-karta-meny{
	display:none;
	position:absolute;
	top:calc(100% + 8px);
	right:0;
	z-index:1300;
	border:1px solid #ddd;
	background:#fff;
	box-shadow:0 8px 24px rgba(0,0,0,.14);
	color:#222;
}
.lh-min-karta-kontroll.meny-oppen .lh-min-karta-meny{display:block;}
.lh-egen-punkt-start{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:100%;
	min-height:40px;
	padding:8px 10px;
	border:1px solid #ddd;
	border-radius:9px;
	background:#fff;
	color:#333;
	font:inherit;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
}
.lh-egen-punkt-start:hover,.lh-egen-punkt-start.aktiv{background:#f1f1f1;border-color:#777;}
.lh-egen-punkt-start:focus-visible,.lh-min-karta-meny-toggle:focus-visible{outline:3px solid #1f6f82;outline-offset:2px;}
.lh-egen-punkt-hjalp{display:block;margin:7px 3px 0;font-size:12px;color:#555;line-height:1.4;}
.lokalhelhet-karta.lh-egen-punkt-val{cursor:crosshair;}


/* =========================================================
   Egen nål – samlad stabil dialogdesign
   ========================================================= */
.lh-egen-punkt-modal-bakgrund{
	display:none;
	position:fixed;
	inset:0;
	z-index:100000;
	align-items:center;
	justify-content:center;
	padding:18px;
	background:rgba(0,0,0,.35);
}
.lh-egen-punkt-modal-bakgrund.synlig{display:flex;}
.lh-egen-punkt-modal{
	position:relative;
	display:flex;
	flex-direction:column;
	width:min(720px,100%);
	max-height:calc(100vh - 36px);
	overflow:hidden;
	border-radius:14px;
	background:#fff;
	box-shadow:0 12px 40px rgba(0,0,0,.24);
	font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-egen-punkt-modal-topp{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:16px 54px 12px 18px;
	border-bottom:1px solid #eee;
}
.lh-egen-punkt-modal-topp strong{font-size:18px;line-height:1.25;}
.lh-egen-punkt-stang{
	position:absolute;
	top:12px;
	right:12px;
	z-index:20;
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	min-height:34px;
	padding:0;
	border:1px solid #ddd!important;
	border-radius:10px;
	background:#f1f1f1!important;
	color:#222;
	font:inherit;
	font-size:20px;
	font-weight:600;
	line-height:1;
	cursor:pointer;
	touch-action:manipulation;
}
.lh-egen-punkt-form{
	display:grid;
	gap:7px;
	min-height:0;
	padding:16px 18px 18px;
	overflow-y:auto;
	overscroll-behavior:contain;
	scrollbar-gutter:stable;
}
.lh-egen-punkt-form label{font-size:13px;font-weight:700;color:#333;}
.lh-egen-punkt-form label span{font-weight:400;color:#777;}
.lh-egen-punkt-form input,.lh-egen-punkt-form textarea{
	width:100%;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-radius:8px;
	background:#fff;
	color:#222;
	font:inherit;
	font-size:16px;
	padding:10px 11px;
}
.lh-egen-punkt-form input:focus-visible,.lh-egen-punkt-form textarea:focus-visible{outline:3px solid #1f6f82;outline-offset:1px;}
.lh-egen-punkt-form textarea{min-height:120px;resize:vertical;}

.lh-egen-punkt-teckenrad{display:flex;justify-content:space-between;gap:10px;margin-top:-2px;color:#777;font-size:11px;line-height:1.35;}
.lh-egen-punkt-lank-fel{min-height:18px;color:#a02323;font-size:12px;line-height:1.35;}

.lh-egen-punkt-koordinat{min-height:18px;margin-top:10px;color:#777;font-size:11px;line-height:1.35;}
.lh-egen-punkt-modal-knappar{
	position:sticky;
	bottom:0;
	z-index:4;
	display:flex;
	justify-content:flex-end;
	gap:10px;
	margin-top:6px;
	padding-top:10px;
	padding-bottom:2px;
	background:#fff;
}
.lh-egen-punkt-modal-knappar button{
	min-height:38px;
	padding:8px 14px;
	border:1px solid #ddd;
	border-radius:10px;
	background:#f1f1f1;
	color:#222;
	font:inherit;
	font-size:14px;
	font-weight:600;
	cursor:pointer;
}
.lh-egen-punkt-modal-knappar button[hidden]{display:none!important;}
.lh-egen-punkt-spara{background:#222!important;color:#fff!important;border-color:#222!important;}
.lh-egen-punkt-divikon{background:transparent!important;border:0!important;}
.lh-egen-punkt-ikon{
	display:flex;align-items:center;justify-content:center;width:34px;height:34px;box-sizing:border-box;border:3px solid #fff;border-radius:50%;
	background:#333;color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.28);font-size:18px;line-height:1;
}
.lh-egen-punkt-popup-text{margin:4px 0 8px;font-size:13px;line-height:1.45;}
.lh-egen-punkt-meta{margin:6px 0 10px;color:#666;font-size:12px;}
.lh-egen-punkt-ta-bort{background:#f1f1f1!important;color:#222!important;}
.lh-egen-punkt-ta-bort.bekrafta{border-color:#a53a3a!important;background:#fff3f3!important;color:#8a2222!important;}
.lh-egen-punkt-steg{display:block;}
.lh-egen-punkt-tillbaka,.lh-egen-punkt-nasta{display:none;}
.lh-egen-punkt-kontroll-rubrik{font-size:13px;font-weight:700;color:#333;margin-bottom:6px;}
.lh-egen-punkt-steg-rubrik{font-size:16px;font-weight:700;margin-bottom:12px;color:#333;}
.lh-egen-punkt-info{margin:-3px 0 12px;padding:9px 10px;border-radius:8px;background:#f6f6f6;color:#555;font-size:12px;line-height:1.45;}
.lh-egen-punkt-position-val{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.lh-egen-punkt-position-knapp{
	min-height:46px;padding:10px 12px;border:1px solid #ddd;border-radius:10px;background:#f5f5f5;color:#222;font:inherit;font-size:14px;font-weight:600;cursor:pointer;
}
.lh-egen-punkt-position-knapp:hover{background:#ececec;}
.lh-egen-punkt-position-knapp:focus-visible{outline:3px solid #1f6f82;outline-offset:2px;}
.lh-egen-punkt-position-knapp:disabled{opacity:.6;cursor:wait;}
.lh-egen-punkt-position-knapp[aria-busy="true"]{opacity:.72;cursor:progress;}
.lh-egen-punkt-position-status{min-height:20px;margin-top:8px;color:#555;font-size:12px;line-height:1.4;}
.lh-egen-punkt-position-knapp[data-position="min-position"]{display:none!important;}
.lh-egen-punkt-koordinat-ruta[hidden]{display:none!important;}
.lh-egen-punkt-koordinat-ruta{display:grid;gap:10px;}
.lh-egen-punkt-koordinat-ruta .lh-egen-punkt-steg-rubrik{margin-bottom:4px;}
.lh-egen-punkt-koordinat-falt{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.lh-egen-punkt-koordinat-falt[hidden]{display:none!important;}
.lh-egen-punkt-koordinat-falt label{font-size:13px!important;font-weight:700;color:#333;margin:0!important;}
.lh-egen-punkt-koordinat-fel{grid-column:1/-1;min-height:18px;color:#a02323;font-size:12px;}
.lh-egen-punkt-steg-dragyta{display:none;}
.lh-egen-punkt-draggrepp{display:none;}

@media(min-width:768px){
	.lokalhelhet-filterrad{z-index:5200;}
	.lokalhelhet-filterrad:has(.lh-filtergrupp.ar-oppen){z-index:6200;}
	.lh-filtergrupp.ar-oppen{z-index:6300;}
	.lh-filtergrupp.ar-oppen .lh-filterpanel{z-index:6400;}
	.lh-egen-punkt-modal-knappar .lh-egen-punkt-avbryt,
	.lh-egen-punkt-modal-knappar .lh-egen-punkt-spara{flex:0 0 auto;min-width:112px;}
}

@media(max-width:767px){
	.lh-min-karta-meny{right:auto;left:0;}
	.lh-egen-punkt-start{min-height:44px;}
	.lh-egen-punkt-modal-bakgrund{
		align-items:flex-start;
		justify-content:center;
		padding:clamp(145px,22vh,210px) 10px 14px;
	}
	.lh-egen-punkt-modal{
		width:100%;
		max-height:min(76vh,700px);
		border-radius:16px;
		cursor:grab;
		overscroll-behavior:contain;
		will-change:transform;
		transition:transform .14s ease-out;
	}
	.lh-egen-punkt-modal.lh-draggar{cursor:grabbing;transition:none;box-shadow:0 16px 44px rgba(0,0,0,.30);}
	.lh-egen-punkt-modal-topp{
		position:sticky;
		top:0;
		z-index:5;
		min-height:54px;
		box-sizing:border-box;
		padding:22px 54px 12px 16px;
		background:#fff;
		cursor:grab;
		touch-action:none!important;
		user-select:none!important;
		-webkit-user-select:none!important;
		overscroll-behavior:none;
	}
	.lh-egen-punkt-modal-topp strong{font-size:17px;}
	.lh-egen-punkt-modal.lh-draggar .lh-egen-punkt-modal-topp{cursor:grabbing;}
	.lh-egen-punkt-stang{top:10px;width:36px;height:36px;min-height:36px;border-radius:50%;}
	.lh-egen-punkt-draggrepp{
		display:block;
		position:absolute;
		top:8px;
		left:50%;
		width:54px;
		height:6px;
		transform:translateX(-50%);
		border-radius:999px;
		background:#bdbdbd;
		pointer-events:none;
	}
	.lh-egen-punkt-form{
		display:flex;
		flex-direction:column;
		gap:6px;
		padding:12px 14px 14px;
		scrollbar-gutter:auto;
	}
	.lh-egen-punkt-steg{display:none;}
	.lh-egen-punkt-steg.aktiv{display:block;}
	.lh-egen-punkt-steg label,.lh-egen-punkt-kontroll-rubrik{display:block;font-size:17px;margin-bottom:12px;}
	.lh-egen-punkt-info{margin:-2px 0 14px;line-height:1.4;}
	.lh-egen-punkt-form input{min-height:54px;padding:10px;}
	.lh-egen-punkt-form textarea{min-height:76px!important;max-height:112px;padding:10px;touch-action:pan-y;}
	.lh-egen-punkt-koordinat{margin:4px 0 2px;font-size:14px;line-height:1.5;}
	.lh-egen-punkt-modal-knappar{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:8px!important;
		margin-top:6px!important;
		padding-top:8px!important;
	}
	.lh-egen-punkt-modal-knappar button{width:100%;min-height:46px;margin:0;}
	.lh-egen-punkt-tillbaka,.lh-egen-punkt-nasta{display:inline-flex;align-items:center;justify-content:center;}
	.lh-egen-punkt-modal-knappar .lh-egen-punkt-avbryt{grid-column:1!important;}
	.lh-egen-punkt-modal-knappar .lh-egen-punkt-nasta,
	.lh-egen-punkt-modal-knappar .lh-egen-punkt-spara{grid-column:2!important;}
	.lh-egen-punkt-modal-knappar .lh-egen-punkt-tillbaka{grid-column:1!important;}
	.lh-egen-punkt-modal-knappar .lh-egen-punkt-tillbaka:not([hidden]){grid-column:1!important;grid-row:1!important;}
	.lh-egen-punkt-modal-knappar .lh-egen-punkt-spara:not([hidden]){grid-column:2!important;grid-row:1!important;}
	.lh-egen-punkt-modal-knappar .lh-egen-punkt-tillbaka:not([hidden]) ~ .lh-egen-punkt-avbryt:not([hidden]){
		grid-column:1/-1!important;grid-row:2!important;min-height:38px!important;
	}
	.lh-egen-punkt-position-val{grid-template-columns:1fr;}
	.lh-egen-punkt-position-knapp{min-height:52px;font-size:16px;}
	.lh-egen-punkt-position-knapp[data-position="min-position"]{display:flex!important;align-items:center;justify-content:center;}
	.lh-egen-punkt-koordinat-ruta{padding:0;}
	.lh-egen-punkt-koordinat-falt{grid-template-columns:1fr;}
	.lh-egen-punkt-koordinat-falt input{min-height:52px;}
	/* Ett draggrepp räcker på mobil: behåll bara greppet i modalens topp. */
	.lh-egen-punkt-steg-dragyta{display:none!important;}
	.lh-egen-punkt-modal input,
	.lh-egen-punkt-modal textarea,
	.lh-egen-punkt-modal select,
	.lh-egen-punkt-modal button,
	.lh-egen-punkt-modal a,
	.lh-egen-punkt-koordinat-falt{cursor:auto;touch-action:manipulation;}

	/* Koordinatsteget använder den faktiska synliga mobilhöjden när tangentbordet är öppet. */
	.lh-egen-punkt-modal.lh-koordinat-lage{max-height:var(--lh-egen-punkt-synlig-hojd,88vh)!important;}
	.lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-form{
		flex:1 1 auto!important;
		min-height:0!important;
		gap:5px!important;
		padding:8px 14px 10px!important;
		overflow-y:auto!important;
	}
	.lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-koordinat-ruta{flex:0 0 auto;gap:5px!important;}
	.lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-steg-dragyta{min-height:30px!important;height:30px!important;margin:0 0 2px!important;}
	.lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-steg-rubrik{margin:0 0 5px!important;}
	.lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-koordinat-falt{gap:5px!important;margin-top:0!important;}
	.lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-koordinat-falt input{min-height:44px!important;padding:8px 10px!important;}
	.lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-modal-knappar{
		position:sticky!important;
		bottom:0!important;
		z-index:8!important;
		flex:0 0 auto!important;
		margin-top:5px!important;
		padding:7px 0 0!important;
		background:#fff!important;
		box-shadow:0 -8px 12px rgba(255,255,255,.96);
	}
	.lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-modal-knappar button{min-height:42px!important;padding:7px 9px!important;}
}

@media(prefers-reduced-motion:reduce){
	.lh-egen-punkt-modal-bakgrund,.lh-egen-punkt-modal{scroll-behavior:auto;}
	.lh-egen-punkt-modal{transition:none!important;}
}

/* =========================================================
   v0.15.5 – Min karta, stabil kompakt design
   ========================================================= */
/* Mobilkomponenter ska aldrig synas på desktop. !important skyddar mot
   generella Divi/tema-regler för button. */
.lh-min-karta-mobil-bakgrund,
.lh-min-karta-mobil-topp,
.lh-min-karta-mobil-stang{
	display:none!important;
}

.lh-min-karta-meny{
	box-sizing:border-box;
	width:292px;
	min-width:292px;
	padding:10px;
	border-radius:12px;
}
.lh-min-karta-meny button,
.lh-min-karta-meny input{font-family:var(--lh-karta-typsnitt,inherit);}
.lh-min-karta-rubriksrad{display:none!important;}
.lh-min-karta-rundor{
	display:grid;
	gap:5px;
	margin:0 0 7px;
	max-height:150px;
	overflow:auto;
}
.lh-min-karta-rundor[hidden]{display:none!important;}
.lh-min-karta-alla,
.lh-min-karta-egna-toggle,
.lh-min-karta-ny,
.lh-min-karta-runda{
	display:flex;
	align-items:center;
	width:100%;
	min-height:38px;
	padding:7px 10px;
	border:1px solid #ddd;
	border-radius:9px;
	background:#fff;
	color:#2b2b2b;
	font:inherit;
	font-size:12px;
	line-height:1.2;
	text-align:left;
	cursor:pointer;
}
.lh-min-karta-alla{
	margin-bottom:7px;
	border-color:#333;
	background:#333;
	color:#fff;
	font-weight:600;
}
.lh-min-karta-runda{
	justify-content:space-between;
	gap:8px;
	min-height:36px;
	padding:6px 9px;
	border-radius:8px;
	background:#f7f7f7;
}
.lh-min-karta-runda span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lh-min-karta-runda small{font-size:10px;color:#666;white-space:nowrap;}
.lh-min-karta-runda.aktiv{border-color:#198ca2;background:#edf6f8;font-weight:700;}
.lh-min-karta-egna-toggle{justify-content:center;text-align:center;}
.lh-min-karta-egna-ikon{display:inline-block;margin-right:3px;line-height:1;vertical-align:.06em;}

.lh-min-karta-ny{justify-content:center;margin-bottom:7px;font-weight:600;}
.lh-min-karta-meny .lh-egen-punkt-start{
	justify-content:center;
	min-height:38px;
	margin-bottom:7px;
	padding:7px 9px;
	border-radius:9px;
	font-size:12px;
}
.lh-min-karta-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.lh-min-karta-actions button,
.lh-min-karta-redigering-knappar button{
	min-height:36px;
	padding:6px 8px;
	border:1px solid #ddd;
	border-radius:8px;
	background:#fff;
	color:#333;
	font:inherit;
	font-size:11px;
	font-weight:600;
	cursor:pointer;
}
.lh-min-karta-ta-bort.bekrafta{border-color:#a53a3a;background:#fff3f3;color:#8a2222;}
.lh-min-karta-redigering{
	margin-top:7px;
	padding:8px;
	border:1px solid #ddd;
	border-radius:9px;
	background:#fafafa;
}
.lh-min-karta-redigering[hidden]{display:none!important;}
.lh-min-karta-redigering label{display:block;margin-bottom:5px;font-size:12px;font-weight:600;}
.lh-min-karta-redigering input{
	box-sizing:border-box;
	width:100%;
	min-height:38px;
	padding:7px 9px;
	border:1px solid #bbb;
	border-radius:8px;
	background:#fff;
	font-size:14px;
}
.lh-min-karta-redigering-knappar{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px;}
.lh-min-karta-redigering-spara{background:#333!important;color:#fff!important;border-color:#333!important;}
.lh-min-karta-status{display:block;margin:5px 3px 0;font-size:11px;line-height:1.35;color:#555;}
.lh-min-karta-meny button:hover{filter:brightness(.97);}
.lh-min-karta-meny button:focus-visible,
.lh-min-karta-meny input:focus-visible{outline:3px solid #1f6f82;outline-offset:2px;}

@media (max-width:767px){
	body.lh-min-karta-mobil-oppen{overflow:hidden!important;}

	/* När menyn ligger kvar i kontrollen ska den vara helt dold. */
	.lh-min-karta-kontroll .lh-min-karta-meny{
		display:none;
	}

	/* Panel aktiveras endast när JS har portalat den till body.
	   Overlay-regeln finns globalt längre ned och gäller även mobil. */
	body > .lh-min-karta-meny.lh-min-karta-mobil-popup-oppen{
		-webkit-overflow-scrolling:touch;
	}
}


/* v0.15.12 – avbryt Välj på kartan utan att lämna ett låst läge. */
.lh-egen-punkt-kartval-stang{
	position:absolute;
	top:12px;
	right:12px;
	z-index:1200;
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	padding:0;
	border:1px solid rgba(0,0,0,.18);
	border-radius:50%;
	background:#fff;
	color:#333;
	font:700 28px/1 Arial,sans-serif;
	box-shadow:0 3px 12px rgba(0,0,0,.18);
	cursor:pointer;
}
.lh-egen-punkt-kartval-stang[hidden]{display:none!important;}
.lh-egen-punkt-kartval-stang:focus-visible{outline:3px solid #198ca2;outline-offset:2px;}
@media (max-width:767px){
	.lh-egen-punkt-kartval-stang{top:10px;right:10px;width:46px;height:46px;font-size:30px;}
}


/* v0.15.13 – stängknappen ska alltid vinna över mobilens dragyta. */
@media(max-width:767px){
  .lh-egen-punkt-stang{
    z-index:20!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}

/* v0.15.15 – färdigare popup för egna nålar */
.lh-egen-punkt-popup-actions{align-items:stretch;}
.lh-egen-punkt-popup-actions .lh-popup-link{flex:0 1 auto;}
.lh-egen-punkt-popup-actions button{appearance:none;-webkit-appearance:none;}
.lh-egen-punkt-rutt-status{min-height:16px;margin-top:7px;font-size:11px;line-height:1.35;color:#666;}
@media(max-width:767px){
  .lh-egen-punkt-popup-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;}
  .lh-egen-punkt-popup-actions .lh-popup-link{width:100%;min-width:0;}
}


/* v0.15.16 – egen-nål-popup: kompakt knappdesign enligt gamla kartan. */
.lokalhelhet-karta .leaflet-popup-content .lh-egen-punkt-popup-actions{
  gap:5px!important;
  margin-top:7px!important;
}
.lokalhelhet-karta .leaflet-popup-content .lh-egen-punkt-popup-actions .lh-popup-link{
  min-height:32px!important;
  padding:6px 9px!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:1.15!important;
}
@media(max-width:767px){
  .lokalhelhet-karta .leaflet-popup-content .lh-egen-punkt-popup-actions .lh-popup-link{
    min-height:34px!important;
    padding:6px 8px!important;
  }
}


/* v0.16.0 – första stabila Min karta-rutten. */
.lokalhelhet-karta-wrap{--lh-rutt-farg:#287ca3;}
.lokalhelhet-karta .lh-min-karta-rutt-kontroll{
  display:flex;align-items:center;gap:10px;max-width:min(330px,calc(100vw - 76px));padding:8px 9px 8px 11px;
  border:1px solid rgba(0,0,0,.15);border-radius:9px;background:rgba(255,255,255,.96);
  box-shadow:0 3px 12px rgba(0,0,0,.16);color:#333;font-family:var(--lh-karta-typsnitt,inherit);
}
.lokalhelhet-karta .lh-min-karta-rutt-kontroll>div{display:grid;gap:1px;min-width:0;}
.lokalhelhet-karta .lh-min-karta-rutt-kontroll strong{font-size:12px;line-height:1.2;}
.lokalhelhet-karta .lh-min-karta-rutt-kontroll span{font-size:10.5px;line-height:1.25;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lokalhelhet-karta .lh-min-karta-rutt-kontroll button{
  display:flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;padding:0;border:0;
  border-radius:50%;background:#f0f0f0;color:#333;font:700 20px/1 Arial,sans-serif;cursor:pointer;
}
@media(max-width:767px){
  .lokalhelhet-karta .lh-min-karta-rutt-kontroll{max-width:calc(100vw - 90px);padding:7px 8px 7px 10px;}
}

/* =========================================================
   v0.16.5 – vanliga platskort: stabila topp- och bottenkontroller.
   Toppkontrollerna ligger inne i själva kortet, så −/+ och × finns
   kvar även när kortet minimeras. Leaflets externa X döljs endast
   för vanliga platskort. Bottenkontrollerna visas när kortet är öppet.
   ========================================================= */
.lokalhelhet-karta .leaflet-popup:has(.lh-popup-plats) > .leaflet-popup-close-button{
	display:none!important;
}

.lh-popup-plats .lh-popup-minimera-topp,
.lh-popup-plats .lh-popup-stang-topp{
	position:absolute!important;
	top:-4px!important;
	z-index:50!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:32px!important;
	height:32px!important;
	min-width:32px!important;
	min-height:32px!important;
	padding:0!important;
	border:1px solid #d9d9d9!important;
	border-radius:50%!important;
	background:rgba(255,255,255,.96)!important;
	color:#444!important;
	box-shadow:0 2px 8px rgba(0,0,0,.12)!important;
	font-family:Arial,sans-serif!important;
	font-size:20px!important;
	font-weight:400!important;
	line-height:1!important;
	cursor:pointer!important;
}
.lh-popup-plats .lh-popup-minimera-topp{right:39px!important;}
.lh-popup-plats .lh-popup-stang-topp{right:0!important;}
.lh-popup-plats .lh-popup-minimera-topp::before,
.lh-popup-plats .lh-popup-stang-topp::before{
	content:"";
	position:absolute;
	inset:-6px;
}
.lh-popup-plats .lh-popup-minimera-topp:hover,
.lh-popup-plats .lh-popup-stang-topp:hover{
	background:#f3f3f3!important;
}
.lh-popup-plats .lh-popup-minimera-topp:focus-visible,
.lh-popup-plats .lh-popup-stang-topp:focus-visible{
	outline:3px solid #1f6f82!important;
	outline-offset:2px!important;
}

.lh-popup-plats .lh-popup-fot,
.lh-event-popup .lh-popup-fot{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:6px;
	margin-top:9px;
	padding-top:8px;
	border-top:1px solid #ececec;
}
.lh-popup-plats .lh-popup-fot .lh-popup-minimera,
.lh-popup-plats .lh-popup-fot .lh-popup-stang,
.lh-event-popup .lh-popup-fot .lh-popup-minimera,
.lh-event-popup .lh-popup-fot .lh-popup-stang{
	position:static!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	width:34px!important;
	height:34px!important;
	min-width:34px!important;
	min-height:34px!important;
	padding:0!important;
	border:1px solid #dedede!important;
	border-radius:50%!important;
	background:#f5f5f5!important;
	box-shadow:none!important;
	color:#333!important;
	font-family:Arial,sans-serif!important;
	font-size:20px!important;
	font-weight:400!important;
	line-height:1!important;
}
.lh-popup-plats .lh-popup-fot .lh-popup-minimera::before,
.lh-popup-plats .lh-popup-fot .lh-popup-stang::before,
.lh-event-popup .lh-popup-fot .lh-popup-minimera::before,
.lh-event-popup .lh-popup-fot .lh-popup-stang::before{
	display:none!important;
}
.lh-popup-plats .lh-popup-fot .lh-popup-minimera:hover,
.lh-popup-plats .lh-popup-fot .lh-popup-stang:hover,
.lh-event-popup .lh-popup-fot .lh-popup-minimera:hover,
.lh-event-popup .lh-popup-fot .lh-popup-stang:hover{
	background:#ececec!important;
}
.lh-popup-plats .lh-popup-fot .lh-popup-minimera:focus-visible,
.lh-popup-plats .lh-popup-fot .lh-popup-stang:focus-visible,
.lh-event-popup .lh-popup-fot .lh-popup-minimera:focus-visible,
.lh-event-popup .lh-popup-fot .lh-popup-stang:focus-visible{
	outline:2px solid #198ca2!important;
	outline-offset:2px!important;
}

/* I minimerat läge används toppens + och ×. Det håller kortet kompakt. */
.lh-popup-plats.lh-popup-minimerad .lh-popup-fot,
.lh-event-popup.lh-popup-minimerad .lh-popup-fot{
	display:none!important;
}
.lh-popup-plats.lh-popup-minimerad .lh-popup-title{
	padding-right:78px;
}

@media(max-width:767px){
	.lh-popup-plats .lh-popup-minimera-topp,
	.lh-popup-plats .lh-popup-stang-topp{
		width:34px!important;
		height:34px!important;
		min-width:34px!important;
		min-height:34px!important;
		font-size:21px!important;
	}
	.lh-popup-plats .lh-popup-minimera-topp{right:41px!important;}
	.lh-popup-plats .lh-popup-fot,
	.lh-event-popup .lh-popup-fot{
		gap:7px;
		margin-top:7px;
		padding-top:7px;
	}
	.lh-popup-plats .lh-popup-fot .lh-popup-minimera,
	.lh-popup-plats .lh-popup-fot .lh-popup-stang,
	.lh-event-popup .lh-popup-fot .lh-popup-minimera,
	.lh-event-popup .lh-popup-fot .lh-popup-stang{
		width:36px!important;
		height:36px!important;
		min-width:36px!important;
		min-height:36px!important;
		font-size:21px!important;
	}
}

/* v0.16.7: mer plats för rundnamn – ingen ikon före Min karta */

.lh-min-karta-knapp::before,
.lh-min-karta-huvudknapp::before,
.lh-min-karta-rad::before,
.lh-min-karta-val::before {
  content: none !important;
  display: none !important;
}


/* =======================================================
   v0.17.0 – Min position / GPS
   Följer gamla kartans kontroll- och positionsdesign.
   ======================================================= */
.lh-min-position-ikon{
  background:transparent!important;
  border:0!important;
}
.lh-min-position-punkt{
  width:22px;
  height:22px;
  border:4px solid #fff;
  border-radius:50%;
  background:#2878d0;
  box-shadow:0 1px 7px rgba(0,0,0,.45);
  box-sizing:border-box;
}
#lokalhelhet-karta .lh-position-control{margin-top:8px;}
#lokalhelhet-karta .lh-position-knapp{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#222!important;
  cursor:pointer;
  touch-action:manipulation;
}
#lokalhelhet-karta .lh-position-knapp:hover{background:#f4f4f4!important;}
#lokalhelhet-karta .lh-position-knapp:focus-visible{outline:2px solid #198ca2;outline-offset:2px;}
#lokalhelhet-karta .lh-position-knapp svg{width:20px;height:20px;fill:currentColor;pointer-events:none;}
.lh-position-meddelande{
  position:absolute;
  left:50%;
  top:14px;
  bottom:auto;
  transform:translateX(-50%);
  z-index:5000;
  display:flex;
  gap:10px;
  align-items:center;
  width:max-content;
  max-width:calc(100% - 30px);
  padding:10px 10px 10px 13px;
  border-radius:10px;
  background:#fff;
  color:#222;
  box-shadow:0 3px 16px rgba(0,0,0,.22);
  font-size:13px;
  font-weight:600;
  line-height:1.35;
}
.lh-position-meddelande-stang{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  min-width:27px;
  min-height:27px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#eee;
  color:#222;
  font-family:Arial,sans-serif;
  font-size:19px;
  line-height:1;
  cursor:pointer;
  touch-action:manipulation;
}
@media(max-width:767px){
  #lokalhelhet-karta .lh-position-knapp{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
  .lh-position-meddelande{top:12px;max-width:calc(100% - 22px);font-size:12px;}
}


/* ==========================================================
   v0.17.2 – Nära mig
   ========================================================== */
#lokalhelhet-karta .lh-nara-control{margin-top:8px;}
#lokalhelhet-karta .lh-nara-knapp{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;background:#fff!important;color:#222!important;cursor:pointer;
}
#lokalhelhet-karta .lh-nara-knapp:hover{background:#f4f4f4!important;}
#lokalhelhet-karta .lh-nara-knapp:focus-visible{outline:2px solid #198ca2;outline-offset:2px;}
#lokalhelhet-karta .lh-nara-knapp.aktiv{background:#198ca2!important;color:#fff!important;}
#lokalhelhet-karta .lh-nara-knapp svg{width:20px;height:20px;fill:currentColor;pointer-events:none;}

#lokalhelhet-karta .lh-nara-avstand-control{display:none;margin-top:7px;}
#lokalhelhet-karta .lh-nara-avstand-control.synlig{display:block;}
#lokalhelhet-karta .lh-nara-avstand-wrap{
  width:170px;padding:10px;background:#fff;border:1px solid rgba(0,0,0,.14);
  border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);font-family:inherit;
}
#lokalhelhet-karta .lh-nara-avstand-topp{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
#lokalhelhet-karta .lh-nara-avstand-rubrik{font:inherit;font-weight:700;color:#222;}
#lokalhelhet-karta .lh-nara-avstand-stang{
  width:30px;height:30px;min-width:30px;padding:0;border:1px solid #ddd;border-radius:50%;
  background:#f7f7f7;color:#222;font-size:20px;font-weight:700;line-height:1;cursor:pointer;
}
#lokalhelhet-karta .lh-nara-avstand-select{
  width:100%;min-height:40px;padding:6px 9px;border:1px solid #d8d8d8;border-radius:8px;
  background:#fff;color:#222;font:inherit;
}
#lokalhelhet-karta .lh-nara-avstand-ta-bort{
  width:100%;margin-top:8px;min-height:38px;padding:7px 9px;border:1px solid #ddd;border-radius:8px;
  background:#f5f5f5;color:#222;font:inherit;cursor:pointer;
}
@media (max-width:767px){
  #lokalhelhet-karta .lh-nara-knapp{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
  #lokalhelhet-karta .lh-nara-avstand-wrap{width:160px;padding:9px;}
}


/* ==========================================================
   v0.17.3 – Helskärm
   ========================================================== */
#lokalhelhet-karta .lh-helskaerm-control{margin-top:8px;}
#lokalhelhet-karta .lh-helskaerm-knapp{
  width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  border:0!important;background:#fff!important;color:#222!important;cursor:pointer;
}
#lokalhelhet-karta .lh-helskaerm-knapp:hover{background:#f4f4f4!important;}
#lokalhelhet-karta .lh-helskaerm-knapp:focus-visible{outline:2px solid #198ca2;outline-offset:2px;}
#lokalhelhet-karta .lh-helskaerm-knapp.aktiv{background:#198ca2!important;color:#fff!important;}
#lokalhelhet-karta .lh-helskaerm-knapp svg{width:20px;height:20px;fill:currentColor;pointer-events:none;}

#lokalhelhet-karta:fullscreen{
  width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;background:#fff;
}
html.lh-karta-helsida-aktiv,
body.lh-karta-helsida-aktiv{overflow:hidden!important;}
#lokalhelhet-karta.lh-karta-helsida{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  width:100vw!important;height:100dvh!important;max-width:none!important;
  margin:0!important;border-radius:0!important;background:#fff;
}
@media (max-width:767px){
  #lokalhelhet-karta .lh-helskaerm-knapp{
    width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;
  }
}


/* v0.18.0 – GPS-rutt till vald plats. */
#lokalhelhet-karta .lh-min-karta-rutt-kontroll strong{
  white-space:nowrap;
}
#lokalhelhet-karta .lh-min-karta-rutt-kontroll span{
  overflow-wrap:anywhere;
}


/* v0.18.1 – kompakt ruttkort med målets namn som rubrik. */
#lokalhelhet-karta .lh-min-karta-rutt-kontroll{
  margin-bottom:34px!important;
}
#lokalhelhet-karta .lh-min-karta-rutt-kontroll > div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
#lokalhelhet-karta .lh-min-karta-rutt-kontroll strong{
  display:block;
  font-weight:700;
  line-height:1.2;
  white-space:normal;
}
#lokalhelhet-karta .lh-min-karta-rutt-kontroll span{
  display:block;
  margin-top:2px;
  line-height:1.25;
}
#lokalhelhet-karta:fullscreen .lh-min-karta-rutt-kontroll,
#lokalhelhet-karta.lh-karta-helsida .lh-min-karta-rutt-kontroll{
  margin-bottom:52px!important;
}
@media (max-width:767px){
  #lokalhelhet-karta .lh-min-karta-rutt-kontroll{
    margin-bottom:48px!important;
  }
  #lokalhelhet-karta:fullscreen .lh-min-karta-rutt-kontroll,
  #lokalhelhet-karta.lh-karta-helsida .lh-min-karta-rutt-kontroll{
    margin-bottom:64px!important;
  }
}


/* ==========================================================
   v0.18.2 – Din väg under kartan
   ========================================================== */
#lokalhelhet-karta .lh-min-karta-rutt-kontroll{
  display:none!important;
}

.lh-din-vag[hidden]{
  display:none!important;
}
.lh-din-vag{
  margin:14px 0 18px;
  padding:22px 24px;
  border:1px solid #dedede;
  border-radius:14px;
  background:#fff;
  font-family:var(--lh-karta-typsnitt, inherit);
}
.lh-din-vag-topp{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
}
.lh-din-vag-rubrik{
  margin:0;
  font-size:18px;
  line-height:1.25;
  font-weight:700;
}
.lh-din-vag-mal{
  margin-top:4px;
  font-size:13px;
  line-height:1.35;
  color:#666;
}
.lh-din-vag-mal:empty{display:none;}
.lh-din-vag-info{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  column-gap:6px;
  row-gap:4px;
  margin-top:8px;
  font-size:17px;
  line-height:1.25;
}
.lh-din-vag-separator{
  opacity:.75;
}
.lh-din-vag-stang{
  width:34px;
  height:34px;
  min-width:34px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #ddd;
  border-radius:50%;
  background:#f7f7f7;
  color:#222;
  font:700 21px/1 inherit;
  cursor:pointer;
}
.lh-din-vag-stang:hover{
  background:#eee;
}
.lh-din-vag-stang:focus-visible{
  outline:2px solid #198ca2;
  outline-offset:2px;
}
.lh-din-vag-framtid{
  display:none;
}

@media (max-width:767px){
  .lh-din-vag{
    margin:10px 0 14px;
    padding:16px 16px;
    border-radius:12px;
  }
  .lh-din-vag-rubrik{
    font-size:17px;
  }
  .lh-din-vag-info{
    margin-top:7px;
    column-gap:6px;
    row-gap:4px;
    font-size:16px;
  }
  .lh-din-vag-stang{
    width:32px;
    height:32px;
    min-width:32px;
    font-size:20px;
  }
}




/* ==========================================================
   v0.18.4 – Upptäck längs vägen
   ========================================================== */
.lh-din-vag-verktyg{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #ececec;
}
.lh-din-vag-upptack,
.lh-din-vag-avstand{
  min-height:40px;
  border:1px solid #d8d8d8;
  border-radius:10px;
  background:#fff;
  color:#222;
  font:inherit;
}
.lh-din-vag-upptack{
  padding:7px 13px;
  font-weight:700;
  cursor:pointer;
}
.lh-din-vag-upptack:hover{
  background:#f5f5f5;
}
.lh-din-vag-upptack.aktiv{
  border-color:#198ca2;
  background:#eef8fa;
}
.lh-din-vag-avstand{
  padding:6px 10px;
  cursor:pointer;
}
.lh-din-vag-upptack:focus-visible,
.lh-din-vag-avstand:focus-visible{
  outline:2px solid #198ca2;
  outline-offset:2px;
}
@media (max-width:767px){
  .lh-din-vag-verktyg{
    gap:8px;
    margin-top:10px;
    padding-top:10px;
  }
  .lh-din-vag-upptack,
  .lh-din-vag-avstand{
    min-height:38px;
    font-size:15px;
  }
  .lh-din-vag-upptack{
    padding:6px 10px;
  }
}




/* v0.18.8 – ruttmålet använder den riktiga klickbara platsikonen och svartvit målflagga som badge. */
.lh-rutt-mal-divikon,.lh-rutt-mal-ikon{display:none!important;}
.lh-rutt-mal-badge-divikon{background:transparent!important;border:0!important;pointer-events:none!important;}
.lh-rutt-mal-badge{
  display:flex;align-items:center;justify-content:center;
  width:18px;height:18px;border-radius:50%;
  background:#fff;border:1.5px solid #222;
  box-shadow:0 1px 5px rgba(0,0,0,.28);
  font-size:14px;line-height:1;pointer-events:none;
}
.lh-rutt-mal-flagga{display:none!important;}
.lh-event-rutt-status{min-height:16px;margin-top:7px;font-size:11px;line-height:1.35;color:#666;}


/* ==========================================================
   Ruttknappar och ruttstopp
   ========================================================== */

.lh-din-vag-avstand,
.lh-din-vag-tid,
.lh-din-vag-info > span{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}

.lh-rutt-atgard-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:7px;
  margin-top:9px;
}
.lh-rutt-atgard-wrap > button[hidden]{display:none!important;}
.lh-rutt-atgard-wrap:not(:has(button:not([hidden]))){display:none;}

.lh-plats-stopp-knapp,
.lh-kort-stopp-knapp{
  min-height:38px;
  padding:7px 12px;
  border:1px solid #ddd;
  border-radius:8px;
  background:#f4f4f4;
  color:#222;
  font:inherit;
  font-weight:700;
  cursor:pointer;
  white-space:nowrap;
}
.lh-plats-stopp-knapp.aktiv,
.lh-kort-stopp-knapp.aktiv{background:#ececec!important;}
.lh-plats-stopp-knapp:focus-visible,
.lh-kort-stopp-knapp:focus-visible{
  outline:2px solid #198ca2;
  outline-offset:2px;
}
@media (max-width:767px){
  .lh-plats-stopp-knapp,
  .lh-kort-stopp-knapp{min-height:40px;padding:7px 10px;}
}


/* Popupens stoppknapp följer övriga popup-åtgärder. */
.lh-popup .lh-plats-stopp-knapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:100%;
  min-height:0;
  padding:10px 18px;
  font-size:inherit;
  line-height:1.2;
  border-radius:10px;
}
.lh-popup .lh-plats-stopp-knapp.aktiv{
  background:#ececec!important;
}


/* v0.18.13 – stoppknapp i slider + stoppinfo under kartan */
.lh-kort .lh-rutt-atgard-wrap{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin-top:11px;
}
.lh-kort .lh-kort-stopp-knapp{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:100%!important;
  min-height:38px!important;
  box-sizing:border-box!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:#f1f1f1!important;
  color:#222!important;
  font-family:var(--lh-karta-typsnitt,inherit)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.lh-kort .lh-kort-stopp-knapp:hover,
.lh-kort .lh-kort-stopp-knapp:focus{background:#e8e8e8!important;color:#222!important;}
.lh-kort .lh-kort-stopp-knapp.aktiv{background:#ececec!important;}
.lh-kort .lh-kort-stopp-knapp:focus-visible{
  outline:3px solid #1f6f82!important;
  outline-offset:2px!important;
}

.lh-din-vag-stoppbox[hidden]{display:none!important;}
.lh-din-vag-stoppbox{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid #ececec;
}
.lh-din-vag-stoppbox-rubrik{
  margin:0 0 12px;
  font-size:18px;
  line-height:1.25;
  font-weight:700;
  color:#222;
}
.lh-din-vag-stoppbox-lista{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.lh-din-vag-stoppbox-rad{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:12px;
  align-items:flex-start;
}
.lh-din-vag-stoppbox-nr{
  font-size:16px;
  line-height:1.3;
  font-weight:700;
  color:#444;
}
.lh-din-vag-stoppbox-titel{
  font-size:16px;
  line-height:1.3;
  font-weight:700;
  color:#222;
}
.lh-din-vag-stoppbox-titelblock{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.lh-din-vag-stoppbox-typ{
  font-size:13px;
  line-height:1.25;
  color:#666;
}
.lh-din-vag-stoppbox-meta{
  margin-top:6px;
  font-size:14px;
  line-height:1.35;
  color:#555;
}
.lh-din-vag-stoppbox-huvud{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.lh-din-vag-hoppa{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:4px 12px;
  border:1px solid #ddd;
  border-radius:999px;
  background:#fff;
  color:#444;
  font:inherit;
  font-size:12px;
  font-weight:600;
  line-height:1.1;
  cursor:pointer;
  white-space:nowrap;
}
.lh-din-vag-hoppa:hover{background:#f7f7f7;}
.lh-din-vag-hoppa:focus-visible{
  outline:2px solid #198ca2;
  outline-offset:2px;
}
@media (max-width:767px){
  .lh-din-vag-stoppbox{margin-top:14px;padding-top:14px;}
  .lh-din-vag-stoppbox-rubrik{font-size:17px;}
  .lh-din-vag-stoppbox-rad{grid-template-columns:28px minmax(0,1fr);gap:10px;}
  .lh-din-vag-stoppbox-titel{font-size:15px;}
  .lh-din-vag-stoppbox-meta{font-size:13px;}
  .lh-din-vag-stoppbox-huvud{flex-direction:column;gap:8px;}
  .lh-din-vag-hoppa{align-self:flex-start;}
}


/* På gång-stoppknappen följer samma popup-åtgärdsstil. */
.lh-event-stopp-knapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.lh-event-stopp-knapp[hidden]{
  display:none!important;
}



/* Klickbara stopp i ruttinformationen. */
.lh-din-vag-info > span{
  display:inline-flex;
  align-items:baseline;
  line-height:1.25;
  margin:0;
  vertical-align:baseline;
}
.lh-din-vag-separator{
  display:inline-block;
  line-height:1.25;
  align-self:baseline;
}
.lh-din-vag-stopp-lank{
  appearance:none;
  -webkit-appearance:none;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#222;
  font:inherit;
  font-weight:700;
  line-height:1.3;
  text-align:left;
  cursor:pointer;
}
.lh-din-vag-stopp-lank:hover{text-decoration:underline;}
.lh-din-vag-stopp-lank:focus-visible{
  outline:2px solid #198ca2;
  outline-offset:3px;
  border-radius:3px;
}


/* v0.18.21 – egna nålar som stopp i aktiv rutt */
.lh-egen-punkt-stopp-knapp[hidden]{display:none!important;}


/* v0.19.0 – Bil / Cykel / Gå */
.lh-fardsatt{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid #ddd;border-radius:22px;background:#fff;}
.lh-fardsatt-knapp{min-height:32px;padding:6px 10px;border:0;border-radius:17px;background:transparent;color:#444;font:inherit;font-size:13px;font-weight:700;line-height:1.2;cursor:pointer;white-space:nowrap;}
.lh-fardsatt-knapp:hover{background:#f1f1f1;}
.lh-fardsatt-knapp.aktiv{background:#222;color:#fff;}
.lh-fardsatt-knapp:focus-visible{outline:2px solid #198ca2;outline-offset:2px;}
@media(max-width:767px){.lh-fardsatt{width:100%;justify-content:center;}.lh-fardsatt-knapp{font-size:12px;padding:6px 9px;}}


/* ==========================================================
   v0.19.2 – vägtypslegend för Cykel/Gå
   ========================================================== */
#lokalhelhet-karta .lh-rutt-vaglegend{
  position:relative;
  min-width:250px;
  max-width:min(330px, calc(100vw - 42px));
  margin:0 0 14px 10px;
  padding:12px 38px 10px 13px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background:rgba(255,255,255,.96);
  color:#555;
  box-shadow:0 3px 12px rgba(0,0,0,.18);
  font-family:var(--lh-karta-typsnitt,inherit);
  font-size:13px;
  line-height:1.25;
}
#lokalhelhet-karta .lh-rutt-vaglegend-rad{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:25px;
}
#lokalhelhet-karta .lh-rutt-vaglegend-linje{
  flex:0 0 36px;
  width:36px;
  border-top:5px solid;
  border-radius:999px;
}
#lokalhelhet-karta .lh-rutt-vaglegend-linje.gron{border-top-color:#2e9d55;}
#lokalhelhet-karta .lh-rutt-vaglegend-linje.bla{border-top-color:#4d3ff1;}
#lokalhelhet-karta .lh-rutt-vaglegend-linje.orange{border-top-color:#d4862f;}
#lokalhelhet-karta .lh-rutt-vaglegend-linje.gra{
  border-top-color:#707070;
  border-top-style:dashed;
}
#lokalhelhet-karta .lh-rutt-vaglegend-info{
  margin-top:7px;
  padding-top:8px;
  border-top:1px solid #e5e5e5;
  font-size:11px;
  color:#666;
}
#lokalhelhet-karta .lh-rutt-vaglegend-stang{
  position:absolute;
  top:8px;
  right:8px;
  width:30px;
  height:30px;
  min-width:30px;
  min-height:30px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:50%;
  background:#f1f1f1;
  color:#333;
  font:700 20px/1 Arial,sans-serif;
  cursor:pointer;
}
#lokalhelhet-karta .lh-rutt-vaglegend-stang:hover{background:#e5e5e5;}
#lokalhelhet-karta .lh-rutt-vaglegend-stang:focus-visible{
  outline:2px solid #198ca2;
  outline-offset:2px;
}

@media(max-width:767px){
  #lokalhelhet-karta .lh-rutt-vaglegend{
    min-width:0;
    width:min(285px, calc(100vw - 54px));
    margin:0 0 16px 4px;
    padding:10px 36px 9px 11px;
    font-size:12px;
  }
  #lokalhelhet-karta .lh-rutt-vaglegend-linje{
    flex-basis:32px;
    width:32px;
  }
}


/* ==========================================================
   v0.19.34 – konsoliderad Skapa en runda
   ========================================================== */
.lh-rundgenerator{
  position:relative;
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:7px;
  width:auto;
  max-width:100%;
  margin:12px 0 10px;
  z-index:50;
  font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-rundgenerator-knapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:auto;
  height:auto;
  min-height:0;
  padding:8px 14px;
  border:1px solid #ddd;
  border-radius:999px;
  background:#fff;
  color:#222;
  box-shadow:none;
  font:inherit;
  font-size:14px;
  font-weight:600;
  line-height:1.15;
  cursor:pointer;
}
.lh-rundgenerator-knapp:hover{background:#f4f4f4;}
.lh-rundgenerator-knapp:focus-visible{
  outline:2px solid #198ca2;
  outline-offset:2px;
}
.lh-rundgenerator-meny[hidden]{display:none!important;}
.lh-rundgenerator-meny{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  width:170px;
  max-width:calc(100vw - 40px);
  padding:6px;
  border:1px solid #ddd;
  border-radius:11px;
  background:#fff;
  box-shadow:0 7px 20px rgba(0,0,0,.15);
  z-index:100;
}
.lh-rundgenerator-meny button{
  display:block;
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#222;
  font:inherit;
  font-size:12px;
  font-weight:600;
  text-align:left;
  cursor:pointer;
}
.lh-rundgenerator-meny button:hover{background:#f2f2f2;}
.lh-rundgenerator-status{
  flex:1 0 100%;
  margin-top:6px;
  font-size:12px;
  line-height:1.3;
  color:#555;
}
.lh-din-vag-stoppbox-retur{margin-top:2px;}
.lh-din-vag-stoppbox-retur .lh-din-vag-stoppbox-titel{font-weight:600;}

@media(max-width:767px){
  .lh-rundgenerator{margin:10px 0;}
  .lh-rundgenerator-knapp{
    padding:8px 13px;
  }
  .lh-rundgenerator-meny{
    position:relative;
    top:auto;
    left:auto;
    width:min(220px,100%);
    margin-top:7px;
    box-shadow:0 4px 14px rgba(0,0,0,.12);
  }
}


/* v0.19.22 – dynamiskt antal i Skapa en runda */
.lh-rundgenerator-tomt{
  padding:9px 10px;
  color:#666;
  font:inherit;
  font-size:12px;
  line-height:1.35;
}


/* ==========================================================
   v0.19.28 – manuell Uppdatera för Upptäck längs vägen
   ========================================================== */
.lh-din-vag-uppdatera{
  min-height:32px;
  padding:4px 8px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#555;
  font:inherit;
  font-size:11.5px;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:2px;
}
.lh-din-vag-uppdatera:hover{
  color:#222;
  background:#f5f5f5;
}
.lh-din-vag-uppdatera:focus-visible{
  outline:2px solid #198ca2;
  outline-offset:2px;
}
@media(max-width:767px){
  .lh-din-vag-uppdatera{
    min-height:34px;
    padding:5px 7px;
    font-size:11px;
  }
}


/* v0.19.45 – mindre markör för egna nålar på själva kartan.
   Textikonen i Min karta-menyn behåller normal storlek. */
.lh-egen-nal-ikon,
.lh-egen-punkt-ikon,
.lh-egen-marker,
.lh-egen-nal-marker{
	transform: scale(.82);
	transform-origin: center center;
}


/* v0.19.46 – kompakt innehållsrad i sparade Min karta-rundor */
.lh-min-karta-runda{
	align-items:center;
}
.lh-min-karta-runda-text{
	display:flex;
	flex:1 1 auto;
	min-width:0;
	flex-direction:column;
	text-align:left;
	line-height:1.12;
}
.lh-min-karta-runda-namn{
	display:block;
	min-width:0;
}
.lh-min-karta-runda-meta{
	display:block;
	margin-top:3px;
	font-size:.72em;
	font-weight:400;
	opacity:.68;
	white-space:nowrap;
}
.lh-min-karta-runda-antal{
	flex:0 0 auto;
	margin-left:10px;
	align-self:center;
}



/* v0.19.52 – Dela */
.lh-dela-kontroll{
  position:relative;
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:7px;
  width:auto;
  max-width:100%;
  margin:0 0 10px;
  z-index:50;
  font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-dela-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:auto;
  min-height:0;
  padding:8px 14px;
  border:1px solid #ddd;
  border-radius:999px;
  background:#fff;
  color:#222;
  box-shadow:none;
  font:inherit;
  font-size:14px;
  font-weight:600;
  line-height:1.15;
  cursor:pointer;
}
.lh-dela-toggle:hover{background:#f4f4f4;}
.lh-dela-toggle:focus-visible{
  outline:2px solid #198ca2;
  outline-offset:2px;
}
.lh-dela-meny{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  width:220px;
  max-width:calc(100vw - 40px);
  padding:6px;
  border:1px solid #ddd;
  border-radius:11px;
  background:#fff;
  box-shadow:0 7px 20px rgba(0,0,0,.15);
  z-index:100;
  text-align:left;
}
.lh-dela-meny[hidden]{display:none!important;}
.lh-dela-meny button{
  display:block;
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:0;
  border-radius:7px;
  background:transparent;
  color:#222;
  font:inherit;
  font-size:12px;
  font-weight:600;
  text-align:left;
  cursor:pointer;
}
.lh-dela-meny button:hover,
.lh-dela-meny button:focus-visible{background:#f2f2f2;}
.lh-dela-status{
  flex:1 0 100%;
  margin-top:6px;
  font-size:12px;
  line-height:1.3;
  color:#555;
}
@media(max-width:767px){
  .lh-dela-toggle{
    padding:8px 13px;
  }
  .lh-dela-meny{
    position:relative;
    top:auto;
    left:auto;
    width:min(220px,100%);
    margin-top:7px;
    box-shadow:0 4px 14px rgba(0,0,0,.12);
  }
}


/* v0.19.54 – Skapa en runda + Dela på samma rad */
.lh-rundverktyg-rad{
  display:flex;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:8px;
  width:100%;
  margin:12px 0 10px;
}
.lh-rundverktyg-rad .lh-rundgenerator,
.lh-rundverktyg-rad .lh-dela-kontroll{
  margin:0;
}
.lh-rundverktyg-rad .lh-rundgenerator-status,
.lh-rundverktyg-rad .lh-dela-status{
  display:none;
}
@media(max-width:767px){
  .lh-rundverktyg-rad{gap:7px;margin:10px 0;}
}


/* =========================================================
   v0.19.56 – mottagen delning
   ========================================================= */
.lh-delad-ruta{
  margin:10px 0 14px;
  padding:15px 16px;
  border:1px solid #ddd;
  border-radius:12px;
  background:#fff;
}
.lh-delad-ruta[hidden]{display:none!important;}
.lh-delad-topp{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.lh-delad-rubrik{font-size:17px;font-weight:700;line-height:1.3;}
.lh-delad-text{margin-top:5px;line-height:1.45;}
.lh-delad-info{margin-top:5px;font-weight:600;}
.lh-delad-status{margin-top:6px;color:#555;font-size:13px;}
.lh-delad-stang{
  flex:0 0 auto;width:38px;height:38px;padding:0;border:0;border-radius:50%;
  background:#eee;color:#222;font-size:20px;font-weight:700;cursor:pointer;
}
.lh-delad-knappar{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
.lh-delad-knappar button{
  min-height:38px;padding:8px 12px;border:0;border-radius:8px;
  background:#eee;color:#222;font-weight:700;cursor:pointer;
}
.lh-delad-spara{background:#222!important;color:#fff!important;}
.lh-delad-spara:disabled{opacity:.7;cursor:default;}
@media(max-width:767px){
  .lh-delad-ruta{padding:13px;}
  .lh-delad-rubrik{font-size:15px;}
  .lh-delad-knappar{display:grid;grid-template-columns:1fr;}
  .lh-delad-knappar button{width:100%;}
}


/* v0.19.58 – egen delningsruta på desktop */
.lh-dela-modal{
  position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;
  padding:18px;background:rgba(0,0,0,.34);
}
.lh-dela-modal[hidden]{display:none!important;}
.lh-dela-modal-kort{
  width:min(520px,100%);padding:18px;border:1px solid #ddd;border-radius:14px;background:#fff;
  box-shadow:0 12px 38px rgba(0,0,0,.22);
}
.lh-dela-modal-topp{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;}
.lh-dela-modal-rubrik{font-size:18px;font-weight:700;line-height:1.3;}
.lh-dela-modal-text{margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;}
.lh-dela-modal-stang{
  flex:0 0 auto;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#eee;
  color:#222;font-size:22px;font-weight:700;line-height:1;cursor:pointer;
}
.lh-dela-modal-knappar{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;}
.lh-dela-modal-knappar button{
  min-height:40px;padding:9px 12px;border:0;border-radius:8px;background:#eee;color:#222;font-weight:700;cursor:pointer;
}
.lh-dela-modal-mail{background:#222!important;color:#fff!important;}
@media (max-width:767px){
  .lh-dela-modal{align-items:flex-end;padding:10px;}
  .lh-dela-modal-kort{padding:14px;border-radius:14px;}
  .lh-dela-modal-knappar{display:grid;grid-template-columns:1fr;}
  .lh-dela-modal-knappar button{width:100%;}
}


/* v0.19.68 – mottagen rundknapp ska alltid ligga över kartans UI och ta emot klick. */
.lh-delad-ruta{position:relative;z-index:10;pointer-events:auto!important;}
.lh-delad-knappar{position:relative;z-index:11;pointer-events:auto!important;}
.lh-delad-skapa-runda{position:relative;z-index:12;pointer-events:auto!important;touch-action:manipulation;}


/* v0.19.70 – ordinarie rundgenerator i mottagen delning */
.lh-delad-ruta .lh-rundgenerator{margin:0;}
.lh-delad-ruta .lh-rundgenerator-meny{display:none!important;}
.lh-delad-ruta .lh-rundgenerator-status{display:none;}


/* v0.19.85 – mobil: egna nålar i små separata steg.
 * Koordinatvyn ska ligga kvar längre ner och inte lyftas av tangentbordet.
 * × stänger hela flödet; mellan stegen används bara Tillbaka/Nästa eller Tillbaka/Spara. */
@media(max-width:767px){
  .lh-egen-punkt-modal-bakgrund.lh-koordinat-lage{
    padding-top:clamp(150px,23vh,220px)!important;
  }
  .lh-egen-punkt-modal.lh-koordinat-lage{
    max-height:min(58vh,430px)!important;
  }
  .lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-form{
    padding:10px 14px 12px!important;
  }
  .lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-modal-knappar{
    grid-template-columns:1fr 1fr!important;
  }
  .lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-avbryt{
    display:none!important;
  }
  .lh-egen-punkt-modal:not(.lh-koordinat-lage) .lh-egen-punkt-steg[data-steg="1"].aktiv + .lh-egen-punkt-steg[data-steg="2"].aktiv{
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #eee;
  }
  .lh-egen-punkt-modal:not(.lh-koordinat-lage) .lh-egen-punkt-steg[data-steg="1"].aktiv ~ .lh-egen-punkt-modal-knappar .lh-egen-punkt-avbryt{
    display:none!important;
  }
}


/* v0.19.86 – mobil: ett inmatningsfält per steg för egen nål.
 * Tangentbordet ska inte behöva dela ytan med flera fält samtidigt. */
@media(max-width:767px){
  .lh-egen-punkt-koordinat-delsteg{display:none!important;}
  .lh-egen-punkt-modal.lh-koordinat-lat-lage .lh-egen-punkt-koordinat-lat-steg{display:block!important;}
  .lh-egen-punkt-modal.lh-koordinat-lng-lage .lh-egen-punkt-koordinat-lng-steg{display:block!important;}
  .lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-koordinat-falt{display:block!important;}
  .lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-koordinat-delsteg label{display:block;margin:0 0 8px!important;font-size:17px!important;}
  .lh-egen-punkt-modal.lh-koordinat-lage .lh-egen-punkt-koordinat-fel{margin-top:8px;}
  .lh-egen-punkt-modal-bakgrund{padding-top:clamp(118px,18vh,170px)!important;}
  .lh-egen-punkt-modal{max-height:min(54vh,390px)!important;}
  .lh-egen-punkt-modal .lh-egen-punkt-form{overflow:visible!important;}
  .lh-egen-punkt-modal .lh-egen-punkt-steg[data-steg="1"].aktiv,
  .lh-egen-punkt-modal .lh-egen-punkt-steg[data-steg="2"].aktiv{display:block!important;}
  .lh-egen-punkt-modal .lh-egen-punkt-steg[data-steg="1"] input,
  .lh-egen-punkt-modal .lh-egen-punkt-steg[data-steg="2"] textarea{width:100%;box-sizing:border-box;}
  .lh-egen-punkt-modal .lh-egen-punkt-modal-knappar{position:static!important;box-shadow:none!important;}
}


/* =========================================================
   v0.19.90 – Dela linjerad + Slumpa smultronställe
   ========================================================= */
@media(min-width:768px){
  .lh-mina-platser > .lh-dela-kontroll{
    margin:0!important;
    align-self:center!important;
    flex-wrap:nowrap;
  }
  .lh-mina-platser > .lh-dela-kontroll .lh-dela-toggle{
    min-height:38px;
    padding:7px 11px;
    font-size:12px;
    font-weight:600;
    line-height:1.2;
  }
  .lh-mina-platser > .lh-dela-kontroll .lh-dela-status{
    display:none;
  }
}

.lh-slumpa-knapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  box-sizing:border-box;
  padding:8px 13px;
  border:1px solid #ddd;
  border-radius:999px;
  background:#fff;
  color:#222;
  font-family:var(--lh-karta-typsnitt,inherit);
  font-size:12px;
  font-weight:700;
  line-height:1.2;
  cursor:pointer;
  white-space:nowrap;
}
.lh-slumpa-knapp:hover{background:#f4f4f4;}
.lh-slumpa-knapp:focus-visible{
  outline:3px solid #1f6f82;
  outline-offset:2px;
}
@media(max-width:767px){
  .lh-rundverktyg-rad .lh-slumpa-knapp{
    flex:1 1 0;
    min-width:0;
    padding:8px 9px;
    font-size:11px;
    white-space:normal;
  }
  .lh-rundverktyg-rad .lh-rundgenerator{
    flex:1 1 0;
    min-width:0;
  }
  .lh-rundverktyg-rad .lh-rundgenerator-knapp{
    width:100%;
    justify-content:center;
  }
}


/* =========================================================
   v0.19.91 – Dela: stabil radplacering + dropdown ovanför kartan
   ========================================================= */
.lh-mina-platser{
	position:relative;
	z-index:4200;
}
.lh-mina-knappar > .lh-dela-kontroll{
	position:relative;
	z-index:4300;
}
.lh-mina-knappar > .lh-dela-kontroll .lh-dela-meny{
	z-index:4400;
}
@media(max-width:767px){
	.lh-mina-knappar > .lh-dela-kontroll{
		grid-column:span 2;
		width:100%;
		min-width:0;
		margin:0!important;
	}
}


/* =========================================================
   v0.20.13 – STJÄRNBETYG, REN STILGRUND
   En enda uppsättning regler för kundkort, slider och modal.
   ========================================================= */

/* Gemensam betygsrad. */
.lh-karta-betyg{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  width:max-content;
  max-width:100%;
  min-width:0;
  min-height:0;
  height:auto;
  margin:0 0 7px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#333;
  font-family:var(--lh-karta-typsnitt,inherit);
  font-weight:700;
  line-height:1;
  text-align:left;
  text-decoration:none;
}

button.lh-karta-betyg-oppna{
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}
button.lh-karta-betyg-oppna:hover,
button.lh-karta-betyg-oppna:focus{
  background:transparent;
  color:#333;
  box-shadow:none;
  text-decoration:none;
}
button.lh-karta-betyg-oppna:focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
  border-radius:3px;
}
button.lh-karta-betyg-oppna:hover .lh-karta-betyg-stjarnor{
  transform:translateY(-1px);
}

.lh-karta-betyg-stjarnor{
  position:relative;
  display:inline-block;
  flex:0 0 auto;
  line-height:1;
  white-space:nowrap;
  transition:transform .12s ease;
}
.lh-karta-betyg-stjarnor-gra{color:#d6d6d6;}
.lh-karta-betyg-stjarnor-gula{
  position:absolute;
  top:0;
  left:0;
  display:block;
  overflow:hidden;
  color:#f5b301;
  white-space:nowrap;
}
.lh-karta-betyg-siffra,
.lh-karta-betyg-antal{
  flex:0 0 auto;
  line-height:1;
}

/* Kartans kundkort/popup: behåll den större, godkända storleken. */
.lokalhelhet-karta .lh-popup .lh-karta-betyg-popup{
  gap:5px;
  margin:0 0 7px;
  font-size:14px;
}
.lokalhelhet-karta .lh-popup .lh-karta-betyg-popup .lh-karta-betyg-stjarnor{
  font-size:1.12em;
  letter-spacing:1px;
}
.lokalhelhet-karta .lh-popup .lh-karta-betyg-popup .lh-karta-betyg-siffra,
.lokalhelhet-karta .lh-popup .lh-karta-betyg-popup .lh-karta-betyg-antal{
  font-size:14px;
}

/* Slider: exakt 10 px på både mobil och dator. */
.lokalhelhet-karta .lh-kort .lh-karta-betyg-kort{
  gap:4px!important;
  margin:0 0 6px!important;
  font-size:10px!important;
  line-height:1!important;
  align-items:center!important;
}
.lokalhelhet-karta .lh-kort .lh-karta-betyg-kort .lh-karta-betyg-stjarnor,
.lokalhelhet-karta .lh-kort .lh-karta-betyg-kort .lh-karta-betyg-siffra,
.lokalhelhet-karta .lh-kort .lh-karta-betyg-kort .lh-karta-betyg-antal{
  font-size:10px!important;
  line-height:1!important;
}
.lokalhelhet-karta .lh-kort .lh-karta-betyg-kort .lh-karta-betyg-stjarnor{
  letter-spacing:.6px!important;
}

/* =========================================================
   OMDÖMESMODAL
   ========================================================= */
html.lh-betygmodal-oppen,
body.lh-betygmodal-oppen{overflow:hidden!important;}
body > .lh-betygmodal-bakgrund{
  font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-betygmodal-bakgrund{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(20,27,31,.48);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.lh-betygmodal-bakgrund[hidden]{display:none!important;}
.lh-betygmodal{
  position:relative;
  width:min(520px,100%);
  max-height:min(78vh,720px);
  overflow:auto;
  overscroll-behavior:contain;
  box-sizing:border-box;
  border:1px solid rgba(0,0,0,.08);
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  color:#242424;
  font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-betygmodal-topp{padding:24px 58px 18px 24px;border-bottom:1px solid #ececec;}
.lh-betygmodal-etikett{margin:0 0 5px;color:#6a6a6a;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;}
.lh-betygmodal-rubrik{margin:0!important;padding:0!important;color:#242424;font-family:inherit;font-size:24px;font-weight:700;line-height:1.18;}
.lh-betygmodal-stang{position:absolute;top:16px;right:16px;z-index:2;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #dedede;border-radius:50%;background:#f7f7f7;color:#333;font:400 26px/1 Arial,sans-serif;cursor:pointer;}
.lh-betygmodal-stang:hover{background:#ededed;}
.lh-betygmodal-stang:focus-visible,
.lh-betygmodal-fler:focus-visible,
.lh-betygmodal-fot a:focus-visible{outline:2px solid #333;outline-offset:3px;}
.lh-betygmodal-sammanfattning{display:flex;align-items:center;gap:7px;min-height:24px;margin-top:10px;font-size:14px;}
.lh-betygmodal-sammanfattning strong{font-size:17px;}
.lh-betygmodal-sammanfattning>span:last-child{color:#666;font-size:15px;}
.lh-betygmodal-storstjarnor{position:relative;display:inline-block;flex:0 0 auto;color:#d7d7d7;font-size:22px;letter-spacing:1px;line-height:1;white-space:nowrap;}
.lh-betygmodal-storstjarnor>span:last-child{position:absolute;top:0;left:0;overflow:hidden;color:#f5b301;white-space:nowrap;}
.lh-betygmodal-status{margin:18px 24px;padding:14px 16px;border-radius:12px;background:#f6f6f6;color:#626262;font-size:14px;}
.lh-betygmodal-status[hidden]{display:none!important;}
.lh-betygmodal-lista{display:grid;gap:12px;max-height:min(330px,42vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:18px 24px 2px;}
.lh-betygmodal-recension{padding:15px 16px 16px;border:1px solid #e8e8e8;border-radius:15px;background:#fafafa;}
.lh-betygmodal-recension-topp{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:9px;}
.lh-betygmodal-recension-topp>div:first-child{min-width:0;}
.lh-betygmodal-recension-topp strong{display:block;color:#252525;font-size:14px;line-height:1.25;}
.lh-betygmodal-recension-topp>div:first-child>span{display:block;margin-top:2px;color:#787878;font-size:11.5px;line-height:1.3;}
.lh-betygmodal-recension-betyg{display:flex;align-items:center;gap:6px;flex:0 0 auto;color:#444;font-size:12px;font-weight:700;}
.lh-betygmodal-smastjarnor{display:inline-flex;gap:1px;line-height:1;}
.lh-betygmodal-smastjarnor .ar-fylld{color:#f5b301;}
.lh-betygmodal-smastjarnor .ar-tom{color:#d7d7d7;}
.lh-betygmodal-recension-text{color:#333;font-size:14px;line-height:1.55;overflow-wrap:anywhere;}
.lh-betygmodal-fler{display:block;width:calc(100% - 48px);margin:14px 24px 4px;padding:11px 14px;border:1px solid #dcdcdc;border-radius:12px;background:#fff;color:#333;font:700 13px/1.2 inherit;cursor:pointer;}
.lh-betygmodal-fler:hover{background:#f6f6f6;}
.lh-betygmodal-fler[hidden]{display:none!important;}
.lh-betygmodal-fot{display:flex;gap:10px;padding:18px 24px 44px!important;}
.lh-betygmodal-fot[hidden]{display:none!important;}
.lh-betygmodal-fot a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;box-sizing:border-box;border-radius:12px;text-decoration:none!important;font-size:13px;font-weight:700;line-height:1.2;text-align:center;}
.lh-betygmodal-lamna{flex:1 1 52%;border:1px solid #dedede;background:var(--lh-popup-knapp-bakgrund,#f1f1f1);color:var(--lh-popup-knapp-text,#222)!important;}
.lh-betygmodal-sidan{flex:1 1 48%;border:1px solid #dedede;background:#fff;color:#333!important;}
.lh-betygmodal-lamna:hover,
.lh-betygmodal-sidan:hover{background:#e9e9e9;}

@media(max-width:600px){
  .lh-betygmodal-bakgrund{
    align-items:flex-end;
    padding:12px 12px max(66px, calc(env(safe-area-inset-bottom) + 54px));
  }
  .lh-betygmodal{width:100%;max-height:min(80vh,720px);border-radius:20px 20px 16px 16px;}
  .lh-betygmodal-topp{padding:21px 54px 16px 18px;}
  .lh-betygmodal-rubrik{font-size:21px;}
  .lh-betygmodal-lista{max-height:36vh;padding:15px 18px 2px;}
  .lh-betygmodal-status{margin:15px 18px;}
  .lh-betygmodal-fler{width:calc(100% - 36px);margin:12px 18px 2px;}
  .lh-betygmodal-recension-topp{gap:8px;}
  .lh-betygmodal-recension-betyg{font-size:11.5px;}
  .lh-betygmodal-sidan{display:none!important;}
  .lh-betygmodal-fot{display:block!important;padding:16px 18px 38px!important;}
  .lh-betygmodal-lamna{width:100%!important;min-height:46px!important;}
}

/* v0.20.66 – Kartadmin-projekt använder huvudkartans riktiga design/motor.
   Endast valda projektfunktioner döljs; huvudkartan saknar dessa klasser och påverkas inte. */
.lokalhelhet-karta-wrap.lh-no-filter .lokalhelhet-filterrad,
.lokalhelhet-karta-wrap.lh-no-filter .lh-mobilfilter-knapp[data-filter]{display:none!important}
.lokalhelhet-karta-wrap.lh-no-pa_gang .lh-pa-gang-desktop-wrap,
.lokalhelhet-karta-wrap.lh-no-pa_gang .lh-pa-gang-mobil,
.lokalhelhet-karta-wrap.lh-no-pa_gang .lh-pa-gang-mobil-bakgrund{display:none!important}
.lokalhelhet-karta-wrap.lh-no-slumpa .lh-slumpa-knapp{display:none!important}
.lokalhelhet-karta-wrap.lh-no-runda .lh-rundgenerator,
.lokalhelhet-karta-wrap.lh-no-runda #lh-delad-skapa-runda{display:none!important}
.lokalhelhet-karta-wrap.lh-no-dela .lh-dela-kontroll,
.lokalhelhet-karta-wrap.lh-no-dela .lh-dela-modal{display:none!important}
.lokalhelhet-karta-wrap.lh-no-vill .lh-mina-knapp[data-mina="vill"],
.lokalhelhet-karta-wrap.lh-no-vill .lh-vill-knapp{display:none!important}
.lokalhelhet-karta-wrap.lh-no-besokt .lh-mina-knapp[data-mina="besokt"],
.lokalhelhet-karta-wrap.lh-no-besokt .lh-besokt-knapp{display:none!important}
.lokalhelhet-karta-wrap.lh-no-min_karta .lh-min-karta-kontroll,
.lokalhelhet-karta-wrap.lh-no-min_karta .lh-min-karta-knapp{display:none!important}
.lokalhelhet-karta-wrap.lh-no-egna_nalar .lh-egen-punkt-start,
.lokalhelhet-karta-wrap.lh-no-egna_nalar .lh-min-karta-egna-toggle,
.lokalhelhet-karta-wrap.lh-no-egna_nalar .lh-egen-punkt-modal-bakgrund{display:none!important}
.lokalhelhet-karta-wrap.lh-no-rutt .lh-plats-visa-rutt,
.lokalhelhet-karta-wrap.lh-no-rutt .lh-kort-stopp-knapp,
.lokalhelhet-karta-wrap.lh-no-rutt .lh-plats-stopp-knapp,
.lokalhelhet-karta-wrap.lh-no-rutt .lh-rutt-atgard-wrap,
.lokalhelhet-karta-wrap.lh-no-rutt .lh-din-vag{display:none!important}
.lh-kundkortsikoner{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 7px}
.lh-kundkortsikon{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;line-height:1;flex:0 0 27px}
.lh-kundkortsikon img{display:block;width:auto;height:auto;max-width:23px;max-height:23px;object-fit:contain}
.lh-popup-projekttext,.lh-kort-projekttext{font-size:14px;line-height:1.45;margin:7px 0 9px}
.lh-kort-projekttext p,.lh-popup-projekttext p{margin:.25em 0}


/* v0.20.70 – Projektfilter/sök samverkar tydligare och projektets sökfält hålls kompakt i samma arbetsyta. */
.lh-projekt-sok{display:flex;align-items:center;gap:8px;max-width:520px;margin:10px 0 14px;padding:0 14px;border:1px solid #d7d7d7;border-radius:16px;background:#fff;min-height:48px;box-sizing:border-box}
.lh-projekt-sok:focus-within{border-color:#222;box-shadow:0 0 0 1px #222}
.lh-projekt-sok-ikon{font-size:22px;line-height:1;opacity:.72}
.lh-projekt-sok input{flex:1;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font:inherit;padding:10px 0!important;color:inherit}
.lh-projekt-sok input::-webkit-search-cancel-button{display:none}
.lh-projekt-sok-rensa{appearance:none;border:0;background:#f2f2f2;border-radius:999px;width:30px;height:30px;font-size:20px;line-height:28px;cursor:pointer;padding:0;color:#222}
.lh-projekt-sok-rensa[hidden]{display:none!important}
.lokalhelhet-karta-wrap.lh-no-vill .lh-dela-meny [data-dela="vill"],
.lokalhelhet-karta-wrap.lh-no-besokt .lh-dela-meny [data-dela="besokt"],
.lokalhelhet-karta-wrap.lh-no-min_karta .lh-dela-meny [data-dela="min"],
.lokalhelhet-karta-wrap.lh-no-runda .lh-dela-meny [data-dela="rutt"],
.lokalhelhet-karta-wrap.lh-no-rutt .lh-dela-meny [data-dela="rutt"]{display:none!important}
.lokalhelhet-karta-wrap.lh-no-slumpa.lh-no-runda .lh-rundverktyg-rad{display:none!important}
@media (max-width:767px){.lh-projekt-sok{max-width:none;margin:8px 0 12px;border-radius:14px;min-height:46px}}

/* v0.20.70 – sökfältet ska inte dominera projektkartan visuellt. */
@media (min-width:768px){
  .lokalhelhet-karta-wrap.lh-projektkarta .lh-projekt-sok{width:min(100%,780px);max-width:780px;margin-top:12px}
}


/* v0.20.77 – valbar sidopanel för projektkartor. Klassiskt popupkort lämnas helt orört. */
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel{
  position:absolute;z-index:1700;top:0;right:0;width:min(430px,92%);height:100%;
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fff;
  border-radius:18px 0 0 18px;box-shadow:-10px 0 28px rgba(0,0,0,.18);
  transform:translateX(105%);opacity:0;pointer-events:none;overflow:hidden;
  transition:transform .24s ease,opacity .18s ease;font-family:var(--lh-karta-typsnitt,inherit)
}
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel.oppen{transform:translateX(0);opacity:1;pointer-events:auto}
/* v0.21.353 – kundkort får ligga ovanpå en öppen skattjaktsruta.
   Skattjaktens overlay behålls bakom så samma jakt/stopp kan återupptas när kundkortet stängs. */
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel.lh-sidepanel-over-hunt{z-index:1960}
.lh-sidepanel-topp{position:relative;min-height:46px;display:flex;align-items:center;justify-content:center;padding:8px 54px 6px 16px;border-bottom:1px solid #eee;background:#fff}
.lh-sidepanel-grepp{width:42px;height:5px;border-radius:99px;background:#d9d9d9}
.lh-sidepanel-stang{position:absolute;right:10px;top:7px;width:34px;height:34px;border:0;border-radius:50%;background:#f1f1f1;color:#222;font-size:27px;line-height:30px;cursor:pointer}
.lh-sidepanel-stang:hover{background:#e5e5e5}
.lh-sidepanel-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 18px 18px}
.lh-sidepanel-scroll .lh-popup{width:auto!important;max-width:none!important;padding:0!important;margin:0!important}
.lh-sidepanel-scroll .lh-popup-bild-wrap{margin:0 -18px 14px}
.lh-sidepanel-scroll .lh-popup-bild{width:100%;height:210px;object-fit:cover;border-radius:0!important}
.lh-sidepanel-scroll .lh-popup-title{font-size:23px;line-height:1.2;margin:8px 0 10px}
.lh-sidepanel-scroll .lh-popup-meta{font-size:14px;line-height:1.45}
.lh-sidepanel-scroll .lh-popup-projekttext{font-size:15px;line-height:1.58;margin:12px 0 18px}
.lh-sidepanel-scroll .lh-statusrad{margin:12px 0 6px}
.lh-sidepanel-actions{padding:10px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid #e5e5e5;background:rgba(255,255,255,.98);box-shadow:0 -6px 18px rgba(0,0,0,.08)}
.lh-sidepanel-actions[hidden]{display:none!important}
.lh-sidepanel-actions .lh-popup-knappar{display:flex;gap:7px;flex-wrap:wrap;margin:0}
.lh-sidepanel-actions .lh-popup-link,.lh-sidepanel-actions button{flex:1 1 auto;min-height:38px!important;padding:7px 10px!important;border-radius:9px!important;font-size:11.5px!important;line-height:1.15!important;white-space:nowrap}
@media(max-width:767px){
  .lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel{width:calc(100% - 14px)}
  .lh-sidepanel-scroll{padding:0 16px 18px}
  .lh-sidepanel-scroll .lh-popup-bild-wrap{margin:0 -16px 12px}
  .lh-sidepanel-scroll .lh-popup-bild{height:190px}
  .lh-sidepanel-scroll .lh-popup-title{font-size:21px}
  .lh-sidepanel-scroll .lh-popup-projekttext{font-size:14.5px;line-height:1.55}
  .lh-sidepanel-actions .lh-popup-link,.lh-sidepanel-actions button{font-size:11px!important;min-height:40px!important;padding:7px 8px!important}
}
@media(prefers-reduced-motion:reduce){.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel{transition:none}}


/* v0.20.81 – sidopanel: åtgärder i egen rad och små minimera/stäng-kontroller längst ner. */
.lh-sidepanel-topp{min-height:18px;padding:7px 16px 5px;border-bottom:0}
.lh-sidepanel-fot{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:9px 10px max(9px,env(safe-area-inset-bottom));border-top:1px solid #e5e5e5;background:rgba(255,255,255,.98);box-shadow:0 -6px 18px rgba(0,0,0,.08)}
.lh-sidepanel-actions{width:100%;min-width:0;padding:0;border:0;background:transparent;box-shadow:none}
.lh-sidepanel-actions .lh-popup-knappar{justify-content:flex-start}
.lh-sidepanel-kontroller{display:flex;gap:5px;justify-content:flex-start;align-items:center;width:100%;padding-top:2px}
.lh-sidepanel-kontroller button{width:29px;height:29px;min-width:29px;padding:0!important;border:1px solid #d9d9d9;border-radius:50%;background:#f4f4f4;color:#222;font-size:17px;line-height:1;cursor:pointer;box-shadow:none}
.lh-sidepanel-kontroller button:hover{background:#e8e8e8}


@media(max-width:767px){
  .lh-sidepanel-fot{gap:6px;padding:8px 8px max(8px,env(safe-area-inset-bottom))}
  .lh-sidepanel-kontroller button{width:28px;height:28px;min-width:28px;font-size:16px}
}

/* v0.20.87 – sidopanelens nedersta kontrollrad.
 * Riktig CSS (utan bokstavliga \
-sekvenser): åtgärdsknappar först,
 * sedan små minimera/stäng-kontroller på en egen rad längst ner till vänster.
 */
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-fot{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
  padding:9px 10px max(9px,env(safe-area-inset-bottom));
}
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-actions{
  order:1;
  width:100%;
  min-width:0;
}
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-kontroller{
  order:2;
  display:flex!important;
  align-items:center;
  width:100%;
  min-height:32px;
  padding:2px 0 0;
  position:relative;
  z-index:20;
  overflow:visible;
}
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-kontroller .lh-sidepanel-stang{
  position:static!important;
  inset:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 29px!important;
  width:29px!important;
  height:29px!important;
  min-width:29px!important;
  min-height:29px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #d9d9d9!important;
  border-radius:50%!important;
  background:#f4f4f4!important;
  color:#222!important;
  font-size:17px!important;
  font-family:Arial,sans-serif!important;
  font-weight:400!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-kontroller .lh-sidepanel-stang:hover{
  background:#e8e8e8!important;
}
@media(max-width:767px){
  .lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-kontroller .lh-sidepanel-stang{
    flex-basis:28px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    font-size:16px!important;
  }
}

.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-stang-topp{
  position:absolute;
  top:7px;
  right:10px;
  z-index:30;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  min-width:32px;
  min-height:32px;
  padding:0;
  border:1px solid rgba(0,0,0,.10);
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#222;
  font:400 22px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(0,0,0,.10);
}
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-stang-topp:hover{
  background:#f1f1f1;
}






/* v0.20.98 – Sparad startposition + valdialog. */
#lokalhelhet-karta .lh-startposition-control{margin-top:8px;}
#lokalhelhet-karta .lh-startposition-knapp{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#222!important;
  cursor:pointer;font-family:Arial,sans-serif;font-size:22px;line-height:1;touch-action:manipulation;
}
#lokalhelhet-karta .lh-startposition-knapp:hover{background:#f4f4f4!important;}
#lokalhelhet-karta .lh-startposition-knapp.aktiv{color:#fff!important;background:#198ca2!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.7),0 0 0 2px rgba(25,140,162,.28)!important;}
#lokalhelhet-karta .lh-startposition-knapp.valjer{background:#e8f5f7!important;box-shadow:inset 0 0 0 2px #198ca2;}
#lokalhelhet-karta .lh-startposition-knapp:focus-visible{outline:2px solid #198ca2;outline-offset:2px;}
.lh-startposition-divikon{background:transparent!important;border:0!important;}
.lh-startposition-flagga{
  display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:3px solid #fff;border-radius:50%;
  background:#222;color:#fff;font-family:Arial,sans-serif;font-size:20px;font-weight:700;line-height:1;
  box-shadow:0 2px 8px rgba(0,0,0,.38);box-sizing:border-box;
}
@media(max-width:767px){
  #lokalhelhet-karta .lh-startposition-knapp{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
}


/* v0.20.98 – Startposition i Min karta. */
.lh-min-karta-start-toggle,
.lh-min-karta-start-andra{
  display:flex;align-items:center;width:100%;min-height:38px;
  margin:0 0 7px;padding:7px 10px;border:1px solid #ddd;border-radius:9px;
  background:#fff;color:#2b2b2b;font:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;
  box-sizing:border-box;
}
.lh-min-karta-start-toggle{justify-content:space-between;gap:10px;text-align:left;}
.lh-min-karta-start-toggle:hover,.lh-min-karta-start-andra:hover{background:#f7f7f7;}
.lh-min-karta-start-toggle:focus-visible,.lh-min-karta-start-andra:focus-visible{outline:2px solid #198ca2;outline-offset:2px;}
.lh-start-toggle-text{display:flex;align-items:center;gap:5px;min-width:0;}
.lh-start-toggle-switch{position:relative;display:flex;align-items:center;gap:6px;flex:0 0 auto;color:#777;font-size:11px;font-weight:600;}
.lh-start-toggle-switch::before{content:"";display:block;width:34px;height:20px;border-radius:999px;background:#b9bec3;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:background .16s ease;}
.lh-start-toggle-knopp{position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transform:translateX(2px);transition:transform .16s ease;pointer-events:none;}
.lh-min-karta-start-toggle.aktiv{border-color:#b9dbe3;background:#f3fafb;}
.lh-min-karta-start-toggle.aktiv .lh-start-toggle-switch::before{background:#198ca2;}
.lh-min-karta-start-toggle.aktiv .lh-start-toggle-knopp{transform:translateX(16px);}
.lh-start-toggle-status{min-width:17px;text-align:left;}
.lh-min-karta-start-andra{justify-content:center;text-align:center;}
.lh-min-karta-start-andra[hidden]{display:none!important;}

.lh-startposition-modal-bakgrund{
  position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;
  padding:18px;background:rgba(0,0,0,.34);box-sizing:border-box;
}
.lh-startposition-modal-bakgrund.synlig{display:flex;}
.lh-startposition-modal{
  width:min(460px,100%);max-height:calc(100% - 20px);overflow:auto;box-sizing:border-box;
  border-radius:18px;background:#fff;padding:18px;box-shadow:0 18px 55px rgba(0,0,0,.26);
  color:#2b2b2b;font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-startposition-modal-topp{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:18px;}
.lh-startposition-modal-stang{
  width:38px;height:38px;border:1px solid #ddd;border-radius:50%;background:#fff;color:#222;font:inherit;font-size:23px;line-height:1;cursor:pointer;
}
.lh-startposition-modal-info{margin:0 0 14px;color:#666;font-size:13px;line-height:1.45;}
.lh-startposition-val{display:grid;gap:8px;}
.lh-startposition-val button,
.lh-startposition-koordinat-actions button{
  min-height:44px;padding:9px 12px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#2b2b2b;
  font:inherit;font-size:14px;cursor:pointer;text-align:left;
}
.lh-startposition-val button:hover,.lh-startposition-koordinat-actions button:hover{background:#f7f7f7;}
.lh-startposition-koordinater{margin-top:12px;padding-top:12px;border-top:1px solid #eee;}
.lh-startposition-koordinater[hidden]{display:none!important;}
.lh-startposition-koordinat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.lh-startposition-koordinat-grid label{display:grid;gap:5px;font-size:12px;font-weight:600;}
.lh-startposition-koordinat-grid input{min-width:0;min-height:42px;padding:8px 10px;border:1px solid #ccc;border-radius:8px;font:inherit;font-size:16px;box-sizing:border-box;}
.lh-startposition-koordinat-fel{min-height:20px;margin-top:6px;color:#a52714;font-size:12px;}
.lh-startposition-koordinat-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px;}
.lh-startposition-koordinat-actions button{text-align:center;}
@media(max-width:767px){
  .lh-startposition-modal-bakgrund{align-items:flex-end;padding:10px;}
  .lh-startposition-modal{width:100%;border-radius:18px 18px 12px 12px;padding:16px;}
  .lh-startposition-koordinat-grid{grid-template-columns:1fr;}

}


/* v0.21.03 – Egna nålar: samma kompakta På/Av-switch som Startposition. */
#lokalhelhet-karta .lh-min-karta-egna-toggle{
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
  text-align:left;
  font-weight:600;
}
#lokalhelhet-karta .lh-egna-toggle-text{display:flex;align-items:center;gap:5px;min-width:0;}
#lokalhelhet-karta .lh-min-karta-egna-ikon{margin-right:0;}
#lokalhelhet-karta .lh-egna-toggle-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:#eee;color:#666;font-size:10px;font-weight:600;line-height:1;
}
#lokalhelhet-karta .lh-egna-toggle-switch{
  position:relative;display:flex;align-items:center;gap:6px;flex:0 0 auto;
  color:#777;font-size:11px;font-weight:600;
}
#lokalhelhet-karta .lh-egna-toggle-switch::before{
  content:"";display:block;width:34px;height:20px;border-radius:999px;
  background:#b9bec3;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:background .16s ease;
}
#lokalhelhet-karta .lh-egna-toggle-knopp{
  position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.25);transform:translateX(2px);transition:transform .16s ease;pointer-events:none;
}
#lokalhelhet-karta .lh-min-karta-egna-toggle.aktiv{border-color:#b9dbe3;background:#f3fafb;}
#lokalhelhet-karta .lh-min-karta-egna-toggle.aktiv .lh-egna-toggle-switch::before{background:#198ca2;}
#lokalhelhet-karta .lh-min-karta-egna-toggle.aktiv .lh-egna-toggle-knopp{transform:translateX(16px);}
#lokalhelhet-karta .lh-egna-toggle-status{min-width:17px;text-align:left;}


/* v0.21.41 – Gemensam Design & visning för huvudkarta, Mina kartor och projekt-/utställarkartor. Endast presentation. */
.lokalhelhet-karta-wrap{
  font-size:var(--lh-admin-base,16px);
}
.lokalhelhet-karta-wrap a{color:var(--lh-admin-link,#2f5fb3);}
.lokalhelhet-karta-wrap .lh-filtergrupp.har-val .lh-filterknapp,
.lokalhelhet-karta-wrap .lh-mina-knapp.aktiv,
.lokalhelhet-karta-wrap .lh-fardsatt-knapp.aktiv{
  border-color:var(--lh-admin-active,#222)!important;
  background:var(--lh-admin-active,#222)!important;
  color:#fff!important;
}
.lokalhelhet-karta-wrap .lh-visa-resultat,
.lokalhelhet-karta-wrap .lh-mobil-visa-resultat,
.lokalhelhet-karta-wrap .lh-nara-knapp.aktiv,
.lokalhelhet-karta-wrap .lh-startposition-knapp.aktiv{
  background:var(--lh-admin-accent,#198ca2)!important;
  color:#fff!important;
}
.lokalhelhet-karta-wrap :focus-visible{outline-color:var(--lh-admin-accent,#198ca2)!important;}
.lokalhelhet-karta-wrap .lh-popup,
.lokalhelhet-karta-wrap .lh-kort,
.lokalhelhet-karta-wrap .lh-sidepanel{background:var(--lh-admin-panel,#fff);}
.lokalhelhet-karta-wrap .lh-popup-title,
.lokalhelhet-karta-wrap .lh-sidepanel-scroll .lh-popup-title{font-size:var(--lh-admin-card-title,23px)!important;}
@media(min-width:768px){
 .lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel{width:min(var(--lh-admin-sidepanel,430px),92%);}
}

/* ==========================================================
   v0.21.13 – valbar ruttpanel på kartan
   När data-lh-route-view="sidepanel" är valt ligger Din väg
   ovanpå kartan. Läget "below" behåller den vanliga placeringen.
   ========================================================== */
.lh-map-stage {
  position: relative;
  min-width: 0;
}

.lh-route-tabs {
  display: flex;
  gap: 6px;
  margin: 14px 0 12px;
  padding: 4px;
  background: #f4f4f4;
  border-radius: 12px;
}

.lh-route-tab {
  flex: 1;
  min-height: 40px;
  padding: 8px 10px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #333;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.lh-route-tab.aktiv {
  background: #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,.10);
}

.lh-route-tab:focus-visible {
  outline: 2px solid #198ca2;
  outline-offset: 2px;
}

.lh-route-tab-pane[hidden] {
  display: none !important;
}

.lh-route-tab-pane.aktiv {
  display: block;
}

.lh-route-discover-intro {
  margin: 4px 0 12px;
  color: #666;
  line-height: 1.45;
}

.lh-route-tab-pane[data-route-pane="route"] .lh-fardsatt {
  margin-top: 12px;
}

/* Sidopanelsläge: ruttinformationen ligger inuti kartytan. */
.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-map-stage > .lh-din-vag,
.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] #lokalhelhet-karta > .lh-din-vag {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 1200;
  width: min(430px, calc(100% - 24px));
  max-width: calc(100% - 24px);
  margin: 0;
  padding: 18px;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 12px 34px rgba(0,0,0,.20);
}

.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-topp {
  position: sticky;
  top: -18px;
  z-index: 3;
  margin: -18px -18px 0;
  padding: 18px;
  background: #fff;
  border-radius: 16px 16px 0 0;
}

.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-route-tabs {
  position: sticky;
  top: 54px;
  z-index: 2;
}

.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-verktyg {
  border-top: 0;
  padding-top: 0;
}

@media (max-width: 767px) {
  .lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-map-stage > .lh-din-vag,
.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] #lokalhelhet-karta > .lh-din-vag {
    top: 8px;
    right: 8px;
    bottom: 8px;
    width: calc(100% - 16px);
    max-width: none;
    padding: 16px;
    border-radius: 15px;
  }

  .lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-topp {
    top: -16px;
    margin: -16px -16px 0;
    padding: 16px;
  }

  .lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-route-tabs {
    top: 50px;
  }

  .lh-route-tab {
    min-height: 38px;
    padding: 7px 8px;
    font-size: 14px;
  }
}


/* v0.21.18 – kompakt återöppningsknapp när Din väg-panelen är dold. */
.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-ateroppna {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1195;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 6px 12px;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 5px 16px rgba(0,0,0,.16);
  color: #222;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-ateroppna[hidden] { display:none!important; }
.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-ateroppna:hover { background:#f7f7f7; }
.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-ateroppna:focus-visible { outline:3px solid rgba(25,140,162,.28); outline-offset:2px; }
@media (max-width: 767px) {
  .lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-ateroppna {
    top: 8px;
    min-height: 32px;
    padding: 5px 10px;
    font-size: 13px;
  }
}

/* ==========================================================
   v0.21.21 – kompaktare ruttval och rensa filter
   Samma visuella stil, endast mindre mått.
   ========================================================== */
.lh-route-tabs{
  gap:4px;
  margin:10px 0 9px;
  padding:3px;
  border-radius:10px;
}
.lh-route-tab{
  min-height:32px;
  padding:5px 8px;
  border-radius:8px;
  font-size:13px;
  line-height:1.2;
}
.lh-route-tab-pane[data-route-pane="route"] .lh-fardsatt{
  margin-top:9px;
}
.lh-fardsatt{
  gap:2px;
  padding:2px;
  border-radius:18px;
}
.lh-fardsatt-knapp{
  min-height:28px;
  padding:4px 8px;
  border-radius:15px;
  font-size:12px;
}
.lokalhelhet-rensa-filter{
  font-size:11.5px;
  padding:1px 0;
}
@media(max-width:767px){
  .lh-route-tab{
    min-height:30px;
    padding:5px 7px;
    font-size:12.5px;
  }
  .lh-fardsatt-knapp{
    min-height:27px;
    padding:4px 7px;
    font-size:11.5px;
  }
  .lokalhelhet-rensa-filter{font-size:12px;}
}


/* v0.21.25 – Rensa filter ligger ovanför Stopp på vägen så den alltid är åtkomlig. */
.lh-din-vag-rensa-filter{
  display:inline-flex;
  margin:10px 0 2px;
}
@media (max-width:767px){
  .lh-din-vag-rensa-filter{margin:9px 0 2px;}
}


/* v0.21.27 – kompakt Upptäck längs vägen-lista i Din väg */
.lh-upptack-rutt-lista{margin-top:18px;display:flex;flex-direction:column;gap:10px;}
.lh-upptack-rutt-rubrik{font-size:1.02em;font-weight:700;margin:2px 0 1px;}
.lh-upptack-rutt-rad{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:10px;border:1px solid rgba(31,41,55,.12);border-radius:14px;background:#fff;}
.lh-upptack-rutt-media{width:58px;height:58px;border-radius:11px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f4f4f4;}
.lh-upptack-rutt-media img{width:100%;height:100%;object-fit:cover;display:block;}
.lh-upptack-rutt-media-fallback{font-size:25px;}
.lh-upptack-rutt-innehall{min-width:0;}
.lh-upptack-rutt-namn{font-size:1em;font-weight:700;line-height:1.25;}
.lh-upptack-rutt-kategori,.lh-upptack-rutt-avstand{font-size:.84em;line-height:1.35;color:#5f6368;margin-top:2px;}
.lh-upptack-rutt-avstand{font-weight:600;}
.lh-upptack-rutt-knappar{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px;}
.lh-upptack-rutt-stopp,.lh-upptack-rutt-visa{appearance:none;border:1px solid rgba(31,41,55,.14);border-radius:999px;background:#f5f5f5;color:inherit;font:inherit;font-size:.78em;font-weight:650;line-height:1;padding:8px 11px;cursor:pointer;}
.lh-upptack-rutt-stopp:hover,.lh-upptack-rutt-visa:hover{background:#ececec;}
.lh-upptack-rutt-stopp:disabled{opacity:.65;cursor:default;}
.lh-upptack-rutt-tom,.lh-upptack-rutt-fler{font-size:.86em;color:#666;padding:10px 2px;}
@media (max-width:767px){
  .lh-upptack-rutt-rad{grid-template-columns:50px minmax(0,1fr);gap:10px;padding:9px;}
  .lh-upptack-rutt-media{width:50px;height:50px;border-radius:10px;}
  .lh-upptack-rutt-stopp,.lh-upptack-rutt-visa{font-size:.76em;padding:7px 10px;}
}


/* v0.21.30 – kompakt stängknapp längst ner i båda Din väg-flikarna. */
.lh-din-vag-stang-nere{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin:18px 0 2px;
  padding:8px 13px;
  border:1px solid #d8d8d8;
  border-radius:999px;
  background:#fff;
  color:#333;
  font:inherit;
  font-size:14px;
  line-height:1;
  cursor:pointer;
}
.lh-din-vag-stang-nere:hover{background:#f7f7f7;}
.lh-din-vag-stang-nere:focus-visible{outline:3px solid rgba(25,140,162,.28);outline-offset:2px;}
@media (max-width:767px){
  .lh-din-vag-stang-nere{margin-top:14px;padding:7px 12px;font-size:13px;}
}


/* v0.21.35 – kompakt Rensa filter i stor kartvy. */
.lh-helskaerm-rensa-filter {
  position:absolute;
  top:12px;
  right:12px;
  z-index:1196;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:6px 12px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:999px;
  background:#fff;
  box-shadow:0 5px 16px rgba(0,0,0,.16);
  color:#222;
  font:inherit;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  pointer-events:auto;
}
.lh-helskaerm-rensa-filter[hidden]{display:none!important;}
.lh-helskaerm-rensa-filter:hover{background:#f7f7f7;}
.lh-helskaerm-rensa-filter:focus-visible{outline:3px solid rgba(25,140,162,.28);outline-offset:2px;}
@media (max-width:767px){
  .lh-helskaerm-rensa-filter{top:8px;right:8px;min-height:32px;padding:5px 10px;font-size:13px;}
}

/* v0.21.38 – Egna nålar: samma På/Av-switch som Startposition även när Min karta-menyn ligger i portal/overlay. */
.lh-min-karta-egna-toggle{
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
  text-align:left;
  font-weight:600;
}
.lh-egna-toggle-text{display:flex;align-items:center;gap:5px;min-width:0;}
.lh-min-karta-egna-ikon{margin-right:0;}
.lh-egna-toggle-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:#eee;color:#666;font-size:10px;font-weight:600;line-height:1;
}
.lh-egna-toggle-switch{
  position:relative;display:flex;align-items:center;gap:6px;flex:0 0 auto;
  color:#777;font-size:11px;font-weight:600;
}
.lh-egna-toggle-switch::before{
  content:"";display:block;width:34px;height:20px;border-radius:999px;
  background:#b9bec3;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:background .16s ease;
}
.lh-egna-toggle-knopp{
  position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.25);transform:translateX(2px);transition:transform .16s ease;pointer-events:none;
}
.lh-min-karta-egna-toggle.aktiv{border-color:#b9dbe3;background:#f3fafb;}
.lh-min-karta-egna-toggle.aktiv .lh-egna-toggle-switch::before{background:#198ca2;}
.lh-min-karta-egna-toggle.aktiv .lh-egna-toggle-knopp{transform:translateX(16px);}
.lh-egna-toggle-status{min-width:17px;text-align:left;}

/* v0.21.41 – Gemensam accentfärg även i Min karta-switchar. */
.lokalhelhet-karta-wrap .lh-min-karta-start-toggle.aktiv .lh-start-toggle-switch::before,
.lokalhelhet-karta-wrap .lh-min-karta-egna-toggle.aktiv .lh-egna-toggle-switch::before{background:var(--lh-admin-accent,#198ca2)!important;}


/* ==========================================================
   v0.21.48 – Mina guldkorn som knapp ovanför kartan.
   Själva panelen öppnas fortfarande över kartan, men den stängda
   ingången ligger i den ordinarie knapp-raden bredvid Dela.
   Befintlig statuslogik/localStorage ändras inte.
   ========================================================== */
.lh-guldkorn-flik{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:38px;
  box-sizing:border-box;
  padding:7px 11px;
  border:1px solid #ddd;
  border-radius:999px;
  background:#fff;
  color:#333;
  font-family:var(--lh-karta-typsnitt,inherit);
  font-size:12px;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
  white-space:nowrap;
}
.lh-guldkorn-flik:hover{background:#f3f3f3;}
.lh-guldkorn-flik.aktiv{border-color:#333;background:#333;color:#fff;}
.lh-guldkorn-flik:focus-visible,
.lh-guldkorn-stang:focus-visible{outline:3px solid #1f6f82;outline-offset:2px;}

.lh-guldkorn-panel{
  position:absolute;
  z-index:1750;
  top:0;
  right:0;
  width:min(350px,92%);
  height:100%;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:18px 0 0 18px;
  box-shadow:-10px 0 28px rgba(0,0,0,.18);
  transform:translateX(105%);
  opacity:0;
  pointer-events:none;
  overflow:hidden;
  transition:transform .24s ease,opacity .18s ease;
  font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-guldkorn-panel.oppen{transform:translateX(0);opacity:1;pointer-events:auto;}
.lh-guldkorn-topp{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:15px 14px 13px 16px;border-bottom:1px solid #eee;background:#fff;
}
.lh-guldkorn-topp > div{min-width:0;}
.lh-guldkorn-topp strong{display:block;font-size:18px;line-height:1.25;}
.lh-guldkorn-topp span{display:block;margin-top:2px;color:#666;font-size:11.5px;line-height:1.35;}
.lh-guldkorn-stang{
  flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;
  border:1px solid #ddd;border-radius:50%;background:#f3f3f3;color:#222;font:inherit;font-size:23px;line-height:1;cursor:pointer;
}
.lh-guldkorn-innehall{display:grid;gap:8px;align-content:start;min-height:0;padding:12px;overflow-y:auto;overscroll-behavior:contain;}
.lh-guldkorn-innehall > .lh-mina-knapp,
.lh-guldkorn-innehall > .lh-min-karta-kontroll{width:100%;max-width:none;box-sizing:border-box;}
.lh-guldkorn-innehall > .lh-mina-knapp{justify-content:space-between;min-height:42px;padding:8px 11px;border-radius:10px;}
.lh-guldkorn-innehall > .lh-mina-knapp[data-mina="alla"]{border-color:#333;}
.lh-guldkorn-innehall > .lh-min-karta-kontroll{display:flex;border-radius:10px;}
.lh-guldkorn-innehall > .lh-min-karta-kontroll .lh-mina-knapp{flex:1 1 auto;justify-content:flex-start;min-width:0;}
.lh-guldkorn-innehall .lh-min-karta-meny{right:0;left:auto;z-index:1900;}

/* De personliga knapparna ligger i panelen. Raden ovanför kartan visar endast
   Mina guldkorn + Dela och behåller samma kompakta knappfamilj. */
.lh-mina-platser.lh-guldkorn-flyttad{display:flex;justify-content:flex-end;align-items:center;margin:10px 0 6px;}
.lh-mina-platser.lh-guldkorn-flyttad .lh-mina-rubrik{display:none!important;}
.lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar{display:flex;align-items:center;gap:7px;width:auto;margin-left:auto;}
.lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar > .lh-dela-kontroll{width:auto;margin:0;}
.lh-mina-platser.lh-guldkorn-flyttad .lh-dela-toggle{width:auto;min-width:94px;}

@media(max-width:767px){
  .lh-guldkorn-flik{min-height:44px;padding:8px 10px;font-size:11.5px;}
  .lh-guldkorn-panel{width:calc(100% - 14px);max-width:none;border-radius:18px 0 0 18px;}
  .lh-guldkorn-topp{padding:13px 12px 11px 14px;}
  .lh-guldkorn-topp strong{font-size:17px;}
  .lh-guldkorn-innehall{padding:10px;gap:7px;}
  .lh-guldkorn-innehall > .lh-mina-knapp{min-height:46px;font-size:12px;}
  .lh-mina-platser.lh-guldkorn-flyttad{margin:10px 0 8px;}
  .lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar{align-items:stretch;width:100%;margin-left:0;}
  .lh-mina-platser.lh-guldkorn-flyttad .lh-guldkorn-flik{flex:1 1 auto;min-width:0;}
  .lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar > .lh-dela-kontroll{flex:0 0 auto;min-width:0;}
  .lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar > .lh-dela-kontroll .lh-dela-toggle{min-width:100px;min-height:44px;}
}

@media(prefers-reduced-motion:reduce){.lh-guldkorn-panel{transition:none;}}


/* =========================================================
   v0.21.49 – Mina guldkorn / Min karta
   - Mobil: Alla platser, Vill besöka, Besökta och Min karta i en kolumn.
   - Desktop: Min karta använder samma portal/popup som mobil i stället för
     en liten dropdown inne i Mina guldkorn-panelen.
   ========================================================= */

/* Portalbakgrunden och Min karta-fönstret får fungera på alla skärmstorlekar. */
body > .lh-min-karta-mobil-bakgrund.lh-min-karta-mobil-bakgrund-oppen{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  width:100vw!important;
  height:100dvh!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:rgba(0,0,0,.48)!important;
}
body > .lh-min-karta-meny.lh-min-karta-mobil-popup-oppen{
  display:block!important;
  position:fixed!important;
  left:50%!important;
  right:auto!important;
  top:50%!important;
  bottom:auto!important;
  z-index:2147483001!important;
  box-sizing:border-box!important;
  width:min(360px,calc(100vw - 32px))!important;
  min-width:0!important;
  max-width:calc(100vw - 32px)!important;
  max-height:min(80dvh,720px)!important;
  margin:0!important;
  padding:0 10px 10px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid #ddd!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 14px 44px rgba(0,0,0,.28)!important;
}
body > .lh-min-karta-meny.lh-min-karta-mobil-popup-oppen .lh-min-karta-mobil-topp{
  display:flex!important;
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 -10px 9px!important;
  padding:10px 11px!important;
  border-bottom:1px solid #eee!important;
  background:#fff!important;
  font-size:15px!important;
}
body > .lh-min-karta-meny.lh-min-karta-mobil-popup-oppen .lh-min-karta-mobil-stang{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  border:1px solid #ddd!important;
  border-radius:50%!important;
  background:#f3f3f3!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}

@media(max-width:767px){
  /* Hindra äldre grid-column-regler från att skapa två kolumner inne i Mina guldkorn. */
  .lh-guldkorn-innehall{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .lh-guldkorn-innehall > .lh-mina-knapp,
  .lh-guldkorn-innehall > .lh-min-karta-kontroll{
    grid-column:1 / -1!important;
    width:100%!important;
  }
}


/* =========================================================
   v0.21.50 – Mina guldkorn
   - Val av vy stänger panelen via JS.
   - Min karta-pilen görs tydligare och får större träffyta.
   ========================================================= */
.lh-guldkorn-innehall > .lh-min-karta-kontroll .lh-min-karta-meny-toggle{
  min-width:52px!important;
  min-height:46px!important;
  padding:0 14px!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1!important;
}
@media(max-width:767px){
  .lh-guldkorn-innehall > .lh-min-karta-kontroll .lh-min-karta-meny-toggle{
    min-width:56px!important;
    min-height:48px!important;
    padding:0 15px!important;
    font-size:17px!important;
  }
}


/* ==========================================================
   v0.21.51 – Alla platser direkt i kartvyn
   Visas endast när en egen Mina guldkorn-vy är aktiv.
   ========================================================== */
.lh-alla-platser-kartknapp{
  position:absolute;
  top:12px;
  right:12px;
  z-index:1194;
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:34px;
  padding:6px 12px;
  border:1px solid rgba(0,0,0,.14);
  border-radius:999px;
  background:#fff;
  box-shadow:0 5px 16px rgba(0,0,0,.16);
  color:#222;
  font:inherit;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
.lh-alla-platser-kartknapp[hidden]{display:none!important;}
.lh-alla-platser-kartknapp:hover{background:#f7f7f7;}
.lh-alla-platser-kartknapp:focus-visible{outline:3px solid rgba(25,140,162,.28);outline-offset:2px;}
@media(max-width:767px){
  .lh-alla-platser-kartknapp{top:8px;right:8px;min-height:32px;padding:5px 10px;font-size:13px;}
}


/* ==========================================================
   v0.21.53 – separera Din väg och Alla platser
   Desktop: Din väg till vänster, Alla platser till höger.
   Mobil liten karta: Alla platser visas på en egen rad under Din väg
   så knapparna inte kan överlappa varandra.
   ========================================================== */
@media (min-width:768px){
  .lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-ateroppna{
    left:72px;
    right:auto;
    transform:none;
  }
}
@media (max-width:767px){
  .lh-alla-platser-kartknapp{
    display:inline-flex!important;
    top:54px;
    left:auto;
  }
}


/* ==========================================================
   v0.21.54 – renare övre högra kartkontroll
   Rensa filter visas inte längre som overlay i stor kartvy.
   Alla platser ligger högst upp till höger även på mobil.
   ========================================================== */
.lh-helskaerm-rensa-filter{display:none!important;}


/* =========================================================
   v0.21.55 – Skapa en runda under Mina guldkorn + Dela
   Samma befintliga rundgenerator flyttas hit med JavaScript.
   ========================================================= */
.lh-mina-platser.lh-guldkorn-flyttad{
  flex-direction:column;
  align-items:stretch;
}
.lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar{
  align-self:flex-end;
}
.lh-guldkorn-runda-rad{
  display:flex;
  justify-content:flex-end;
  width:100%;
  margin-top:7px;
}
.lh-guldkorn-runda-rad .lh-rundgenerator{
  width:100%;
  max-width:260px;
  margin:0;
  z-index:4300;
}
.lh-guldkorn-runda-rad .lh-rundgenerator-knapp{
  width:100%;
}
.lh-guldkorn-runda-rad .lh-rundgenerator-status{
  display:none;
}

@media(max-width:767px){
  .lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar{
    align-self:stretch;
  }
  .lh-guldkorn-runda-rad{
    margin-top:0;
  }
  .lh-guldkorn-runda-rad .lh-rundgenerator{
    max-width:none;
  }
  .lh-guldkorn-runda-rad .lh-rundgenerator-knapp{
    min-height:44px;
  }
}


/* =========================================================
   v0.21.56 – desktop: Skapa en runda före Mina guldkorn
   Mobil behåller egen rad under Mina guldkorn + Dela.
   ========================================================= */
@media(min-width:768px){
  .lh-mina-platser.lh-guldkorn-flyttad{
    flex-direction:row;
    align-items:center;
  }
  .lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar{
    align-self:auto;
    justify-content:flex-end;
  }
  .lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar > .lh-rundgenerator{
    width:auto;
    min-width:210px;
    max-width:260px;
    margin:0;
    z-index:4300;
  }
  .lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar > .lh-rundgenerator .lh-rundgenerator-knapp{
    width:100%;
    min-height:38px;
  }
  .lh-mina-platser.lh-guldkorn-flyttad .lh-mina-knappar > .lh-rundgenerator .lh-rundgenerator-status{
    display:none;
  }
  .lh-guldkorn-runda-rad[hidden]{display:none!important;}
}


/* ==========================================================
   v0.21.58 – Alla platser ersätter synlig Rensa filter
   Den gamla reset-knappen behålls endast som osynlig logikmotor.
   🌍 Alla platser visas i själva kartan vid alla aktiva urval/rutter.
   ========================================================== */
.lokalhelhet-rensa-wrap{display:none!important;}

/* ==========================================================
   v0.21.58 – enhetliga kartknappar för Din väg + Alla platser
   Alla platser är storleksreferens. Samma mått används i liten/stor
   kartvy på mobil och dator. Din väg flyttas från centrerat mobilläge
   till vänster sida, som i desktop, medan Alla platser ligger till höger.
   ========================================================== */
.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-ateroppna,
.lh-alla-platser-kartknapp{
  min-height:34px!important;
  padding:6px 12px!important;
  font-size:14px!important;
  line-height:1.2!important;
  border-radius:999px!important;
  box-sizing:border-box!important;
}

.lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-ateroppna{
  top:12px!important;
  left:72px!important;
  right:auto!important;
  transform:none!important;
}

.lh-alla-platser-kartknapp{
  top:12px!important;
  right:12px!important;
  left:auto!important;
}

@media(max-width:767px){
  .lh-alla-platser-kartknapp{
    top:12px!important;
    right:8px!important;
    left:auto!important;
  }

  /* På riktigt smala kartor får knapparna varsin rad så de aldrig överlappar.
     Båda behåller exakt samma storlek/stil. */
  @media(max-width:390px){
    .lokalhelhet-karta-wrap[data-lh-route-view="sidepanel"] .lh-din-vag-ateroppna{
      top:54px!important;
      left:auto!important;
      right:8px!important;
    }
  }
}


/* =========================================================
   v0.21.64 – Dela som eget kort ovanpå kartan
   Samma befintliga delningsknappar flyttas hit; ingen kopia skapas.
   ========================================================= */
.lh-dela-panel{
  position:absolute;
  top:0;
  right:0;
  z-index:1880;
  display:flex;
  flex-direction:column;
  width:min(390px,44%);
  height:100%;
  box-sizing:border-box;
  border-left:1px solid #e3e3e3;
  border-radius:18px 0 0 18px;
  background:#fff;
  box-shadow:-8px 0 26px rgba(0,0,0,.12);
  transform:translateX(104%);
  opacity:0;
  pointer-events:none;
  transition:transform .18s ease,opacity .18s ease;
  font-family:var(--lh-karta-typsnitt,inherit);
}
.lh-dela-panel.oppen{transform:translateX(0);opacity:1;pointer-events:auto;}
.lh-dela-panel-topp{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 14px 13px 16px;border-bottom:1px solid #eee;}
.lh-dela-panel-topp > div{min-width:0;}
.lh-dela-panel-topp strong{display:block;font-size:18px;line-height:1.25;}
.lh-dela-panel-topp span{display:block;margin-top:3px;color:#666;font-size:12px;line-height:1.4;}
.lh-dela-panel-stang{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:1px solid #ddd;border-radius:50%;background:#f5f5f5;color:#222;font:inherit;font-size:22px;font-weight:700;cursor:pointer;}
.lh-dela-panel-stang:focus-visible{outline:3px solid #1f6f82;outline-offset:2px;}
.lh-dela-panel-innehall{display:grid;gap:8px;align-content:start;min-height:0;padding:12px;overflow-y:auto;overscroll-behavior:contain;}
.lh-dela-panel .lh-dela-meny{display:grid!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;z-index:auto!important;gap:8px;}
.lh-dela-panel .lh-dela-meny button{display:flex;align-items:center;width:100%;min-height:48px;padding:10px 12px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#222;font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;}
.lh-dela-panel .lh-dela-meny button:hover,.lh-dela-panel .lh-dela-meny button:focus-visible{background:#f3f3f3;}
.lh-dela-panel .lh-dela-meny .lh-dela-kartvy-knapp{gap:8px;}
.lh-dela-panel .lh-dela-meny .lh-dela-kartvy-ikon{display:inline-block;flex:0 0 auto;width:19px;height:19px;object-fit:contain;vertical-align:middle;}
.lh-dela-panel .lh-dela-meny .lh-dela-kartvy-knapp span{display:inline-block;min-width:0;}
.lh-dela-panel .lh-dela-status{display:block;margin:2px 2px 0;font-size:12px;line-height:1.4;color:#555;}
@media(max-width:767px){
  .lh-dela-panel{width:calc(100% - 14px);max-width:none;border-radius:18px 0 0 18px;}
  .lh-dela-panel-topp{padding:13px 12px 11px 14px;}
  .lh-dela-panel-topp strong{font-size:17px;}
  .lh-dela-panel-innehall{padding:10px;gap:7px;}
  .lh-dela-panel .lh-dela-meny button{min-height:50px;}
}
@media(prefers-reduced-motion:reduce){.lh-dela-panel{transition:none;}}

/* v0.21.73 – Kommuner som används i annan visningsgrupp är flyttbara, inte låsta. */
.lhka-municipality-option.is-used-elsewhere,.lhka-municipality-option.is-used-elsewhere input{cursor:pointer;}

/* v0.21.80 – Gemensam designprofil i Mina kartor */
.lhka-inherit-badge{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#eef6f8;color:#1f6f82;font-size:11px;font-weight:600;vertical-align:middle;}
.lhka-shared-design-readonly input[readonly]{background:#f7f7f7;color:#555;cursor:default;}
.lhka-shared-design-readonly input[type="color"]:disabled{opacity:.75;cursor:default;}


/* v0.21.118 – Kartvy: länk till hela Upptäckarkartan */
.lh-kartvy-fullkarta-wrap{
	display:flex;
	justify-content:center;
	margin:18px 0 0;
}
.lh-kartvy-fullkarta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding:10px 18px;
	border-radius:9px;
	background:var(--lh-kartvy-fullkarta-bg,var(--lh-admin-accent,#198ca2));
	color:var(--lh-kartvy-fullkarta-text,#fff)!important;
	font:inherit;
	font-weight:700;
	line-height:1.2;
	text-decoration:none!important;
}
.lh-kartvy-fullkarta:hover{
	filter:brightness(.94);
}
.lh-kartvy-fullkarta:focus-visible{
	outline:3px solid #1f6f82;
	outline-offset:3px;
}

.lh-kartvy-fullkarta-top{
	justify-content:flex-start;
	margin:0 0 14px;
}


/* v0.21.120 – publik Företagskarta */
.lh-foretagskarta-public #lokalhelhet-karta{
	height:var(--lh-company-map-height,430px);
	min-height:220px;
}
.lh-foretagskarta-topp{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	flex-wrap:wrap;
	margin:0 0 12px;
}
.lh-foretagskarta-nearby-info{font-weight:700;}
/* v0.21.612 – fullkartknappen ska alltid ligga till höger även när I närheten är av. */
.lh-foretagskarta-topp .lh-kartvy-fullkarta{margin-left:auto;}
@media (max-width:767px){
	.lh-foretagskarta-public #lokalhelhet-karta{height:var(--lh-company-map-height-mobile,330px);}
	.lh-foretagskarta-topp{align-items:stretch;flex-direction:column;}
	.lh-foretagskarta-topp .lh-kartvy-fullkarta{width:100%;}
}


/* v0.21.130 – liten bild + kategori/typ i Din rutt */
.lh-din-vag-stoppbox-kort{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:10px;
  align-items:start;
}
.lh-din-vag-stopp-media{
  width:58px;
  height:58px;
  border-radius:10px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f4f4f4;
}
.lh-din-vag-stopp-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.lh-din-vag-stopp-media-fallback{font-size:23px;}
.lh-din-vag-stoppbox-korttext{min-width:0;}
@media (max-width:767px){
  .lh-din-vag-stoppbox-kort{
    grid-template-columns:50px minmax(0,1fr);
    gap:9px;
  }
  .lh-din-vag-stopp-media{
    width:50px;
    height:50px;
    border-radius:9px;
  }
}


/* v0.21.131 – fri Kartinfo plats i popup och rullens kundkort */
.lh-kartinfo-plats{
  margin:10px 0 2px;
  padding:10px 12px;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  background:#fff;
  font-size:.9em;
  line-height:1.4;
  color:inherit;
  white-space:pre-line;
  overflow-wrap:anywhere;
}
.lh-popup .lh-kartinfo-plats{
  margin-top:11px;
  font-family:var(--lh-karta-typsnitt,inherit);
  font-size:13px;
  line-height:1.45;
}
@media (max-width:767px){
  .lh-kartinfo-plats{
    padding:8px 10px;
    font-size:.88em;
  }
}


/* =========================================================
   v0.21.143 – Mina upptäckter
   Det befintliga Mina guldkorn-skalet behåller exakt samma placering
   på desktop och mobil. Endast innehållet får en ny huvudmeny.
   ========================================================= */
.lh-mina-upptackter-start{
  display:grid;
  gap:8px;
  align-content:start;
  min-height:0;
  padding:12px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.lh-mina-upptackter-start[hidden],
.lh-mina-upptackter-del[hidden]{display:none!important;}
.lh-mina-upptackter-val{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  width:100%;
  min-height:58px;
  padding:9px 11px;
  border:1px solid #ddd;
  border-radius:10px;
  background:#fff;
  color:#222;
  text-align:left;
  font-family:var(--lh-karta-typsnitt,inherit);
  cursor:pointer;
}
.lh-mina-upptackter-val:hover{background:#f7f7f7;}
.lh-mina-upptackter-val > span:first-child{
  display:flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#f2f2f2;
  font-size:17px;
}
.lh-mina-upptackter-val strong{
  display:block;
  margin:0 0 2px;
  font-size:14px;
  line-height:1.2;
}
.lh-mina-upptackter-val small{
  display:block;
  color:#666;
  font-size:11.5px;
  line-height:1.3;
}
.lh-mina-upptackter-del{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.lh-mina-upptackter-tillbaka{
  margin:10px 12px 2px;
  padding:4px 0;
  border:0;
  background:transparent;
  color:#333;
  font-family:var(--lh-karta-typsnitt,inherit);
  font-size:12.5px;
  cursor:pointer;
}
.lh-mina-upptackter-delrubrik{
  display:grid;
  gap:2px;
  padding:6px 12px 4px;
}
.lh-mina-upptackter-delrubrik strong{font-size:17px;}
.lh-mina-upptackter-delrubrik span{color:#666;font-size:12px;}
.lh-mina-upptackter-pa-vag{
  padding:0 18px 24px;
  text-align:center;
}
.lh-mina-upptackter-pa-vag .lh-mina-upptackter-tillbaka{
  display:block;
  margin-left:-6px;
  text-align:left;
}
.lh-mina-upptackter-pa-vag-ikon{
  margin:18px 0 8px;
  font-size:34px;
}
.lh-mina-upptackter-pa-vag-rubrik{
  display:block;
  margin-bottom:7px;
  font-size:19px;
}
.lh-mina-upptackter-pa-vag p{
  margin:0;
  color:#555;
  font-size:13px;
  line-height:1.5;
}
@media(max-width:767px){
  .lh-mina-upptackter-start{padding:10px;}
  .lh-mina-upptackter-val{min-height:56px;padding:8px 10px;}
}


/* =========================================================
   v0.21.144 – Mina upptäckter: samma popupskal för alla delar
   ========================================================= */
.lh-mina-upptackter-panel .lh-mina-upptackter-del{
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.lh-mina-upptackter-kartor,
.lh-mina-upptackter-egna{
  padding:8px 12px 14px;
}
.lh-mina-upptackter-panel .lh-min-karta-kontroll{
  display:block!important;
  width:100%;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.lh-mina-upptackter-panel .lh-min-karta-meny.lh-min-karta-meny-inline{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.lh-mina-upptackter-panel .lh-min-karta-meny-inline .lh-min-karta-mobil-bakgrund,
.lh-mina-upptackter-panel .lh-min-karta-meny-inline .lh-min-karta-mobil-topp{
  display:none!important;
}
.lh-mina-upptackter-panel .lh-min-karta-meny-inline > button,
.lh-mina-upptackter-panel .lh-min-karta-meny-inline .lh-min-karta-actions button{
  width:100%;
}
.lh-mina-upptackter-egna-intro{
  display:grid;
  gap:12px;
  padding:10px 0 4px;
}
.lh-mina-upptackter-egna-intro p{
  margin:0;
  color:#555;
  font-size:13px;
  line-height:1.5;
}
/* Fliken ska vara synlig och markerad hela tiden när Mina upptäckter är öppen. */
.lh-mina-upptackter-flik.aktiv{
  background:#fff;
  border-color:#333;
  color:#333;
  box-shadow:0 0 0 1px #333;
}

/* v0.21.145 – befintliga Egna nålar-kontroller ligger nu under Egna platser. */
.lh-mina-upptackter-egna > .lh-mina-upptackter-egna-kontroll{
  width:100%;
  max-width:none;
  box-sizing:border-box;
  margin:0 0 8px;
}
.lh-mina-upptackter-egna > .lh-min-karta-egna-toggle{
  display:flex;
}
.lh-mina-upptackter-egna > .lh-egen-punkt-start{
  display:block;
}
.lh-mina-upptackter-egna > .lh-egen-punkt-hjalp{
  display:block;
  margin-top:2px;
}

/* v0.21.146 – Egna platser visar tydligt vilken karta som är aktiv. */
.lh-mina-upptackter-aktiv-karta{
  display:grid;
  gap:2px;
  padding:10px 12px;
  border:1px solid #d7d7d7;
  border-radius:10px;
  background:#f7f7f7;
}
.lh-mina-upptackter-aktiv-karta > span{
  color:#666;
  font-size:11.5px;
  line-height:1.25;
}
.lh-mina-upptackter-aktiv-karta > strong{
  color:#222;
  font-size:14px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.lh-mina-upptackter-aktiv-karta > small{
  margin-top:2px;
  color:#666;
  font-size:11.5px;
  line-height:1.35;
}


/* v0.21.149 – På gång-kort i samma kortvy som platser. */
.lh-event-kort{position:relative;}
.lh-event-kort-badge{
  position:absolute;
  right:8px;
  top:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
  font-size:15px;
}
.lh-event-kort .lh-event-etikett{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0 0 7px;
  padding:4px 8px;
  border-radius:999px;
  background:#f2f2f2;
  font-size:11.5px;
  font-weight:700;
  line-height:1.2;
}
.lh-event-kort-period{
  display:grid;
  gap:2px;
  margin:6px 0;
  font-size:12px;
  line-height:1.35;
}
.lh-event-kort-period strong{font-size:12px;}
.lh-event-kort-period span{color:#555;}
.lh-event-kort-info{
  margin:8px 0;
  font-size:12px;
  line-height:1.45;
}


/* v0.21.150 – På gång i samma stora sidopanel som vanliga kundkort. */
.lh-sidepanel .lh-popup-event-sidepanel{
  width:100%;
  max-width:none;
}
.lh-sidepanel .lh-popup-event-sidepanel .lh-popup-bild-wrap{
  width:100%;
  max-width:650px;
  aspect-ratio:1 / 1;
  margin:0 auto;
  overflow:hidden;
}
.lh-sidepanel .lh-popup-event-sidepanel .lh-popup-bild{
  display:block;
  width:100%;
  height:100%;
  max-width:650px;
  max-height:650px;
  object-fit:cover;
  object-position:center;
}
.lh-sidepanel .lh-popup-event-sidepanel .lh-event-etikett{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:8px 0 4px;
  padding:4px 8px;
  border-radius:999px;
  background:#f2f2f2;
  font-size:11.5px;
  font-weight:700;
  line-height:1.2;
}
.lh-sidepanel .lh-popup-event-sidepanel .lh-event-period{
  padding:9px 0;
  border-bottom:1px solid rgba(0,0,0,.08);
}
.lh-sidepanel .lh-popup-event-sidepanel .lh-event-info{
  margin-top:12px;
  line-height:1.5;
}

@media(max-width:767px){
  .lh-sidepanel .lh-popup-event-sidepanel .lh-popup-bild-wrap{
    max-width:100%;
  }
  .lh-sidepanel .lh-popup-event-sidepanel .lh-popup-bild{
    max-width:100%;
  }
}

/* v0.21.158 – obligatorisk rapportering på serverlagrade delningar */
.lh-delad-rapport{
	margin-top:12px;
	padding-top:10px;
	border-top:1px solid rgba(0,0,0,.12);
}
.lh-delad-rapport[hidden],
.lh-delad-rapport-form[hidden]{display:none!important;}
.lh-delad-rapport-toggle{
	padding:0!important;
	border:0!important;
	background:transparent!important;
	color:#555!important;
	font:inherit!important;
	font-size:12px!important;
	text-decoration:underline;
	cursor:pointer;
}
.lh-delad-rapport-form{
	display:grid;
	gap:9px;
	margin-top:10px;
	padding:10px;
	border:1px solid rgba(0,0,0,.12);
	border-radius:8px;
	background:#fff;
}
.lh-delad-rapport-form label{
	display:grid;
	gap:4px;
	font-size:12px;
	font-weight:600;
}
.lh-delad-rapport-form select,
.lh-delad-rapport-form textarea{
	width:100%;
	box-sizing:border-box;
	font:inherit;
	font-weight:400;
}
.lh-delad-rapport-actions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.lh-delad-rapport-submit,
.lh-delad-rapport-cancel{
	border-radius:7px!important;
	padding:7px 10px!important;
	cursor:pointer;
}
.lh-delad-rapport-status{
	min-height:18px;
	font-size:12px;
	line-height:1.4;
}


/* v0.21.334 – Besökt ska vara omedelbart och tydligt aktiv även efter profilsynk. */
.lokalhelhet-karta-wrap .lh-besokt-knapp.aktiv{
  border-color:#222!important;
  color:#111!important;
  font-weight:700!important;
}

/* v0.21.336 – synkad Vill besöka-status ska vara tydligt aktiv. */
.lokalhelhet-karta-wrap .lh-vill-knapp.aktiv{
  border-color:#222!important;
  color:#111!important;
  font-weight:700!important;
}

/* v0.21.358 – isolerade pilar mellan kartkort. */
.lokalhelhet-karta-wrap .lh-sidepanel-kontroller .lh-kort-nav[hidden]{display:none!important}
.lokalhelhet-karta-wrap .lh-sidepanel-kontroller .lh-kort-nav{font-weight:700}


/* v0.21.359 – pilarna ska vara synliga i varje öppet kartkort. */
.lokalhelhet-karta-wrap .lh-sidepanel-kontroller .lh-kort-nav{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin-right:7px!important;
  border:1px solid #d5d5d5!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#222!important;
  font-size:22px!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
}
.lokalhelhet-karta-wrap .lh-sidepanel-kontroller .lh-kort-nav:disabled{
  opacity:.32!important;
  cursor:default!important;
}
@media(max-width:767px){
  .lokalhelhet-karta-wrap .lh-sidepanel-kontroller .lh-kort-nav{
    flex-basis:38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
  }
}


/* v0.21.361 – behåll stängknappen nere till vänster och placera endast pilarna nere till höger. */
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-kontroller{
  justify-content:flex-start!important;
  gap:7px!important;
}
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-kontroller .lh-sidepanel-stang{
  order:1!important;
  margin-left:0!important;
  margin-right:0!important;
}
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-kontroller .lh-kort-nav-prev{
  order:2!important;
  margin-left:auto!important;
  margin-right:0!important;
}
.lokalhelhet-karta-wrap.lh-card-sidepanel .lh-sidepanel-kontroller .lh-kort-nav-next{
  order:3!important;
  margin-left:0!important;
  margin-right:0!important;
}


/* v0.21.475 – dynamiska/facetterade Egenskaper.
 * Träffantalet ligger på samma rad direkt efter etiketten och tonas ned något. */
.lh-filtergrupp[data-filter="egenskaper"] .lh-checkboxrad,
.lh-mobilmodal .lh-checkboxrad:has(.lh-filterantal){
	grid-template-columns:22px minmax(0,max-content) auto;
	column-gap:8px;
}
.lh-filtergrupp[data-filter="egenskaper"] .lh-checkboxrad .lh-filterantal,
.lh-mobilmodal .lh-filterantal{
	margin-left:0;
	padding-left:2px;
	font-variant-numeric:tabular-nums;
	color:#98a2b3;
	font-size:.88em;
	font-weight:400;
	white-space:nowrap;
}
.lh-filtergrupp[data-filter="egenskaper"] .lh-checkboxrad.lh-filterrad-inaktiv,
.lh-mobilmodal .lh-checkboxrad.lh-filterrad-inaktiv{
	opacity:.48;
	cursor:not-allowed;
}
.lh-filtergrupp[data-filter="egenskaper"] .lh-checkboxrad.lh-filterrad-inaktiv input,
.lh-mobilmodal .lh-checkboxrad.lh-filterrad-inaktiv input{
	cursor:not-allowed;
}


/* v0.21.476 – [hidden] måste vinna över .lh-checkboxrad { display:grid }.
 * Annars ligger 0-träffar kvar synliga trots att JS sätter hidden.
 * Samma skydd gäller gruppens rubrik/förklaring och mobilens egenskapslista. */
.lh-filtergrupp[data-filter="egenskaper"] .lh-checkboxrad[hidden],
.lh-filtergrupp[data-filter="egenskaper"] .lh-egenskapsrubrik[hidden],
.lh-filtergrupp[data-filter="egenskaper"] .lh-egenskapsinfo[hidden],
.lh-mobilmodal .lh-checkboxrad[hidden],
.lh-mobilmodal .lh-egenskapsrubrik[hidden],
.lh-mobilmodal .lh-egenskapsinfo[hidden]{
	display:none!important;
}


/* v0.21.478 – read-only Besöksinfo i popup, sliderkort och sidopanel.
   Ingen öppet-nu-status räknas i detta steg. */
.lh-besoksinfo{
	margin:10px 0;
	border-top:1px solid rgba(0,0,0,.10);
	border-bottom:1px solid rgba(0,0,0,.10);
}
.lh-besoksinfo > summary{
	list-style:none;
	display:flex;
	align-items:center;
	gap:7px;
	min-height:42px;
	padding:8px 1px;
	cursor:pointer;
	font-weight:700;
	color:#24313a;
}
.lh-besoksinfo > summary::-webkit-details-marker{display:none}
.lh-besoksinfo > summary:focus-visible{
	outline:2px solid currentColor;
	outline-offset:3px;
	border-radius:4px;
}
.lh-besoksinfo-pil{
	margin-left:auto;
	font-size:22px;
	line-height:1;
	transition:transform .16s ease;
}
.lh-besoksinfo[open] .lh-besoksinfo-pil{transform:rotate(90deg)}
.lh-besoksinfo-innehall{padding:0 0 11px}
.lh-besoksinfo-sektion{margin:10px 0 0}
.lh-besoksinfo-sektion:first-child{margin-top:2px}
.lh-besoksinfo-sektion h4{
	margin:0 0 5px;
	font-size:14px;
	line-height:1.3;
}
.lh-besoksinfo-sektion p{
	margin:0;
	font-size:13px;
	line-height:1.5;
}
.lh-besoksinfo-period{margin:7px 0 10px}
.lh-besoksinfo-periodrubrik{
	display:block;
	margin-bottom:4px;
	font-size:12px;
	color:#5b6570;
}
.lh-besoksinfo-vecka{margin:0}
.lh-besoksinfo-vecka > div{
	display:grid;
	grid-template-columns:minmax(82px,.8fr) minmax(0,1.2fr);
	gap:8px;
	padding:2px 0;
	font-size:12.5px;
	line-height:1.4;
}
.lh-besoksinfo-vecka dt{font-weight:600}
.lh-besoksinfo-vecka dd{margin:0}
.lh-besoksinfo-avvikelser{margin-top:8px;font-size:12.5px}
.lh-besoksinfo-avvikelser ul{list-style:none;margin:4px 0 0;padding:0}
.lh-besoksinfo-avvikelser li{
	display:flex;
	justify-content:space-between;
	gap:8px;
	padding:2px 0;
}
.lh-besoksinfo-bekraftad{
	margin-top:8px;
	font-size:11.5px;
	color:#6c7480;
}
.lh-besoksinfo-kontroll{
	margin-top:8px;
	padding:8px 9px;
	border-radius:8px;
	background:#f5f5f2;
	font-size:12px;
	line-height:1.4;
}
.lh-besoksinfo-kontroll span{display:block;margin-top:3px;font-weight:400}
.lh-besoksinfo-lista{
	margin:0;
	padding-left:18px;
	font-size:13px;
	line-height:1.5;
}
.lh-kort .lh-besoksinfo{margin:8px 0}
@media(max-width:700px){
	.lh-besoksinfo > summary{min-height:44px}
	.lh-besoksinfo-vecka > div{grid-template-columns:90px minmax(0,1fr)}
}


/* v0.21.479 – avvikande öppettider: relevant tidsfönster + lugnare mobilrad */
.lh-besoksinfo-avvikelser li{
	align-items:flex-start;
}
.lh-besoksinfo-avvikelse-meta{
	min-width:0;
}
.lh-besoksinfo-avvikelse-tid{
	flex:0 0 auto;
	white-space:nowrap;
}
@media(max-width:700px){
	.lh-besoksinfo-avvikelser li{
		display:block;
		padding:4px 0;
	}
	.lh-besoksinfo-avvikelse-meta{
		display:block;
	}
	.lh-besoksinfo-avvikelse-tid{
		display:block;
		margin-top:2px;
		white-space:normal;
	}
}


/* v0.21.480 – dagens öppettid i den stängda Besöksinfo-raden */
.lh-besoksinfo-titel{
	display:inline-flex;
	align-items:center;
	gap:7px;
	flex:0 0 auto;
}
.lh-besoksinfo-idag{
	min-width:0;
	margin-left:auto;
	padding-left:10px;
	font-size:12.5px;
	font-weight:500;
	color:#6b7380;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.lh-besoksinfo > summary .lh-besoksinfo-pil{
	margin-left:8px;
}
@media(max-width:700px){
	.lh-besoksinfo > summary{
		display:grid;
		grid-template-columns:minmax(0,1fr) auto;
		column-gap:8px;
		row-gap:2px;
		align-items:center;
	}
	.lh-besoksinfo-titel{
		grid-column:1;
		grid-row:1;
	}
	.lh-besoksinfo-idag{
		grid-column:1;
		grid-row:2;
		margin-left:24px;
		padding-left:0;
		font-size:12px;
		line-height:1.3;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.lh-besoksinfo > summary .lh-besoksinfo-pil{
		grid-column:2;
		grid-row:1 / span 2;
		align-self:center;
		margin-left:0;
	}
}


/* v0.21.481 – Besöksinfo + dagens tid på samma kompakta rad */
.lh-besoksinfo > summary{
	display:flex;
	align-items:center;
	gap:0;
}
.lh-besoksinfo-titel{
	flex:0 0 auto;
}
.lh-besoksinfo-idag{
	display:block;
	flex:1 1 auto;
	min-width:0;
	margin-left:6px;
	padding-left:0;
	font-size:12.5px;
	font-weight:500;
	color:#6b7380;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.lh-besoksinfo-separator{
	display:inline;
	margin-right:2px;
}
.lh-besoksinfo > summary .lh-besoksinfo-pil{
	flex:0 0 auto;
	margin-left:8px;
}
@media(max-width:700px){
	.lh-besoksinfo > summary{
		display:flex;
		grid-template-columns:none;
		column-gap:0;
		row-gap:0;
		align-items:center;
	}
	.lh-besoksinfo-titel{
		grid-column:auto;
		grid-row:auto;
		flex:0 0 auto;
	}
	.lh-besoksinfo-idag{
		grid-column:auto;
		grid-row:auto;
		flex:1 1 auto;
		margin-left:6px;
		padding-left:0;
		font-size:12px;
		line-height:1.3;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.lh-besoksinfo > summary .lh-besoksinfo-pil{
		grid-column:auto;
		grid-row:auto;
		align-self:center;
		margin-left:8px;
	}
}


/* v0.21.482 – första Öppet nu-statusen. Ingen markörikon ännu. */
.lh-besoksinfo-idag.is-open{
	font-weight:600;
}
.lh-besoksinfo-status{
	display:inline-flex;
	align-items:center;
	min-height:28px;
	margin:0 0 8px;
	padding:4px 8px;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	line-height:1.25;
	background:#f3f4f2;
}
.lh-besoksinfo-status-open::before,
.lh-besoksinfo-status-closed::before{
	content:"";
	width:7px;
	height:7px;
	border-radius:50%;
	margin-right:6px;
	background:currentColor;
	opacity:.65;
}


/* v0.21.483 – kompakt kontrollnotis i Besöksinfo */
.lh-besoksinfo-kontroll{
	padding:7px 8px;
	font-size:11.5px;
	line-height:1.35;
}
.lh-besoksinfo-kontroll strong{
	display:block;
}
@media(max-width:700px){
	.lh-besoksinfo-kontroll{
		font-size:11px;
		line-height:1.3;
	}
}


/* v0.21.485 – mobil: öppettidsstatus under Besöksinfo */
@media(max-width:700px){
	.lh-besoksinfo > summary{
		display:grid;
		grid-template-columns:minmax(0,1fr) auto;
		column-gap:8px;
		row-gap:2px;
		align-items:center;
	}
	.lh-besoksinfo-titel{
		grid-column:1;
		grid-row:1;
		min-width:0;
	}
	.lh-besoksinfo-idag{
		grid-column:1;
		grid-row:2;
		min-width:0;
		margin-left:24px;
		padding-left:0;
		font-size:11.5px;
		line-height:1.3;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}
	.lh-besoksinfo-idag .lh-besoksinfo-separator{
		display:none;
	}
	.lh-besoksinfo > summary .lh-besoksinfo-pil{
		grid-column:2;
		grid-row:1 / span 2;
		align-self:center;
		margin-left:0;
	}
}


/* v0.21.486 – liten grön klockbadge när platsen säkert är öppen nu */
.lh-plats-kartikon-wrap{
	position:relative;
	width:40px;
	height:40px;
}
.lh-plats-kartikon-wrap-fristaende{
	width:30px;
	height:30px;
}
.lh-open-now-kartbadge{
	position:absolute;
	right:-6px;
	bottom:-4px;
	width:16px;
	height:16px;
	border:2px solid #fff;
	border-radius:50%;
	background:#2f8f58;
	box-sizing:border-box;
	box-shadow:0 1px 3px rgba(0,0,0,.24);
	z-index:4;
	pointer-events:none;
}
.lh-open-now-clock{
	position:absolute;
	inset:2px;
	border:1.4px solid #fff;
	border-radius:50%;
	box-sizing:border-box;
}
.lh-open-now-clock::before,
.lh-open-now-clock::after{
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	width:1.4px;
	border-radius:2px;
	background:#fff;
	transform-origin:50% 100%;
}
.lh-open-now-clock::before{
	height:3.5px;
	transform:translate(-50%,-100%) rotate(0deg);
}
.lh-open-now-clock::after{
	height:3px;
	transform:translate(-50%,-100%) rotate(120deg);
}
.lh-plats-kartikon-wrap-fristaende .lh-open-now-kartbadge{
	right:-7px;
	bottom:-5px;
	width:15px;
	height:15px;
}


/* v0.21.487 – mindre öppettidsstatus i kundkorten under kartan */
.lh-kort .lh-besoksinfo > summary{
	min-height:38px;
}
.lh-kort .lh-besoksinfo-titel{
	font-size:13px;
}
.lh-kort .lh-besoksinfo-idag{
	font-size:11.5px;
	font-weight:500;
	line-height:1.25;
	color:#737b86;
}
.lh-kort .lh-besoksinfo > summary .lh-besoksinfo-pil{
	font-size:20px;
}
@media(max-width:700px){
	.lh-kort .lh-besoksinfo-titel{
		font-size:12.5px;
	}
	.lh-kort .lh-besoksinfo-idag{
		font-size:10.5px;
		line-height:1.25;
	}
}


/* v0.21.488 – Föreslå ändring i Besöksinfo */
.lh-besoksinfo-foresla{margin-top:12px;padding-top:10px;border-top:1px solid rgba(0,0,0,.10)}
.lh-besoksinfo-foresla-toggle{display:inline-flex;align-items:center;min-height:34px;padding:0;border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:700;color:#4f7888;cursor:pointer}
.lh-besoksinfo-foresla-form{margin-top:8px;padding:10px;border-radius:10px;background:#f7f7f5}
.lh-besoksinfo-foresla-form label{display:block;margin:0 0 8px;font-size:12px;font-weight:600}
.lh-besoksinfo-foresla-form label>span{display:block;margin-bottom:4px}
.lh-besoksinfo-foresla-form select,.lh-besoksinfo-foresla-form textarea{width:100%;box-sizing:border-box;border:1px solid #cdd1d4;border-radius:8px;background:#fff;font:inherit;font-size:12px}
.lh-besoksinfo-foresla-form select{min-height:38px;padding:6px 8px}.lh-besoksinfo-foresla-form textarea{padding:8px;resize:vertical}
.lh-besoksinfo-foresla-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lh-besoksinfo-foresla-actions button{min-height:34px;padding:5px 10px;border:0;border-radius:8px;background:#4f8fa7;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.lh-besoksinfo-foresla-actions button:disabled{opacity:.55;cursor:wait}.lh-besoksinfo-foresla-status{font-size:11.5px;line-height:1.35}
.lh-besoksinfo-foresla-form small{display:block;margin-top:7px;font-size:10.5px;line-height:1.35;color:#6f7780}


/* v0.21.489 – Besöksinfo: klickbar kontrollkälla + tydligare Föreslå ändring */
.lh-besoksinfo-kontroll-lank{
	display:block;
	color:inherit;
	text-decoration:underline;
	text-decoration-thickness:1px;
	text-underline-offset:2px;
}
.lh-besoksinfo-kontroll-lank:hover{
	color:#3d7184;
}
.lh-besoksinfo-foresla-toggle{
	text-decoration:none;
}
.lh-besoksinfo-foresla-toggle::after{
	content:" ›";
	margin-left:4px;
}


/* v0.21.493 – ungefärlig besökstid i Din väg/runda */
.lh-din-vag-stoppbox-besokstid{
	margin-top:4px;
	font-size:12px;
	line-height:1.35;
	color:#65707a;
}
.lh-din-vag-besokstid{
	font-size:12px;
	font-weight:600;
	color:#5e6973;
}
@media(max-width:700px){
	.lh-din-vag-stoppbox-besokstid{
		font-size:11.5px;
	}
	.lh-din-vag-besokstid{
		display:block;
		width:100%;
		margin-top:3px;
	}
	.lh-din-vag-besokstid-separator{
		display:none;
	}
}


/* v0.21.501 – öppettidsstatus i Din väg/runda */
.lh-din-vag-stoppbox-oppettid{
	display:flex;
	align-items:center;
	gap:6px;
	margin-top:4px;
	font-size:12px;
	line-height:1.35;
	color:#65707a;
}
.lh-din-vag-stoppbox-oppettid-dot{
	width:7px;
	height:7px;
	border-radius:50%;
	background:#9aa1a7;
	flex:0 0 auto;
}
.lh-din-vag-stoppbox-oppettid.is-open{
	color:#2f7550;
	font-weight:600;
}
.lh-din-vag-stoppbox-oppettid.is-open .lh-din-vag-stoppbox-oppettid-dot{
	background:#2f8f58;
}
.lh-din-vag-stoppbox-oppettid.is-closed .lh-din-vag-stoppbox-oppettid-dot{
	background:#8a8f94;
}
.lh-din-vag-oppettid{
	font-size:12px;
	font-weight:600;
	color:#5e6973;
}
@media(max-width:700px){
	.lh-din-vag-stoppbox-oppettid{
		font-size:11.5px;
	}
	.lh-din-vag-oppettid{
		display:block;
		width:100%;
		margin-top:3px;
	}
	.lh-din-vag-oppettid-separator{
		display:none;
	}
}


/* v0.21.502 – Planera tid i Din väg/runda */
.lh-din-vag-planera-tid{
	margin:10px 0 2px;
	border:1px solid rgba(0,0,0,.10);
	border-radius:10px;
	background:#fff;
}
.lh-din-vag-planera-tid summary{
	padding:9px 11px;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
	list-style:none;
}
.lh-din-vag-planera-tid summary::-webkit-details-marker{display:none}
.lh-din-vag-planera-tid summary::after{
	content:"›";
	float:right;
	font-size:18px;
	line-height:1;
	transform:rotate(90deg);
}
.lh-din-vag-planera-tid[open] summary::after{transform:rotate(-90deg)}
.lh-din-vag-planera-tid-innehall{
	display:grid;
	grid-template-columns:minmax(120px,1fr) minmax(105px,.8fr);
	gap:8px;
	padding:0 10px 10px;
}
.lh-din-vag-planera-tid-innehall label{
	display:flex;
	flex-direction:column;
	gap:4px;
	font-size:11.5px;
	font-weight:600;
}
.lh-din-vag-planera-tid-innehall input{
	min-height:36px;
	padding:5px 7px;
	border:1px solid #d1d5d8;
	border-radius:8px;
	background:#fff;
	font:inherit;
}
.lh-din-vag-planera-tid-knappar{
	grid-column:1 / -1;
	display:flex;
	gap:7px;
	flex-wrap:wrap;
}
.lh-din-vag-planera-tid-knappar button{
	min-height:34px;
	padding:5px 10px;
	border:1px solid #d1d5d8;
	border-radius:8px;
	background:#f7f7f7;
	font:inherit;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
}
.lh-din-vag-planera-tid-innehall p{
	grid-column:1 / -1;
	margin:0;
	font-size:10.5px;
	line-height:1.35;
	color:#6f7780;
}
.lh-din-vag-planerad-status{
	font-size:12px;
	font-weight:600;
	color:#4f7888;
}
@media(max-width:700px){
	.lh-din-vag-planera-tid-innehall{grid-template-columns:1fr}
	.lh-din-vag-planera-tid-knappar,
	.lh-din-vag-planera-tid-innehall p{grid-column:1}
	.lh-din-vag-planerad-status{display:block;width:100%;margin-top:3px}
	.lh-din-vag-planerad-separator{display:none}
}


/* v0.21.503 – namnbyte: befintlig röd fordonsikon behålls för Planera & upptäck */


/* v0.21.504 – tillgänglig tid i Planera & upptäck */
.lh-din-vag-planera-tillganglig-label{
	grid-column:1 / -1;
}
.lh-din-vag-planera-tillganglig{
	min-height:36px;
	padding:5px 7px;
	border:1px solid #d1d5d8;
	border-radius:8px;
	background:#fff;
	font:inherit;
}
.lh-din-vag-plan-tid-status{
	display:block;
	width:100%;
	margin-top:5px;
	padding:7px 9px;
	border-radius:8px;
	font-size:11.5px;
	font-weight:600;
	line-height:1.35;
	background:#f3f4f5;
	color:#5e6973;
}
.lh-din-vag-plan-tid-status.is-fits{
	background:#eef7f1;
	color:#2f7550;
}
.lh-din-vag-plan-tid-status.is-tight{
	background:#fbf6e9;
	color:#7a6529;
}
.lh-din-vag-plan-tid-status.is-over{
	background:#f9eeee;
	color:#8a4545;
}


/* v0.21.505 – planeringsval ligger i Planera & upptäck före rundan */
.lh-rundgenerator-meny{
	min-width:340px;
	max-width:min(92vw,540px);
}
.lh-planera-upptack-installningar{
	padding:12px;
	border-bottom:1px solid rgba(0,0,0,.10);
}
.lh-planera-upptack-rubrik{
	display:flex;
	flex-direction:column;
	gap:3px;
	margin-bottom:10px;
}
.lh-planera-upptack-rubrik strong{font-size:14px}
.lh-planera-upptack-rubrik span{
	font-size:11.5px;
	line-height:1.35;
	color:#6f7780;
}
.lh-planera-upptack-falt{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:8px;
}
.lh-planera-upptack-falt label{
	display:flex;
	flex-direction:column;
	gap:4px;
	font-size:11.5px;
	font-weight:600;
}
.lh-planera-upptack-falt label:last-child{grid-column:1 / -1}
.lh-planera-upptack-falt input,
.lh-planera-upptack-falt select{
	width:100%;
	min-height:36px;
	box-sizing:border-box;
	padding:5px 7px;
	border:1px solid #d1d5d8;
	border-radius:8px;
	background:#fff;
	font:inherit;
}
.lh-planera-upptack-snabbval{
	display:flex;
	gap:7px;
	flex-wrap:wrap;
	margin-top:9px;
}
.lh-planera-upptack-snabbval button{
	min-height:34px;
	padding:5px 10px;
	border:1px solid #d1d5d8;
	border-radius:8px;
	background:#f7f7f7;
	font:inherit;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
}
.lh-planera-upptack-antal-rubrik{
	margin-top:12px;
	font-size:12px;
	font-weight:700;
}
.lh-planera-upptack-antal{
	display:grid;
	grid-template-columns:repeat(5,minmax(0,1fr));
	gap:6px;
	padding:10px 12px 12px;
}
.lh-planera-upptack-antal button{min-width:0}
@media(max-width:700px){
	.lh-rundgenerator-meny{
		min-width:min(88vw,340px);
		max-width:88vw;
	}
	.lh-planera-upptack-falt{grid-template-columns:1fr}
	.lh-planera-upptack-falt label:last-child{grid-column:1}
	.lh-planera-upptack-antal{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* v0.21.507 – Planera & upptäck som eget kort */
.lh-rundgenerator-meny.lh-planera-upptack-panel{
	position:absolute;
	top:calc(100% + 8px);
	right:0;
	left:auto;
	width:min(430px,calc(100vw - 32px));
	max-width:none;
	padding:0;
	overflow:hidden;
	border:1px solid #ddd;
	border-radius:16px;
	background:#fff;
	box-shadow:0 12px 34px rgba(0,0,0,.16);
	z-index:120;
}
.lh-planera-upptack-panel-topp{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:12px;
	padding:14px 14px 10px;
	border-bottom:1px solid #ececec;
}
.lh-planera-upptack-panel-topp > div{display:grid;gap:2px}
.lh-planera-upptack-panel-topp strong{font-size:18px;line-height:1.2}
.lh-planera-upptack-panel-topp span{color:#666;font-size:12px;line-height:1.35}
.lh-rundgenerator-meny .lh-planera-upptack-stang{
	flex:0 0 auto;
	width:34px;
	height:34px;
	min-height:34px;
	padding:0;
	border:1px solid #ddd;
	border-radius:50%;
	background:#fff;
	font-size:21px;
	line-height:1;
	text-align:center;
}
.lh-planera-upptack-start{display:grid;gap:9px;padding:12px}
.lh-rundgenerator-meny .lh-planera-upptack-val{
	display:grid;
	grid-template-columns:42px minmax(0,1fr);
	align-items:center;
	gap:11px;
	width:100%;
	min-height:70px;
	padding:11px 12px;
	border:1px solid #ddd;
	border-radius:12px;
	background:#fff;
	text-align:left;
}
.lh-planera-upptack-val:hover{background:#f7f7f7}
.lh-planera-upptack-val > span:first-child{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:50%;
	background:#f2f2f2;
	font-size:19px;
}
.lh-planera-upptack-val strong{display:block;margin-bottom:3px;font-size:15px;line-height:1.2}
.lh-planera-upptack-val small{display:block;color:#666;font-size:11.5px;line-height:1.35;font-weight:400}
.lh-planera-upptack-del{padding:10px 12px 14px}
.lh-planera-upptack-del[hidden],
.lh-planera-upptack-start[hidden]{display:none!important}
.lh-rundgenerator-meny .lh-planera-upptack-tillbaka{
	width:auto;
	min-height:0;
	padding:4px 0 8px;
	border:0;
	background:transparent;
	font-size:12px;
	font-weight:600;
}
.lh-planera-upptack-delrubrik{display:grid;gap:3px;margin-bottom:10px}
.lh-planera-upptack-delrubrik strong{font-size:17px}
.lh-planera-upptack-delrubrik span{color:#666;font-size:12px;line-height:1.35}
.lh-planera-upptack-runda-antal,
.lh-planera-upptack-tid-antal{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
}
.lh-rundgenerator-meny .lh-planera-upptack-runda-antal button,
.lh-rundgenerator-meny .lh-planera-upptack-tid-antal button{
	min-height:42px;
	padding:9px 10px;
	border:1px solid #ddd;
	border-radius:10px;
	background:#fff;
	text-align:center;
	font-size:13px;
}
.lh-rundgenerator-meny .lh-planera-upptack-runda-antal button:hover,
.lh-rundgenerator-meny .lh-planera-upptack-tid-antal button:hover{background:#f4f4f4}
.lh-planera-upptack-falt{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lh-planera-upptack-falt label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600}
.lh-planera-upptack-falt label:last-child{grid-column:1 / -1}
.lh-planera-upptack-falt input,
.lh-planera-upptack-falt select{
	width:100%;
	min-height:38px;
	box-sizing:border-box;
	padding:6px 8px;
	border:1px solid #d1d5d8;
	border-radius:9px;
	background:#fff;
	font:inherit;
}
.lh-planera-upptack-snabbval{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap}
.lh-rundgenerator-meny .lh-planera-upptack-snabbval button{
	width:auto;
	min-height:34px;
	padding:6px 10px;
	border:1px solid #ddd;
	border-radius:9px;
	background:#f7f7f7;
	font-size:12px;
}
.lh-planera-upptack-antal-rubrik{margin:12px 0 8px;font-size:12px;font-weight:700}
.lh-planera-upptack-hjalp{margin:10px 0 0;color:#666;font-size:10.5px;line-height:1.4}
@media(max-width:767px){
	.lh-rundgenerator-meny.lh-planera-upptack-panel{
		position:fixed;
		left:12px;
		right:12px;
		bottom:14px;
		top:auto;
		width:auto;
		max-height:min(78vh,620px);
		overflow-y:auto;
		border-radius:16px;
		z-index:9995;
	}
	.lh-planera-upptack-falt{grid-template-columns:1fr}
	.lh-planera-upptack-falt label:last-child{grid-column:1}
}


/* =========================================================
   v0.21.508 – mobilfix för Planera & upptäck
   Panelen får egen scroll och lämnar plats för sidhuvud + Delafält.
   ========================================================= */
@media(max-width:767px){
	.lh-rundgenerator-meny.lh-planera-upptack-panel{
		position:fixed!important;
		left:10px!important;
		right:10px!important;
		top:106px!important;
		bottom:66px!important;
		width:auto!important;
		height:auto!important;
		max-height:none!important;
		margin:0!important;
		overflow-y:auto!important;
		overflow-x:hidden!important;
		overscroll-behavior:contain;
		-webkit-overflow-scrolling:touch;
		border-radius:15px!important;
		z-index:10050!important;
	}

	.lh-planera-upptack-panel-topp{
		position:sticky;
		top:0;
		z-index:3;
		padding:11px 12px 9px;
		background:#fff;
	}

	.lh-planera-upptack-panel-topp strong{
		font-size:17px;
	}
	.lh-planera-upptack-panel-topp span{
		font-size:11px;
	}

	.lh-planera-upptack-start{
		padding:10px;
		gap:8px;
	}

	.lh-rundgenerator-meny .lh-planera-upptack-val{
		min-height:62px!important;
		padding:9px 10px!important;
		grid-template-columns:36px minmax(0,1fr)!important;
		gap:9px!important;
	}

	.lh-planera-upptack-val > span:first-child{
		width:34px!important;
		height:34px!important;
		font-size:16px!important;
	}

	.lh-planera-upptack-val strong{
		font-size:14px!important;
	}
	.lh-planera-upptack-val small{
		font-size:10.5px!important;
		line-height:1.3!important;
	}

	.lh-planera-upptack-del{
		padding:8px 10px 12px!important;
	}
	.lh-planera-upptack-delrubrik{
		margin-bottom:8px!important;
	}
	.lh-planera-upptack-delrubrik strong{
		font-size:15px!important;
	}
	.lh-planera-upptack-delrubrik span{
		font-size:10.5px!important;
	}

	.lh-planera-upptack-falt{
		display:grid!important;
		grid-template-columns:1fr 1fr!important;
		gap:7px!important;
	}
	.lh-planera-upptack-falt label{
		gap:3px!important;
		font-size:11px!important;
	}
	.lh-planera-upptack-falt label:last-child{
		grid-column:1 / -1!important;
	}

	/* Hindra globala formulärstilar från att göra dessa fält jättestora i mobilen. */
	.lh-planera-upptack-falt input[type="date"],
	.lh-planera-upptack-falt input[type="time"],
	.lh-planera-upptack-falt select{
		width:100%!important;
		height:42px!important;
		min-height:42px!important;
		max-height:42px!important;
		padding:6px 9px!important;
		margin:0!important;
		border-radius:9px!important;
		font-size:16px!important;
		line-height:1.2!important;
		box-sizing:border-box!important;
	}

	.lh-planera-upptack-snabbval{
		margin-top:7px!important;
		gap:6px!important;
	}
	.lh-rundgenerator-meny .lh-planera-upptack-snabbval button{
		min-height:34px!important;
		height:34px!important;
		padding:5px 9px!important;
		font-size:11.5px!important;
	}

	.lh-planera-upptack-antal-rubrik{
		margin:10px 0 6px!important;
		font-size:11.5px!important;
	}

	.lh-planera-upptack-runda-antal,
	.lh-planera-upptack-tid-antal{
		grid-template-columns:repeat(2,minmax(0,1fr))!important;
		gap:7px!important;
	}

	.lh-rundgenerator-meny .lh-planera-upptack-runda-antal button,
	.lh-rundgenerator-meny .lh-planera-upptack-tid-antal button{
		min-height:44px!important;
		height:44px!important;
		padding:6px 8px!important;
		font-size:12px!important;
		border-radius:9px!important;
	}

	.lh-planera-upptack-hjalp{
		margin:8px 0 2px!important;
		padding-bottom:4px;
		font-size:10px!important;
		line-height:1.35!important;
	}

	.lh-rundgenerator-meny .lh-planera-upptack-tillbaka{
		padding:3px 0 6px!important;
		font-size:11.5px!important;
	}
}

/* Lite lägre telefoner: ge ännu mer plats åt innehållet. */
@media(max-width:767px) and (max-height:700px){
	.lh-rundgenerator-meny.lh-planera-upptack-panel{
		top:92px!important;
		bottom:60px!important;
	}
}


/* =========================================================
   v0.21.509 – Planera efter tid: automatiskt antal + färdsätt
   ========================================================= */
.lh-planera-upptack-fardsatt{
	display:flex;
	gap:7px;
	flex-wrap:wrap;
	margin-top:10px;
	padding:4px;
	border:1px solid #e0e0e0;
	border-radius:11px;
	background:#fafafa;
}
.lh-rundgenerator-meny .lh-planera-upptack-fardsatt-knapp{
	flex:1 1 90px;
	min-height:38px;
	padding:7px 10px;
	border:0;
	border-radius:8px;
	background:transparent;
	font-size:12.5px;
	font-weight:600;
}
.lh-rundgenerator-meny .lh-planera-upptack-fardsatt-knapp.aktiv{
	background:#fff;
	box-shadow:0 1px 4px rgba(0,0,0,.10);
}
.lh-planera-upptack-max-label{
	display:flex;
	flex-direction:column;
	gap:5px;
	margin-top:10px;
	font-size:11.5px;
	font-weight:600;
}
.lh-planera-upptack-max-label span{
	font-weight:400;
	color:#777;
}
.lh-planera-upptack-max{
	width:100%;
	min-height:38px;
	padding:6px 8px;
	border:1px solid #d1d5d8;
	border-radius:9px;
	background:#fff;
	font:inherit;
}
.lh-rundgenerator-meny .lh-planera-upptack-foresla{
	width:100%;
	min-height:44px;
	margin-top:11px;
	padding:9px 12px;
	border:1px solid #6f7b43;
	border-radius:10px;
	background:#6f7b43;
	color:#fff;
	font-size:13.5px;
	font-weight:700;
}
.lh-rundgenerator-meny .lh-planera-upptack-foresla:disabled{
	opacity:.55;
	cursor:wait;
}
.lh-planera-upptack-berakning{
	min-height:0;
	margin-top:8px;
	font-size:11.5px;
	line-height:1.4;
	color:#4f5d66;
}
@media(max-width:767px){
	.lh-planera-upptack-fardsatt{
		gap:4px;
	}
	.lh-rundgenerator-meny .lh-planera-upptack-fardsatt-knapp{
		min-height:36px!important;
		padding:6px 7px!important;
		font-size:11.5px!important;
	}
	.lh-planera-upptack-max{
		height:42px!important;
		min-height:42px!important;
		font-size:16px!important;
	}
	.lh-rundgenerator-meny .lh-planera-upptack-foresla{
		min-height:42px!important;
		height:auto!important;
		font-size:12.5px!important;
	}
}


/* v0.21.510 – längre tidsramar i Planera efter tid */
.lh-planera-upptack-tillganglig{
	text-overflow:ellipsis;
}
@media(max-width:767px){
	.lh-planera-upptack-tillganglig{
		padding-right:32px!important;
	}
}


/* v0.21.511 – realistisk tidsbudget för flera dagar */
.lh-planera-upptack-per-dag-label{
	grid-column:1 / -1;
}
.lh-planera-upptack-per-dag-label[hidden]{
	display:none!important;
}
.lh-planera-upptack-per-dag-label small{
	display:block;
	margin-top:2px;
	font-size:10.5px;
	line-height:1.35;
	font-weight:400;
	color:#6f7780;
}
.lh-planera-upptack-per-dag{
	width:100%;
	min-height:38px;
	padding:6px 8px;
	border:1px solid #d1d5d8;
	border-radius:9px;
	background:#fff;
	font:inherit;
}
@media(max-width:767px){
	.lh-planera-upptack-per-dag{
		height:42px!important;
		min-height:42px!important;
		font-size:16px!important;
	}
}


/* v0.21.512 – tydligt planeringsunderlag */
.lh-planera-upptack-berakning.is-info{
	margin-top:9px;
	padding:8px 9px;
	border:1px solid #e1e5e7;
	border-radius:9px;
	background:#f7f9fa;
	color:#56616a;
}


/* v0.21.513 – flexibla stopp utan angiven besökstid */
.lh-flexibelt-stopp-info{
	font-size:11px;
	line-height:1.35;
	color:#6f7780;
}


/* v0.21.514 – tydligare planeringsresultat i Din rutt */
.lh-din-vag-planperiod{
	display:inline-flex;
	align-items:center;
	gap:4px;
	font-weight:600;
}
.lh-din-vag-plan-tid-status.is-unknown{
	display:block;
	margin-top:3px;
	color:#6d6254;
}
.lh-din-vag-stoppbox-besokstid.lh-flexibelt-stopp-info{
	color:#6f7780;
	font-weight:500;
}


/* =========================================================
   v0.21.515 – Dag 1 / Dag 2 / Dag 3 i Din rutt
   ========================================================= */
.lh-din-vag-daghuvud{
	margin:18px 0 8px;
	padding:10px 12px;
	border:1px solid #dde2e5;
	border-radius:11px;
	background:#f7f9fa;
}
.lh-din-vag-daghuvud:first-child{
	margin-top:8px;
}
.lh-din-vag-daghuvud-rad{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
}
.lh-din-vag-daghuvud-rad strong{
	font-size:15px;
	line-height:1.2;
}
.lh-din-vag-daghuvud-rad span{
	font-size:11.5px;
	color:#5f6870;
}
.lh-din-vag-daghuvud-meta{
	margin-top:3px;
	font-size:10.5px;
	line-height:1.35;
	color:#68727a;
}
.lh-din-vag-dagfordelning{
	display:inline-flex;
	align-items:center;
	gap:4px;
	font-weight:600;
}
.lh-din-vag-flerdagars-notis{
	margin:12px 0 8px;
	padding:8px 10px;
	border-left:3px solid #c5ccd1;
	background:#fafbfb;
	font-size:10.5px;
	line-height:1.4;
	color:#68727a;
}
@media(max-width:767px){
	.lh-din-vag-daghuvud{
		margin:14px 0 7px;
		padding:9px 10px;
	}
	.lh-din-vag-daghuvud-rad strong{
		font-size:14px;
	}
	.lh-din-vag-daghuvud-rad span{
		font-size:10.5px;
	}
}


/* v0.21.516 – lediga planeringsdagar */
.lh-din-vag-ledig-dag{
	margin:10px 0 6px;
	padding:9px 11px;
	border:1px solid #e2e6e8;
	border-radius:10px;
	background:#fbfcfc;
	font-size:11.5px;
	line-height:1.4;
	color:#5f6971;
}
.lh-din-vag-ledig-dag-status{
	display:block;
	margin-top:4px;
	font-size:11px;
	line-height:1.35;
	color:#5f6971;
}


/* v0.21.517 – 30 min planeringsreserv för stopp utan besökstid */
.lh-din-vag-stoppbox-besokstid.lh-flexibelt-stopp-info{
	color:#6a6258;
	font-style:italic;
}

/* =========================================================
   v0.21.529 – tydlig start/slut och verklig dagsrutt
   ========================================================= */
.lh-din-vag-daghuvud-start{
	margin-top:4px;
	font-size:10.5px;
	line-height:1.35;
	color:#5f6870;
	font-weight:600;
}
.lh-din-vag-dagslut{
	margin:8px 0 16px;
	padding:9px 11px;
	border-left:3px solid #c5ccd1;
	background:#fafbfb;
	font-size:10.5px;
	line-height:1.4;
	color:#5f6870;
}
.lh-din-vag-dagslut strong,
.lh-din-vag-dagslut span{
	display:block;
}
.lh-din-vag-dagslut span{
	margin-top:2px;
	font-weight:400;
}


/* v0.21.539 – mycket liten parkeringsmarkering, utan påverkan på ruttmotor. */
.lh-bil-ankomst-divikon{background:transparent!important;border:0!important;}
.lh-bil-ankomst-mini{width:12px;height:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid #78804d;color:#59612f;font-size:8px;font-weight:700;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.22);}

/* v0.21.568 – tydlig delning direkt från Din runda */
.lh-din-vag-dela-runda{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:38px;margin:8px 0 12px;padding:8px 14px;border:1px solid #d8d8d8;
  border-radius:999px;background:#fff;color:inherit;font:inherit;font-weight:600;cursor:pointer;
}
.lh-din-vag-dela-runda:hover{background:#f7f7f7;}
.lh-din-vag-dela-runda:focus-visible{outline:2px solid currentColor;outline-offset:2px;}

/* v0.21.569 – Hitta öppet */
.lh-hitta-oppet-falt label:last-child{grid-column:auto}
.lh-hitta-oppet-lage-label{
	display:flex;
	flex-direction:column;
	gap:4px;
	margin-top:9px;
	font-size:11.5px;
	font-weight:600;
}
.lh-hitta-oppet-lage{
	width:100%;
	min-height:38px;
	padding:6px 8px;
	border:1px solid #d1d5d8;
	border-radius:9px;
	background:#fff;
	font:inherit;
}
.lh-hitta-oppet-osakra{
	display:flex;
	align-items:center;
	gap:8px;
	margin-top:10px;
	font-size:11.5px;
	line-height:1.35;
}
.lh-hitta-oppet-osakra input{width:18px;height:18px;margin:0;flex:0 0 auto}
.lh-rundgenerator-meny .lh-hitta-oppet-visa{
	width:100%;
	min-height:44px;
	margin-top:11px;
	padding:9px 12px;
	border:1px solid #6f7b43;
	border-radius:10px;
	background:#6f7b43;
	color:#fff;
	font-size:13.5px;
	font-weight:700;
}
.lh-hitta-oppet-status{
	min-height:0;
	margin-top:8px;
	font-size:11.5px;
	line-height:1.4;
	color:#4f5d66;
}
@media(max-width:767px){
	.lh-hitta-oppet-falt{grid-template-columns:1fr 1fr}
	.lh-hitta-oppet-falt input,.lh-hitta-oppet-lage{font-size:16px!important;min-height:42px!important}
	.lh-rundgenerator-meny .lh-hitta-oppet-visa{min-height:42px!important;font-size:12.5px!important}
}


/* v0.21.571 – Hitta öppet: stabil mobil-layout */
@media(max-width:767px){
	.lh-planera-upptack-vy-oppet .lh-hitta-oppet-falt{
		display:grid!important;
		grid-template-columns:1fr!important;
		gap:10px!important;
	}
	.lh-planera-upptack-vy-oppet .lh-hitta-oppet-falt label{
		display:flex!important;
		flex-direction:column!important;
		gap:4px!important;
		grid-column:1!important;
	}
	.lh-planera-upptack-vy-oppet .lh-hitta-oppet-falt label:last-child{
		grid-column:1!important;
	}
	.lh-planera-upptack-vy-oppet .lh-hitta-oppet-falt input[type="date"],
	.lh-planera-upptack-vy-oppet .lh-hitta-oppet-falt input[type="time"]{
		width:100%!important;
		display:block!important;
	}
	.lh-planera-upptack-vy-oppet .lh-planera-upptack-snabbval{
		flex-wrap:wrap!important;
	}
}


/* v0.21.627 – Dela/Skriv ut använder samma kompakta knappstil. */
.lh-din-vag-dela-runda,
.lh-din-vag-skriv-ut{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:34px;
  margin:7px 6px 10px 0;
  padding:6px 11px;
  border:1px solid #d8d8d8;
  border-radius:999px;
  background:#fff;
  color:inherit;
  font-family:inherit;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  cursor:pointer;
  white-space:nowrap;
}
.lh-din-vag-dela-runda:hover,
.lh-din-vag-skriv-ut:hover{background:#f7f7f7;}
.lh-din-vag-dela-runda:focus-visible,
.lh-din-vag-skriv-ut:focus-visible{outline:2px solid currentColor;outline-offset:2px;}
@media (max-width:767px){
  .lh-din-vag-dela-runda,
  .lh-din-vag-skriv-ut{
    width:auto;
    min-height:31px;
    margin:6px 4px 8px 0;
    padding:5px 9px;
    font-size:12px;
    gap:4px;
  }
}




/* =========================================================
   v0.21.640 – Mina upptäckter är en grundkontroll i
   företagskarta/minimal Kartvy och får därför sin placering i
   karta.css, inte i skattjakter.css.
   Höjden på själva kartan påverkar inte toppavståndet.
   ========================================================= */
.lh-foretagskarta-public #lokalhelhet-karta .lh-company-discoveries-top,
.lh-kartvy-minimal #lokalhelhet-karta .lh-compact-discoveries-top{
	position:absolute!important;
	top:12px!important;
	left:50%!important;
	right:auto!important;
	bottom:auto!important;
	transform:translateX(-50%)!important;
	z-index:1650!important;
	box-sizing:border-box;
	min-height:42px;
	padding:9px 16px;
	margin:0!important;
	box-shadow:0 2px 10px rgba(0,0,0,.12);
}
.lh-foretagskarta-public #lokalhelhet-karta .lh-company-discoveries-top[hidden],
.lh-kartvy-minimal #lokalhelhet-karta .lh-compact-discoveries-top[hidden]{
	display:none!important;
}
@media(max-width:767px){
	.lh-foretagskarta-public #lokalhelhet-karta .lh-company-discoveries-top,
	.lh-kartvy-minimal #lokalhelhet-karta .lh-compact-discoveries-top{
		top:12px!important;
		max-width:calc(100% - 120px);
		min-height:40px;
		padding:8px 13px;
	}
}


/* v0.21.661 – Företagskarta: standardstyrda HEX-färger inkl. hover-text. */
.lh-foretagskarta-public .lh-popup-title,
.lh-foretagskarta-public .lh-popup-title a,
.lh-foretagskarta-public .lh-kort-rubrik,
.lh-foretagskarta-public .lh-kort-rubrikknapp{
  color:var(--lh-company-title-color,#2562a8)!important;
}
.lh-foretagskarta-public .lh-popup-stort-innehall a:not(.lh-popup-link):not(.lh-statusknapp),
.lh-foretagskarta-public .lh-kort-innehall a:not(.lh-popup-link){
  color:var(--lh-company-link-color,#2562a8)!important;
}
.lh-foretagskarta-public .lh-sidepanel-actions .lh-popup-link,
.lh-foretagskarta-public .lh-sidepanel-actions button:not(.lh-statusknapp),
.lh-foretagskarta-public .lh-kort-knappar a,
.lh-foretagskarta-public .lh-kort-knappar button{
  background:var(--lh-company-button-bg,#f1f1f1)!important;
  color:var(--lh-company-button-text,#222222)!important;
}
.lh-foretagskarta-public .lh-sidepanel-actions .lh-popup-link:hover,
.lh-foretagskarta-public .lh-sidepanel-actions button:not(.lh-statusknapp):hover,
.lh-foretagskarta-public .lh-kort-knappar a:hover,
.lh-foretagskarta-public .lh-kort-knappar button:hover{
  background:var(--lh-company-button-hover-bg,#e8e8e8)!important;
  color:var(--lh-company-button-hover-text,var(--lh-company-button-text,#222222))!important;
}
.lh-foretagskarta-public .lh-kartvy-fullkarta{
  background:var(--lh-company-fullmap-bg,var(--lh-kartvy-fullkarta-bg,#198ca2))!important;
  color:var(--lh-company-fullmap-text,var(--lh-kartvy-fullkarta-text,#ffffff))!important;
}


/* =========================================================
   v0.21.672 – Företagskarta mobil
   Mina upptäckter flyttas ytterligare vänster så Alla platser
   får fri klickyta när rutt är aktiv. Endast placering.
   ========================================================= */
@media(max-width:767px){
  .lh-foretagskarta-public #lokalhelhet-karta .lh-company-discoveries-top{
    left:20px!important;
    right:auto!important;
    transform:none!important;
  }
}


/* =========================================================
   v0.21.673 – Företagskarta mobil
   Mina upptäckter ligger längst ner, centrerad ovanför
   Leaflet/OpenStreetMap-attributionen. Endast placering.
   ========================================================= */
@media(max-width:767px){
  .lh-foretagskarta-public #lokalhelhet-karta .lh-company-discoveries-top{
    top:auto!important;
    bottom:42px!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    max-width:calc(100% - 130px);
    margin:0!important;
  }
}


/* =========================================================
   v0.21.679 – säker visuell sparstatus
   Bygger direkt på v0.21.677. Ingen JavaScript-/kortlogik ändrad.
   Aktiv status använder företagskartans rubrikfärg där den finns,
   annars kartans länk/accentfärg.
   ========================================================= */
.lokalhelhet-karta-wrap .lh-statusknapp.aktiv,
.lokalhelhet-karta-wrap .lh-vill-knapp.aktiv,
.lokalhelhet-karta-wrap .lh-besokt-knapp.aktiv,
.lokalhelhet-karta-wrap .lh-min-karta-knapp.aktiv{
  background:#fff!important;
  color:var(--lh-company-title-color,var(--lh-admin-link,#2562a8))!important;
  border-color:var(--lh-company-title-color,var(--lh-admin-link,#2562a8))!important;
  font-weight:700!important;
}


/* v0.21.721 – OSM-källhänvisning i normal dokumentordning.
   Kompletterar Leaflets egen attribution så den aldrig kan döljas av kartans overlays. */
.lh-osm-attribution{
  margin:6px 2px 0;
  font-size:11px;
  line-height:1.35;
  color:#5b5b5b;
  text-align:right;
}
.lh-osm-attribution a{
  color:inherit!important;
  text-decoration:underline;
  text-underline-offset:2px;
}


/* v0.21.725 – stoppnummer som liten badge vid platsikonen.
   Samma känsla som öppet-nu-badgen, men på vänster sida av ikonen. */
.lh-rutt-stopp-divikon {
	background: transparent !important;
	border: 0 !important;
}
.lh-rutt-stopp-nummer {
	display:flex;
	align-items:center;
	justify-content:center;
	width:16px;
	height:16px;
	box-sizing:border-box;
	border:2px solid #fff;
	border-radius:50%;
	background:#287ca3;
	color:#fff;
	font:700 9.5px/1 Arial,sans-serif;
	box-shadow:0 1px 3px rgba(0,0,0,.24);
	pointer-events:none;
}