/* Use FontAwesome 6 icons instead of missing image files */
.fullscreen-icon {
	background-image: none !important;
	background-size: 26px 52px;
}

.fullscreen-icon::before {
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: "\f065"; /* fa-expand icon */
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.fullscreen-icon.leaflet-fullscreen-on::before {
	content: "\f066"; /* fa-compress icon */
}

.leaflet-touch .fullscreen-icon {
	background-position: 2px 2px;
}

.leaflet-touch .fullscreen-icon.leaflet-fullscreen-on {
	background-position: 2px -24px;
}

/* Safari still needs this vendor-prefix: https://caniuse.com/mdn-css_selectors_fullscreen */
/* stylelint-disable-next-line selector-no-vendor-prefix */
.leaflet-container:-webkit-full-screen {
	width: 100% !important;
	height: 100% !important;
	z-index: 99999;
}

.leaflet-container:fullscreen {
	width: 100% !important;
	height: 100% !important;
	z-index: 99999;
}

.leaflet-pseudo-fullscreen {
	position: fixed !important;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 99999;
}