/* dal bootstrap css fix */
.select2-container {
    width: 100% !important;
    min-width: 10em !important;
}

.select2-container--tailwindcss-4 .select2-selection--single .select2-selection__clear {
    padding-right: 1rem;
    display: inline-block !important;
}

.select2-container--tailwindcss-4 .select2-selection--single {
    @apply rounded-lg border text-sm;

    /* Standard colors */
    border-color: #d1d5db;
    /* border-gray-300 */
    background-color: #f9fafb;
    /* bg-gray-50 */
    color: #111827;
    /* text-gray-900 */

    /* Focus */
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.select2-container--tailwindcss-4 .select2-selection--single:focus {
    border-color: rgb(var(--color-primary-500));
    box-shadow: 0 0 0 1px rgb(var(--color-primary-500));
}

/* Dark mode */
.dark .select2-container--tailwindcss-4 .select2-selection--single {
    border-color: #4b5563;
    /* border-gray-600 */
    background-color: #374151;
    /* bg-gray-700 */
    color: #ffffff;
    /* text-white */
}