/* Base Font */
body {
	font-family: "Poppins", sans-serif;
}

/* Banner Overlay Gradient */
.banner-overlay {
	background: linear-gradient(
		to right,
		rgba(255, 255, 255, 0.95) 0%,
		rgba(255, 255, 255, 0.5) 100%
	);
}

/* Smooth Scroll */
html {
	scroll-behavior: smooth;
}

/* Custom Leaflet Locate Button Styling */
.custom-locate-btn {
	background-color: white;
	width: 34px;
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	font-size: 18px;
	transition: background-color 0.2s;
}
.custom-locate-btn:hover {
	background-color: #f3f4f6; /* Tailwind gray-100 */
}

/* Map Popup Styling Overrides (Making it look modern like Tailwind) */
.leaflet-popup-content-wrapper {
	border-radius: 1rem;
	padding: 0;
	overflow: hidden;
	box-shadow:
		0 20px 25px -5px rgba(0, 0, 0, 0.1),
		0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.leaflet-popup-content {
	margin: 0;
	width: 280px !important;
}
.leaflet-container a.leaflet-popup-close-button {
	color: #9ca3af; /* Tailwind gray-400 */
	padding: 8px 8px 0 0;
}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #dc2626; /* Tailwind red-600 */
}