/**
 * ========================================
 * BOOTSTRAP ICONS FIX
 * Customização global de ícones
 * ========================================
 */

/* ===== BOOTSTRAP ICONS GLOBAL ===== */
.bi {
    display: inline-block !important;
    vertical-align: middle !important;
    fill: currentColor !important;
}

/* ===== ICON SIZES ===== */
.bi-xs {
    width: 0.75rem;
    height: 0.75rem;
}

.bi-sm {
    width: 1rem;
    height: 1rem;
}

.bi-md {
    width: 1.25rem;
    height: 1.25rem;
}

.bi-lg {
    width: 1.5rem;
    height: 1.5rem;
}

.bi-xl {
    width: 2rem;
    height: 2rem;
}

.bi-2xl {
    width: 2.5rem;
    height: 2.5rem;
}

/* ===== ICON COLORS ===== */
.bi-primary {
    color: var(--color-accent-primary);
}

.bi-success {
    color: var(--color-accent-green);
}

.bi-danger {
    color: var(--color-accent-red);
}

.bi-warning {
    color: var(--color-accent-orange);
}

.bi-info {
    color: var(--color-accent-blue);
}

.bi-light {
    color: var(--color-text-light);
}

.bi-dark {
    color: var(--color-text-dark);
}

.bi-white {
    color: var(--color-text-white);
}

/* ===== ICON ROTATIONS ===== */
.bi-rotate-90 {
    transform: rotate(90deg);
}

.bi-rotate-180 {
    transform: rotate(180deg);
}

.bi-rotate-270 {
    transform: rotate(270deg);
}

.bi-flip-h {
    transform: scaleX(-1);
}

.bi-flip-v {
    transform: scaleY(-1);
}

/* ===== ICON ANIMATIONS ===== */
.bi-spin {
    animation: spin 1s linear infinite;
}

.bi-pulse {
    animation: pulse 2s ease-in-out infinite;
}

.bi-bounce {
    animation: bounce 1s ease infinite;
}

/* ===== ICON SPACING ===== */
.bi-mr-xs {
    margin-right: var(--spacing-xs);
}

.bi-mr-sm {
    margin-right: var(--spacing-sm);
}

.bi-mr-md {
    margin-right: var(--spacing-md);
}

.bi-ml-xs {
    margin-left: var(--spacing-xs);
}

.bi-ml-sm {
    margin-left: var(--spacing-sm);
}

.bi-ml-md {
    margin-left: var(--spacing-md);
}