/* Layout styles */
.layout-container {
    display: flex;
    flex-direction: row;
    height: 100vh;
    width: 100vw;
}

/* Left side filter styles */
.filters {
    width: 15%;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: 0.8rem;
    min-width: 10rem;
}

/* Checkboxes container */
.checkbox-container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* Map container */
.map-container {
    flex: 1;
    padding: 0.5rem;
    height: 100%;
}

/* Map styling */
#accessmap {
    height: 100%;
    width: 100%;
}

/* Responsive styles */
@media (orientation: portrait), (max-width: 767px) {
    .layout-container {
        flex-direction: column;
    }

    .filters {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        padding-bottom: 1rem;
    }

    .checkbox-container {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .map-container {
        flex: 1;
        height: calc(100vh - 10rem); /* Adjust to fit the screen */
    }
}

/* Landscape orientation */
@media (orientation: landscape) and (min-width: 768px) {
    .layout-container {
        flex-direction: row;
    }

    .filters {
        width: 15%;
        flex-direction: column;
    }

    .map-container {
        flex: 1;
    }
}