/* Select2 container selalu ikut responsive */
.select2-container {
    width: 100% !important;
    max-width: 100% !important;
}

/* Di layar besar, batasi max-width */
@media (min-width: 1200px) {
    .select2-container {
        max-width: 800px !important;
        margin: 0 auto;
        /* biar center */
    }
}

/* Style kotak select2 */
#kelompok + .select2-container .select2-selection--single {
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    font-size: 1.1rem;
    padding-left: 12px;
    border: 1px solid #ced4da;
    border-radius: 0.375rem;
}

/* Text di tengah */
#kelompok + .select2-container .select2-selection__rendered {
    line-height: normal !important;
    text-align: center !important;
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/* Hilangkan arrow */
#kelompok + .select2-container .select2-selection__arrow {
    display: none !important;
}

/* Hover & selected style */
.select2-container--default .select2-results__option--selected {
    background: linear-gradient(135deg, #111827, #1f2937);
    color: #fff !important;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background: linear-gradient(135deg, #111827, #1f2937);
    color: #fff !important;
}

.select2-container--default .select2-results__option {
    color: #111827;
    font-size: 1.05rem;
    padding: 10px 12px;
}

/* Hilangkan border & outline di search box select2 */
.select2-container .select2-search--dropdown .select2-search__field {
    outline: none !important;
    box-shadow: none !important;
}

.filter-select {
    box-shadow: none !important;
    border-color: #111827 !important;
}

.filter-select:hover {
    box-shadow: none !important;
    border-color: #111827 !important;
}