/**
 * Select2 Custom Styling for Kamaleont V2
 * Improves appearance of multi-select Association/Consortia field
 */

/* Main Select2 container */
.select2-container {
    font-family: inherit;
}

/* Selected items (tags) */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3498db !important;
    border: 1px solid #2980b9 !important;
    color: white !important;
    padding: 3px 8px !important;
    border-radius: 3px !important;
    font-size: 13px !important;
}

/* Remove button on tags */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: white !important;
    margin-right: 5px !important;
}

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

/* Input field */
.select2-container--default .select2-selection--multiple {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    min-height: 42px !important;
    padding: 4px !important;
}

/* Dropdown results */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3498db !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ecf0f1 !important;
    color: #2c3e50 !important;
}

/* Search field in dropdown */
.select2-search--dropdown .select2-search__field {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 6px !important;
}

/* Placeholder */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999 !important;
}

/* Type badges in dropdown */
.select2-results__option span[style*="background:#3498db"] {
    /* Association badge - already styled inline */
}

.select2-results__option span[style*="background:#2ecc71"] {
    /* Consortia badge - already styled inline */
}

/* Make Select2 full width in Elementor forms */
.elementor-field-group .select2-container {
    width: 100% !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 12px !important;
        padding: 2px 6px !important;
    }
    
    .select2-container--default .select2-selection--multiple {
        min-height: 38px !important;
    }
}

/* Focus state */
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #3498db !important;
    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2) !important;
}

/* Loading state */
.select2-container--default .select2-results__option--loading {
    color: #999 !important;
}

/* "No results" message */
.select2-container--default .select2-results__option--disabled {
    color: #999 !important;
}