.select2-container {
    width: 90% !important;
    margin-bottom: 10px;
    position: relative;
    left: 15px;
}

.select2-container--open .select2-dropdown {
    left: 0; 
    margin-left: 0;
    width: 100%;
}


/* Base Select2 styles that adapt to Django admin theme */
.select2-container--default .select2-selection--single, 
.select2-container--open .select2-dropdown
{
    background-color: var(--body-bg);
    color: var(--body-fg);
    border-color: var(--border-color);
}

/* Dropdown arrow icon */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--body-fg) transparent transparent transparent;
}

/* Selected item in dropdown */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--body-fg);
}

/* Dropdown options container */
.select2-container--default .select2-results__option {
    background-color: var(--body-bg);
    color: var(--body-fg);
    padding: 6px 12px;
}

/* Hovered option */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary);
    color: var(--primary-foreground);
}

/* Selected option in dropdown */
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--selected-bg, #f5f5f5);
    color: var(--selected-fg, #333);
}

/* Active selection in the main box */
.select2-container--default .select2-selection--single {
    background-color: var(--body-bg);
    color: var(--body-fg);
}

/* Focus state */
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--primary);
    box-shadow: 0 0 0 1px var(--primary);
}

/* Dark mode specific overrides */
@media (prefers-color-scheme: dark) {
    :root {
        --selected-bg: #3a3a3a;
        --selected-fg: #ffffff;
    }
}