/* Select2 Container */
.select2-container {
    width: 100% !important;
}

/* Select2 Selection */
.select2-container--default .select2-selection--single {
    height: 50px;
    padding: 0 16px;
    display: flex;
    align-items: center;

    background-color: #f9fafb; /* gray-50 */
    border: 1px solid #e5e7eb; /* gray-200 */
    border-radius: 0.75rem; /* rounded-xl */

    transition: all 0.2s ease;
}

/* Text */
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    padding: 0;
    color: #374151; /* gray-700 */
    line-height: normal;
}

/* Placeholder */
.select2-container--default
.select2-selection--single
.select2-selection__placeholder {
    color: #9ca3af; /* gray-400 */
}

/* Arrow */
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 12px;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow b {
    border-color: #9ca3af transparent transparent transparent;
    border-width: 5px 5px 0 5px;
}

/* Focus */
.select2-container--default.select2-container--focus
.select2-selection--single,
.select2-container--default.select2-container--open
.select2-selection--single {
    background-color: #fff;
    border-color: #d946ef; /* fuchsia-500 */
    box-shadow: 0 0 0 2px rgba(217, 70, 239, 0.25);
    outline: none;
}

/* Dropdown */
.select2-container--default .select2-dropdown {
    margin-top: 4px;

    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;

    overflow: hidden;

    box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* Search */
.select2-container--default .select2-search--dropdown {
    padding: 8px;
}

.select2-container--default
.select2-search--dropdown
.select2-search__field {
    width: 100%;
    padding: 10px 12px;

    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;

    outline: none;
}

.select2-container--default
.select2-search--dropdown
.select2-search__field:focus {
    border-color: #d946ef;
    box-shadow: 0 0 0 2px rgba(217, 70, 239, 0.15);
}

/* Option */
.select2-container--default .select2-results__option {
    padding: 10px 16px;
    color: #374151;
}

/* Hover */
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
    background-color: #fdf4ff; /* fuchsia-50 */
    color: #c026d3; /* fuchsia-600 */
}

/* Selected */
.select2-container--default
.select2-results__option[aria-selected="true"] {
    background-color: #fae8ff; /* fuchsia-100 */
    color: #c026d3; /* fuchsia-600 */
}

/* Clear button */
.select2-container--default
.select2-selection--single
.select2-selection__clear {
    color: #9ca3af;
    font-size: 20px;
    margin-right: 8px;
}

.select2-container--default
.select2-selection--single
.select2-selection__clear:hover {
    color: #d946ef;
}