/* Navbar custom height */
.navbar-logo-only {
    height: 70px;
    /* naikkan tinggi navbar */
    padding: 0 2rem;
    /* padding horizontal tetap */
}

.navbar-logo-only .navbar-brand img {
    height: 50px;
    /* naikkan ukuran logo */
    padding: 8px 0;
    /* padding logo horizontal tetap */
}

#map {
    width: 100%;
    height: 100vh;
    margin-top: -65px; /* sama dengan tinggi navbar */
}

.leaflet-control-zoom {
    display: none;
}

.custom-navbar {
    font-family: "Poppins", sans-serif;
}

.custom-navbar .nav-link {
    position: relative;
    font-size: 11pt;
    font-weight: 500;
    color: #333;
    padding: 15px 20px;
    margin-right: 35px;
    display: flex;
    align-items: center;
    gap: 8px; /* jarak antara icon dan teks */
    transition: color 0.3s;
}

/* Hover effect untuk link dan icon */
.custom-navbar .nav-link:hover {
    color: #0d6efd;
}

.custom-navbar .nav-link:hover i {
    color: #0d6efd; /* ikon ikut berubah warna saat hover */
}

/* Icon default styling */
.custom-navbar .nav-link i {
    font-size: 1rem; /* sesuaikan ukuran ikon */
    transition: color 0.3s;
}

.custom-navbar {
    position: relative;
    z-index: 1050; /* lebih tinggi dari map */
}

/* Mobile menu background */
@media (max-width: 991px) {
    .custom-navbar .navbar-collapse {
        background-color: #f8f9fa; /* light background */
        padding: 10px 15px;
        border-radius: 5px;
    }

    .custom-navbar .nav-link {
        padding: 10px 0;
        margin-right: 0; /* hapus jarak antar menu di mobile */
    }
}