html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#map {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

.logo {
	height: 1.5em
}

#navbarDiv{
	height:0px
}

.dropdown-toggle{
	width:100px
}

.accordion-button{
	padding: 0.5rem 1.25rem !important
}

.accordion-body{
	padding: 0.5rem 0rem !important
}

/* --- State 1: Zoom <= 15 (Show Pin + Shadow, Hide Label) --- */
.map-zoom-out .custom-label {
	display: none;
}
.map-zoom-out .leaflet-marker-icon,
.map-zoom-out .leaflet-marker-shadow {
	display: block; /* Show Pin and Shadow */
}

/* --- State 2: Zoom >= 16 (Hide Pin + Shadow, Show Label) --- */
.map-zoom-in .leaflet-marker-icon, 
.map-zoom-in .leaflet-marker-shadow {
	display: none; /* Hide Pin AND Shadow */
}

.map-zoom-in .custom-label {
	display: block;
	
	/* Make the box transparent so it looks like floating text */
	background: transparent;
	border: none;
	box-shadow: none;

	/* Text Styling */
	color: #000; /* Black text */
	font-weight: bold;
	font-size: 12px;
	text-shadow: 2px 2px 0px white, -2px -2px 0px white, 2px -2px 0px white, -2px 2px 0px white; /* Strong white outline */
	
	/* CRITICAL: Center alignment */
	text-align: center;
	white-space: nowrap; /* Prevent text breaking into two lines */
	margin-left: auto;
	margin-right: auto;
}

/* Remove the little "triangle" pointer from the tooltip */
.custom-label::before {
	display: none;
}