.select2-container .select2-selection--single {
    height: 2.5rem; /* Tailwind's h-10 */
    padding: 0.5rem; /* Tailwind's px-3 py-2 */
    border-width: 1.5px; /* Tailwind's border-[1.5px] */
    border-color: #94a3b8; /* Tailwind's border-slate-400 */
    background-color: transparent; /* Tailwind's bg-transparent */
    border-radius: 7px; /* Tailwind's rounded-[7px] */
    font-weight: 400; /* Tailwind's font-normal */
    color: #000; /* Tailwind's text-black */
    outline: none; /* Tailwind's outline-none */
    transition: border-color 0.2s; /* Tailwind's transition */
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single.active,
.select2-container--default .select2-selection--single:hover {
    border-color: #3b82f6; /* Tailwind's focus:border-primary and active:border-primary */
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal; /* Reset line height */
    padding-left: 0.75rem; /* Padding for the text */
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.5rem; /* Match the height */
    right: 0.75rem; /* Adjust arrow position */
}
/* Dark mode styles */
.dark .select2-container .select2-selection--single {
    border-color: #4b5563; /* Tailwind's dark:border-form-strokedark */
    background-color: #1f2937; /* Tailwind's dark:bg-form-input */
    color: #fff; /* Tailwind's dark:text-white */
}

.dark .select2-container--default .select2-selection--single:focus,
.dark .select2-container--default .select2-selection--single.active,
.dark .select2-container--default .select2-selection--single:hover {
    border-color: #3b82f6; /* Tailwind's dark:focus:border-primary */
}