/**
 * [Senior Standard] Visitor Map Style v1.1
 */

.visitor-map-container {
    max-width: 1000px;
    margin: 0 auto;
}

#mapCanvas {
    width: 100%;
    height: 500px;
    border-radius: 16px;
    background: #e2e8f0;
    z-index: 1; /* Ensure map is below modals/navbars */
    position: relative;
}

.map-info {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
    color: #64748b;
    background: #f8fafc;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
}
.map-info span { font-weight: 600; color: #334155; }

@media (max-width: 768px) {
    #mapCanvas { height: 350px; }
    .map-info { flex-direction: column; gap: 5px; text-align: center; }
}