html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
#map {
    height: 100%;
    width: 100%;
}

/* Styles for the filter control (your existing styles) */
#filter {
    min-width: 150px !important;
    min-height: 40px !important;
    padding: 5px 10px !important;
    background-color: white;
    border: 2px solid rgba(0,0,0,0.2) !important;
    border-radius: 5px !important;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65) !important;
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

#filter label {
    font-size: 16px !important;
}

#filter select,
#filter button,
#filter input {
    width: 100% !important;
    padding: 3px !important;
    font-size: 16px !important;
    margin-bottom: 5px !important;
    box-sizing: border-box !important;
}

/* --- Updated: Styles for the custom logo control --- */
.leaflet-control-company-logo {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    opacity: 0.7; /* Adjust logo opacity (0.0 to 1.0) */
    pointer-events: none;
}
.leaflet-control-company-logo img {
    display: block;
    width: 360px; /* Adjusted from 120px to 360px (3x larger) */
    height: auto; /* Maintain aspect ratio */
}

/* --- NIEUWE STIJLEN VOOR INLOG / BEVEILIGDE FILTER --- */
.leaflet-control-login,
.leaflet-control-secure-filter {
    background-color: white;
    padding: 10px;
    border: 2px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.65);
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    /* Zorg dat de controls klikbaar zijn */
    pointer-events: auto;
}

.leaflet-control-login input[type="password"],
.leaflet-control-login button {
    width: 90%;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
}
.leaflet-control-login p {
    margin-top: 0;
    margin-bottom: 5px;
}

.leaflet-control-secure-filter select,
.leaflet-control-secure-filter button {
    width: 100%;
    padding: 3px;
    font-size: 14px;
    margin-bottom: 5px;
    box-sizing: border-box;
}
.leaflet-control-secure-filter label {
    display: block;
    margin-bottom: 5px;
}