.leaflet-control-layer-toggles svg {
	width: 18px;
	height: 18px;
	display: block;
	pointer-events: none;
	transition: opacity 0.15s;
}

.leaflet-control-layer-toggles a {
	cursor: pointer;
	transition:
		color 0.15s,
		background-color 0.15s;
}

/* Toggle buttons: dimmed inactive, cyan active */
.leaflet-control-layer-toggles .layer-toggle svg {
	opacity: 0.4;
}

.leaflet-control-layer-toggles .layer-toggle:hover svg {
	opacity: 0.7;
}

.leaflet-control-layer-toggles .layer-toggle.layer-active svg {
	opacity: 1;
	color: #00d4ff;
}

.leaflet-control-layer-toggles .layer-toggle.layer-active {
	background-color: #1a2a30;
}

/* Slide animation for toggle buttons */
.leaflet-control-layer-toggles .layer-toggle {
	max-height: 38px;
	overflow: hidden;
	transition:
		max-height 0.25s ease,
		opacity 0.25s ease,
		border-bottom-width 0.25s ease,
		color 0.15s,
		background-color 0.15s;
}

.leaflet-control-layer-toggles.collapsed .layer-toggle {
	max-height: 0;
	opacity: 0;
	border-bottom-width: 0;
}

/* Layers icon: full white, always visible */
.leaflet-control-layer-toggles .layer-toggles-btn svg {
	opacity: 1;
}