/* ── Tile-stijl control ── */
.mh-tile-control {
    background: #fff;
    border-radius: var(--radius-sm);
    box-shadow: 0 1px 5px rgba(0,0,0,.25);
    overflow: hidden;
    display: flex;
}
.mh-tile-btn {
    border: none;
    background: #fff;
    padding: 5px 9px;
    font-size: .72rem;
    font-weight: 600;
    cursor: pointer;
    color: #555;
    border-right: 1px solid #e5e5e5;
    font-family: inherit;
    line-height: 1;
    touch-action: manipulation;
}
.mh-tile-btn:last-child { border-right: none; }
.mh-tile-btn:hover { background: #f5f5f5; }
.mh-tile-btn.is-active { background: var(--color-accent); color: #000; }

/* ── Fullscreen-knop (in leaflet-bar) ── */
.mh-fullscreen-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
}
.mh-fullscreen-btn svg { display: block; }

/* Zorg dat de kaart-container het volledig scherm vult bij fullscreen */
.leaflet-container:fullscreen,
.leaflet-container:-webkit-full-screen {
    width: 100vw !important;
    height: 100vh !important;
}