#map {
    width: 100%;
    height: 85vh;
}

#mainmap {
    width: 100%;
    height: 85vh;
}

.auth-message-container {
    width: 85vw;
    height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'lato-normal', sans-serif;
    border: 1px solid #ddd;
    background-color: #f8f9fa;
}

.auth-message-container h1 {
    font-family: 'lato-normal', sans-serif;
    text-align: center;
}

/* make it easier, montserrat by default */
body {
    font-family: montserrat;
}

h1 {

    font-family: lato;
}

#detailmap {
    width: 100%;
    height: 33vh;
}

.map-container {
    width: 100%;
    height: 33vh;
}

.detail-container {
    height: 33vh;
}

.comments-scroll {
    max-height: 150px;
    overflow-y: auto;
}

/* Full width map on mobile and tablets */
@media (max-width: 992px) {
    .full-width-mobile {
        position: fixed;
        top: 60px; /* Account for navbar */
        left: 0;
        right: 0;
        width: 100vw;
        z-index: 1000;
    }

    #map {
        width: 100%;
        height: calc(100vh - 60px); /* Full height minus navbar */
    }

    /* Hide container padding on mobile for this page */
    body:has(.full-width-mobile) .container {
        padding: 0;
    }
}