/* ===========select2=============== */


/* .select2-container--default .select2-selection--single {
    border: 0.5px solid #ccc; 
    border-radius: 3px; 
    height: 38px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333; 
    line-height: 38px; 
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
} */

/* .select2-container--default .select2-selection--single:focus {
    border-color: #F9CC41;
    border-width: 2px; 
    outline: none; 
    box-shadow: none; 
} */







/* =========== select2 Light Mode =============== */

.select2-container--default .select2-selection--single {
    border: 0.5px solid #ccc; /* Warna border terang */
    border-radius: 3px;
    height: 38px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #ffffff; /* Latar belakang terang */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #333; /* Warna teks gelap */
    line-height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    /* background-color: #f1f1f1;  */
    /* border-radius: 3px; */
}

.select2-container--default .select2-selection--single:focus {
    border-color: #F9CC41;
    border-width: 2px;
    outline: none;
    box-shadow: none;
}

.select2-container--default .select2-dropdown {
    background-color: #ffffff; /* Latar belakang dropdown terang */
    border-radius: 3px;
    color: #333; /* Teks dropdown gelap */
    border: 1px solid #ccc; /* Border dropdown */
}

.select2-container--default .select2-results__option {
    color: #333; /* Teks hasil dropdown gelap */
    background-color: #ffffff; /* Latar belakang item dropdown terang */
}

.select2-container--default .select2-results__option--highlighted {
    background-color: #F9CC41; /* Warna saat item dipilih */
    color: #333; /* Warna teks saat item dipilih */
}

.select2-container--default .select2-selection--multiple {
    background-color: #ffffff; /* Latar belakang multiple selection terang */
}

.select2-container--default .select2-selection__choice {
    background-color: #f1f1f1; /* Latar belakang pilihan terang */
    color: #333; /* Teks pilihan gelap */
}




/* =========== Light Mode: Tinggi Form Pencarian pada Dropdown Select2 =============== */
.select2-container--default .select2-dropdown .select2-search__field {
    height: 42px; /* Menambah tinggi input pencarian */
    padding: 10px; /* Menambahkan padding agar lebih nyaman */
    font-size: 12px; /* Ukuran font lebih besar untuk pencarian */
    border-radius: 3px; /* Agar lebih sesuai dengan desain */
    background-color: #f1f1f1; /* Latar belakang input pencarian */
    border: 1px solid #ccc; /* Border input pencarian */
    color: #333; /* Warna teks gelap */
}

/* Menghilangkan efek border fokus yang tebal */
.select2-container--default .select2-dropdown .select2-search__field:focus {
    background-color: #e8e8e8; /* Latar belakang lebih terang saat fokus */
    border-color: #ccc; /* Border tetap halus saat fokus */
    color: #333; /* Warna teks tetap gelap */
    outline: none; /* Menghilangkan outline default browser */
    box-shadow: none; /* Menghilangkan bayangan fokus */
}

/* Padding dan border pada dropdown secara keseluruhan */
.select2-container--default .select2-dropdown {
    padding-top: 5px; /* Padding atas pada dropdown */
}



/* =========== Dark Mode: Tinggi Form Pencarian pada Dropdown Select2 =============== */
[data-bs-theme="dark"] .select2-container--default .select2-dropdown .select2-search__field {
    height: 42px; /* Menambah tinggi input pencarian */
    padding: 10px; /* Menambahkan padding agar lebih nyaman */
    font-size: 12px; /* Ukuran font lebih besar untuk pencarian */
    background-color: #444; /* Latar belakang input pencarian gelap */
    color: #e0e0e0; /* Warna teks terang */
    border: 1px solid #666; /* Border input pencarian gelap */
    border-radius: 3px; /* Agar lebih sesuai dengan desain */
}

/* Menghilangkan efek border fokus yang tebal */
[data-bs-theme="dark"] .select2-container--default .select2-dropdown .select2-search__field:focus {
    background-color: #333; /* Latar belakang lebih gelap saat fokus */
    border-color: #666; /* Border yang lebih halus saat fokus */
    color: #fff; /* Warna teks putih saat fokus */
    outline: none; /* Menghilangkan outline default browser */
    box-shadow: none; /* Menghilangkan bayangan fokus */
}

/* Padding dan border pada dropdown secara keseluruhan */
[data-bs-theme="dark"] .select2-container--default .select2-dropdown {
    padding-top: 10px; /* Padding atas pada dropdown */
}









/* =========== select2 Dark Mode =============== */

[data-bs-theme="dark"] .select2-container--default .select2-selection--single {
    border: 0.5px solid #555; /* Warna border gelap */
    border-radius: 3px;
    height: 38px;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #333; /* Latar belakang gelap */
}

[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff; /* Warna teks putih */
    line-height: 38px;
}

[data-bs-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    /* background-color: #444;  */
    /* border-radius: 3px; */
}

[data-bs-theme="dark"] .select2-container--default .select2-selection--single:focus {
    border-color: #F9CC41;
    border-width: 2px;
    outline: none;
    box-shadow: none;
}

[data-bs-theme="dark"] .select2-container--default .select2-dropdown {
    background-color: #222; /* Latar belakang dropdown gelap */
    border-radius: 5px;
    color: #fff; /* Teks dropdown putih */
    border: 1px solid #444; /* Border dropdown gelap */
}

[data-bs-theme="dark"] .select2-container--default .select2-results__option {
    color: #fff; /* Teks hasil dropdown putih */
    background-color: #333; /* Latar belakang item dropdown gelap */
}

[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted {
    background-color: #F9CC41; /* Warna saat item dipilih */
    color: #333; /* Warna teks saat item dipilih */
}

[data-bs-theme="dark"] .select2-container--default .select2-selection--multiple {
    background-color: #333; /* Latar belakang multiple selection gelap */
}

[data-bs-theme="dark"] .select2-container--default .select2-selection__choice {
    background-color: #444; /* Latar belakang pilihan gelap */
    color: #fff; /* Teks pilihan putih */
}