/* Στυλ για να καταλαμβάνει ο χάρτης όλο το υπόλοιπο ύψος */
body,
html {
    height: 100%;
    margin: 0;
}

#app-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
    /* Καταλαμβάνει όλο το ύψος της οθόνης */
}

#map-row {
    flex-grow: 1;
    /* Ο χάρτης καταλαμβάνει τον υπόλοιπο χώρο */
}

#map {
    height: 100%;
    /* Ο div του χάρτη γεμίζει τη γραμμή */
    width: 100%;
}

/* Κρύβουμε τα labels από την αρχή
.point-label {
    display: none;
}

/* Βελτιώνουμε την εμφάνιση του label */
.leaflet-tooltip.point-label {
    background-color: transparent;
    border: none;
    box-shadow: none;
    font-weight: bold;
    color: #ffffff; /* Σκούρο χρώμα για ευκρίνεια */
    font-size: 14px;
    padding: 2px 0;
} */