/* Custom styles for Mapbox globe */

/* Ship marker styles */
.ship-marker {
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));
}

/* Custom popup styles */
.mapboxgl-popup-content {
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.mapboxgl-popup-close-button {
    font-size: 18px;
    padding: 4px 8px;
    color: #6b7280;
}

.mapboxgl-popup-close-button:hover {
    color: #1f2937;
    background-color: #f3f4f6;
    border-radius: 4px;
}

/* Navigation controls styling */
.mapboxgl-ctrl-group {
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* Attribution control - hide or make minimal */
.mapboxgl-ctrl-attrib {
    font-size: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(4px);
}

/* Loading spinner for map */
.mapbox-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}