/*
 * Estilos de bootstrap-combobox-bs5.js (copia de bootstrap-combobox.js adaptada a Bootstrap 5).
 * Se carga en ~/Content/css_bs5 en lugar de bootstrap-combobox.css, que es el de Bootstrap 3.
 */

/* El desplegable ocupa el ancho de su contenedor (antes dependia de .input-group de Bootstrap 3) */
.combobox-container
{
    width: 100%;
}
.combobox-container .input-group
{
    flex-wrap: nowrap;
}

/* Flecha cuando no hay nada elegido; aspa de borrar cuando hay una opcion elegida */
.combobox-selected .combobox-caret
{
    display: none;
}
.combobox-container:not(.combobox-selected) .combobox-clear
{
    display: none;
}

/* Lista de opciones: al menos tan ancha como el campo y con scroll si es larga */
.typeahead-long
{
    max-height: 300px;
    overflow-y: auto;
    min-width: 100%;
}
.typeahead.dropdown-menu > li.active > .dropdown-item
{
    color: var(--bs-dropdown-link-active-color);
    background-color: var(--bs-dropdown-link-active-bg);
}

/* Desactivado (select disabled) */
.combobox-disabled .combobox-toggle
{
    pointer-events: none;
    opacity: .65;
}