.search-flex-container {
    display: flex; /* Biar input & tombol sejajar */
    align-items: center;
}

.input-delium-flat {
    width: 100%;    /* Biar fleksibel */
    flex: 1;        /* Biar dia ngalah sama ukuran tombol play */
    min-width: 0;   /* Penting: biar teks di dalemnya nggak maksa lebar input */
}  
@media (max-width: 576px) {
    .input-delium-flat {
        font-size: 16px; /* Atau sesuaikan biar gak menonjol banget */
    }
}



/* 1. Paksa Menu Utama supaya selalu paling depan */
.navbar:first-of-type {
    z-index: 1050 !important; /* Nilai di atas bar hitam */
}

/* 2. Pastikan dropdown menu-nya muncul di atas */
.navbar .dropdown-menu {
    z-index: 9999 !important;
}

/* 3. Bar hitam (nav kedua) harus di bawah menu utama */
.bg-full-black {
    z-index: 1000 !important;
    position: relative;
}


/* Menghilangkan background hitam saat mouse di atas menu */
#menuBahasaFix .dropdown-item:hover {
    background-color: transparent !important; /* Hapus warna latar */
    color: #fff !important; /* Tetap putih teksnya atau sesuaikan */
    opacity: 0.8; /* Opsional: kasih efek transparan dikit biar kelihatan interaksinya */
}

/* Pastikan container utamanya juga gak punya padding yang bikin sela hitam */
#menuBahasaFix {
    padding: 0 !important;
    background-color: #31a7d8 !important; /* Warna biru lo */
    border: none !important;
}


.emoji-font {
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
    font-size: 1.1em; /* Naikin dikit sizenya biar sejajar sama teks */
    vertical-align: middle;
    margin-right: 5px;
}