/* =========================================
   REVISI DROPDOWN MENU
   ========================================= */

/* Mengubah Warna Latar Belakang Dropdown Menu */
#nav .main-menu .dropdown-menu {
    /* Ganti ke warna latar belakang yang kontras, misalnya Putih, Abu-abu terang, atau Hitam */
    background-color: #ffffff;
    /* Putih Solid */

    /* Agar menu tidak bertabrakan dengan elemen di belakangnya */
    border: 1px solid #ccc;
    /* Tambahkan garis tepi tipis */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    /* Tambahkan bayangan untuk efek pop-up */
}

/* Mengubah Warna Teks Menu di dalam Dropdown Menu */
#nav .main-menu .dropdown-menu li a {
    /* Ganti ke warna teks yang kontras dengan latar belakang, misalnya Hitam */
    color: #333333 !important;

    /* Memastikan teks terlihat jelas */
    padding: 10px 20px;
}

/* Styling saat menu di-hover (disentuh kursor) */
#nav .main-menu .dropdown-menu li a:hover,
#nav .main-menu .dropdown-menu li a:focus {
    /* Latar belakang saat kursor di atas menu */
    background-color: #f5f5f5 !important;

    /* Warna teks saat kursor di atas menu */
    color: #007bff !important;
    /* Contoh warna biru untuk link */
}

/* Mengatasi warna separator (jika ada) */
#nav .main-menu .dropdown-menu .divider {
    background-color: #e5e5e5;
}