/* --- PENYESUAIAN DROPDOWN UNTUK MODE TERANG --- */
    
    /* 1. Mengubah background dropdown jadi putih saat mode terang */
    body.bg-white .dropdown-menu {
        background: #ffffff !important;
        border-color: #e5e7eb !important;
        box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
    }

    /* 2. Mengubah teks judul (HW Grosir, Admin, dll) jadi hitam */
    body.bg-white .dropdown-menu p, 
    body.bg-white .dropdown-menu span.font-medium {
        color: #111827 !important;
    }

    /* 3. Mengubah teks deskripsi kecil jadi abu-abu gelap agar jelas */
    body.bg-white .dropdown-menu span.text-gray-400 {
        color: #4b5563 !important;
    }

    /* 4. Mengubah efek saat menu disentuh (hover) jadi abu-abu terang */
    body.bg-white .dropdown-menu a:hover {
        background-color: #f3f4f6 !important;
    }
    /* --- MENGHILANGKAN HITAM TRANSPARAN DI SECTION LAYANAN --- */
    body.bg-white #services {
        background-color: transparent !important; /* Membuat latarnya jadi bening/putih menyatu */
        border-color: #e5e7eb !important; /* Menerangkan warna garis pembatas atas/bawah */
    }
    .dropdown-hover {
        position: relative;
    }
    
    .dropdown-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        z-index: 50;
        background: #161F30;
        border: 1px solid #374151;
        border-radius: 12px;
        /* KUNCI: Padding ini tetap dipertahankan agar menu mudah ditangkap */
        padding: 20px 0 10px 0; 
        min-width: 150px;
    }

    /* 1. Ini adalah mesin pembuat efek fade-in nya */
    @keyframes fadeIn {
        from {
            opacity: 0; /* Mulai dari transparan (tidak terlihat) */
            margin-top: 10px; /* Mulai dari posisi sedikit ke bawah */
        }
        to {
            opacity: 1; /* Berubah jadi jelas */
            margin-top: 0; /* Naik ke posisi normal */
        }
    }

    /* 2. Di sinilah kita menyisipkan efek fade-in tersebut saat tombol disentuh */
    .dropdown-hover:hover .dropdown-menu {
        display: block;
        animation: fadeIn 0.3s ease-out forwards; /* <-- FADE-IN DISISIPKAN DI SINI */
    }