/* =============================================
   SELECT2 CUSTOM — multiple tag style
   ============================================= */

/* Container: min-height 64px = bằng .form-control trong form, height auto để expand multi-line */
.select2-container--default .select2-selection--multiple {
    font-size: 18px !important;
    border: 1px solid #E8E8E8 !important;
    min-height: 64px !important;
    height: auto !important;
    overflow: visible !important;
    color: #2f5275 !important;
    cursor: text !important;
}

/* Rendered list: flexbox wrap để xuống dòng đầu dòng đúng */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    white-space: normal !important;
    min-height: 62px !important;
    padding: 6px 6px 6px 34px !important;
    gap: 4px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Tag chip — màu cam gốc #F99400 */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F99400 !important;
    border: 1px solid #F99400 !important;
    border-radius: 4px !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    padding: 2px 6px 2px 5px !important;
    margin: 0 !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    max-width: 100% !important;
}

/* Remove button — nhỏ hơn, cách trái 4px */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 11px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    margin: 0 0 0 4px !important;
    padding: 0 !important;
    cursor: pointer !important;
    order: 1 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff !important;
}

/* Search field trong flex context */
.select2-container--default .select2-search--inline {
    float: none !important;
    flex: 1 1 40px !important;
    min-width: 40px !important;
    padding: 0 !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    margin: 0 !important;
    font-size: 17px !important;
    width: 100% !important;
}

/* Ẩn nút clear all */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none !important;
}

/* Dropdown */
.select2-dropdown {
    border: 1px solid #E8E8E8 !important;
    color: #2f5275 !important;
}

/* Single select — giữ nguyên */
.select2-container--default .select2-selection--single {
    font-size: 13px !important;
    border: 1px solid #e8ebf3 !important;
    height: calc(2.3rem + 2px) !important;
    color: #2f5275 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 7px;
    padding-top: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 5px !important;
}