/**
 * File Picker Styles
 * Solo estilos específicos que no están en Bootstrap 5
 */

/* Cursor pointer y transición */
.cursor-pointer {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.cursor-pointer:hover {
    background-color: var(--bs-gray-100) !important;
    border-color: var(--bs-primary) !important;
}

/* Item seleccionado - no hay clase equivalente en BS5 */
.file-item.selected {
    background-color: #e7f1ff !important;
    border-color: var(--bs-primary) !important;
}

/* Folder hover con warning - personalizado */
.folder-item:hover {
    background-color: var(--bs-warning-bg-subtle) !important;
    border-color: var(--bs-warning) !important;
}

/* Breadcrumb separator personalizado */
#filePickerBreadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "›";
}

/* Botones cuadrados para filtros - personalizado */
[data-filter].btn-sm {
    width: 2rem;
    height: 2rem;
    padding: 0.375rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[data-filter].btn-sm i {
    font-size: 1.1rem;
}

/* Botones de filtro deshabilitados */
[data-filter].disabled {
    opacity: 0.5;
    cursor: not-allowed !important;
    pointer-events: none;
}

[data-filter].disabled:hover {
    background-color: var(--bs-outline-primary) !important;
    border-color: var(--bs-outline-primary) !important;
}

/* Checkboxes en modo múltiple */
.file-item .form-check {
    z-index: 10;
}

.file-item .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.file-item .form-check-input:checked {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.file-item .form-check-input:focus {
    border-color: var(--bs-primary);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Indicador visual de selección múltiple */
.file-item.selected {
    background-color: #e7f1ff !important;
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb), 0.25);
}