/* Fallback CSS para iconos Bootstrap cuando el CDN falla */

/* Asegurar que los iconos de Bootstrap se muestren correctamente */
.bi::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Iconos específicos - Fallback manual */
.bi-trash::before {
    content: "🗑️"; /* Emoji de basura como fallback */
}

.bi-x-circle::before {
    content: "❌"; /* Emoji de X para cancelar */
}

.bi-eye::before {
    content: "👁️"; /* Emoji de ojo como fallback */
}

.bi-pencil::before {
    content: "✏️"; /* Emoji de lápiz como fallback */
}

.bi-plus::before {
    content: "➕"; /* Emoji de más simple */
}

.bi-plus-circle::before {
    content: "➕"; /* Emoji de más con círculo */
}

.bi-arrow-left::before {
    content: "⬅️"; /* Emoji de flecha como fallback */
}

.bi-box::before {
    content: "📦"; /* Emoji de caja para productos */
}

.bi-check-circle::before {
    content: "✅"; /* Emoji de check para confirmar */
}

/* Mejorar visualización de botones pequeños */
.btn-sm .bi {
    font-size: 0.875rem;
}

/* Asegurar que los botones outline tengan contraste adecuado */
.btn-outline-danger {
    --bs-btn-border-color: #dc3545;
    --bs-btn-color: #dc3545;
}

.btn-outline-danger:hover {
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-color: #fff;
}