.bb-mapbox-map-container {
	width: 100%;
	height: 600px;
	position: relative;
}

@media (min-width: 768px) {
	.bb-mapbox-map-container {
		min-height: 500px;
	}
}

.bb-mapbox-map-container .mapboxgl-canvas {
	outline: none;
}

/* Darken Mapbox attribution text for better readability */
.bb-mapbox-map-container .mapboxgl-ctrl-attrib,
.bb-mapbox-map-container .mapboxgl-ctrl-attrib-inner,
.bb-mapbox-map-container .mapboxgl-ctrl-attrib a {
	color: #000000 !important;
}

/* Ensure 2D/3D toggle button is always readable */
.bb-mapbox-map-container .bb-mapbox-terrain-toggle,
.bb-mapbox-map-container .bb-mapbox-terrain-toggle:hover,
.bb-mapbox-map-container .bb-mapbox-terrain-toggle:focus,
.bb-mapbox-map-container .bb-mapbox-terrain-toggle:active {
	background-color: #ffffff !important;
	color: #000000 !important;
}

/* Ensure style toggle button is always readable */
.bb-mapbox-map-container .bb-mapbox-style-toggle,
.bb-mapbox-map-container .bb-mapbox-style-toggle:hover,
.bb-mapbox-map-container .bb-mapbox-style-toggle:focus,
.bb-mapbox-map-container .bb-mapbox-style-toggle:active {
	background-color: #ffffff !important;
	color: #000000 !important;
}