/* public/css/footer.css */

.simple-footer {
    position: relative;
    /* Footer sekarang di dalam map-area, jadi posisi relative */

    /* Tambahkan tinggi yang pasti biar kelihatan */
    height: 35px;
    width: 100%;

    background: rgba(255, 255, 255, 0.9); /* Lebih tebal biar kontras */
    -webkit-backdrop-filter: blur(8px); /* Safari 9+, iOS Safari 9+ */
    backdrop-filter: blur(8px);

    /* Garis pembatas atas agar jelas bedanya sama peta */
    border-top: 1px solid #ddd;

    /* Paksa teks ke tengah */
    display: flex;
    align-items: center;
    justify-content: center;

    pointer-events: none;
}

.footer-text {
    font-size: 11px;
    color: #444; /* Warna teks lebih gelap biar kebaca */
    font-weight: 500;
    font-family: Arial, sans-serif;
    pointer-events: auto;
}

/* Biar logo Leaflet & skala naik, jangan sampai ketutup footer */
.leaflet-bottom {
    margin-bottom: 35px !important;
}