/* ================================================ */
/* MAPS / STYLES                                    */
/* ================================================ */

/* Map container */
#map {
    height: 400px;
    width: 100%;
    border-radius: 8px;
}

/* Mystery placeholder when address is hidden */
.mystery-placeholder {
    height: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background: #f5f5f5;
    border-radius: 8px;
    border: 2px dashed #ccc;
}

.mystery-placeholder h2 {
    margin: 0;
    font-size: 1.2rem;
    text-align: center;
}

.mystery-placeholder p {
    margin: 0;
    text-align: center;
    color: #777;
}

.mystery-placeholder svg {
    width: 120px;
    height: 120px;
}