.af-plaasaanvalle-wrapper{position:relative;margin:1rem 0;}
.af-plaasaanvalle-total{font-weight:600;margin-bottom:.5rem;}
.af-plaasaanvalle-map{width:100%;background:#f2f2f2;border:1px solid #ddd;border-radius:4px;overflow:hidden;position:relative;}
.af-plaasaanvalle-total-badge{position:absolute;width:auto;top:6px;left:6px;background:#fff;color:#000;font-size:1rem;font-weight:600;padding:6px 10px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,0.25);z-index:1000;pointer-events:none;line-height:1;}
.af-plaasaanvalle-no-data{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,0.85);padding:.75rem 1rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;color:#444;pointer-events:none;}
.af-plaasaanvalle-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,0,0,0.85);padding:.75rem 1rem;border:1px solid #900;border-radius:4px;font-size:.9rem;color:#fff;pointer-events:none;}
.af-plaasaanvalle-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,0.9);padding:.6rem .9rem;border:1px solid #ccc;border-radius:4px;font-size:.85rem;color:#333;}
.af-plaasaanvalle-spinner{width:16px;height:16px;border:2px solid #999;border-top-color:#333;border-radius:50%;animation:af-spin 0.9s linear infinite;display:inline-block;}
@keyframes af-spin{to{transform:rotate(360deg);}}

/* Location notice at bottom of map */
.af-map-location-notice{
	position:absolute;
	bottom:35px;
	left:50%;
	transform:translateX(-50%);
	background:rgba(255, 255, 255, 0.7);
	border:2px solid var(--af-point-color, #11b4da);
	/* border-left:4px solid var(--af-point-color, #11b4da); */
	border-radius:6px;
	padding:8px 16px;
	font-size:12px;
	color:#333;
	z-index:500;
	pointer-events:none;
	max-width:90%;
	text-align:center;
    box-shadow:0 4px 12px rgba(0,0,0,0.2), 0 2px 4px rgba(0,0,0,0.2)
}
.af-notice-heading{
	font-weight:800;
	font-size:14px;
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:1px solid var(--af-point-color, #11b4da);
}
.af-notice-text{
	font-weight:400;
	font-size:12px;
}

/* Tooltip styles */
.af-incident-tooltip{max-width:300px;font-size:13px;line-height:1.4;z-index:1100;}
.af-incident-tooltip .tooltip-heading{font-size:14px;font-weight:700;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #333;color:#333;text-transform:capitalize;letter-spacing:0.5px;}
.af-incident-tooltip .tooltip-address{margin-bottom:5px;font-size:14px;}
.af-incident-tooltip .tooltip-time{display:none;}
.af-incident-tooltip .tooltip-description{margin:8px 0;padding:8px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.af-incident-tooltip .tooltip-media{margin-top:8px;font-size:12px;}
.af-incident-tooltip .tooltip-media a{color:#0073aa;text-decoration:none;}
.af-incident-tooltip .tooltip-media a:hover{text-decoration:underline;}

/* Mapbox popup overrides */
.mapboxgl-popup{z-index:1100 !important;}
.mapboxgl-popup-content{padding:12px;background-color:white;border:2px solid var(--af-point-color, #11b4da) !important;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.3) !important;min-width:250px !important;}
.af-incident-popup .mapboxgl-popup-content{min-width:250px;}
.af-incident-popup-click .mapboxgl-popup-content{min-width:250px;}
.mapboxgl-popup-tip{border-top-color:var(--af-point-color, #11b4da) !important;}

/* Close button styling */
.mapboxgl-popup-close-button{
	background:none !important;
	border:none !important;
	color:var(--af-point-color, #11b4da) !important;
	font-size:24px !important;
	font-weight:bold !important;
	padding:0 !important;
	width:24px !important;
	height:24px !important;
	line-height:20px !important;
	cursor:pointer !important;
	top:8px !important;
	right:8px !important;
}
.mapboxgl-popup-close-button:hover{
	opacity:0.7 !important;
}