/* Icon Fixes and Improvements */

/* Ensure all icons have proper color inheritance */
i[class*="fa-"] {
    color: inherit;
    vertical-align: middle;
}

/* Fix icon spacing and alignment */
.nav-link i,
.btn i,
.badge i,
.alert i {
    margin-right: 0.5rem;
    vertical-align: middle;
}

/* Stat card icons - ensure proper colors */
.stat-card .stat-icon i {
    color: inherit !important;
}

.stat-card.primary .stat-icon i {
    color: var(--primary-600) !important;
}

.stat-card.success .stat-icon i {
    color: var(--success-600) !important;
}

.stat-card.warning .stat-icon i {
    color: var(--warning-600) !important;
}

.stat-card.danger .stat-icon i {
    color: var(--danger-600) !important;
}

/* Quick action card icons */
.quick-action-card .icon i {
    color: var(--primary-600) !important;
    font-size: inherit;
}

/* Badge icons */
.badge i {
    margin-right: 0.25rem;
    font-size: 0.875em;
}

/* Button icons */
.btn i {
    margin-right: 0.5rem;
    vertical-align: middle;
}

.btn-sm i {
    margin-right: 0.375rem;
    font-size: 0.875em;
}

.btn-lg i {
    margin-right: 0.625rem;
    font-size: 1.125em;
}

/* Sidebar icons */
.sidebar .nav-link i {
    width: 20px;
    text-align: center;
    margin-right: 0.75rem;
    color: inherit;
    font-size: 1rem;
}

/* Table action icons */
.inline-action-btn i {
    color: inherit;
    font-size: 0.875rem;
}

/* Form label icons */
.form-label i {
    margin-right: 0.5rem;
    color: var(--gray-600);
}

/* Alert icons */
.alert i {
    margin-right: 0.5rem;
    vertical-align: middle;
}

/* Toast icons */
.toast-icon i {
    color: inherit;
    font-size: 0.875rem;
}

/* Status badge icons */
.status-badge i {
    margin-right: 0.375rem;
    font-size: 0.75em;
}

/* Card header icons */
.card-header i {
    margin-right: 0.5rem;
    color: var(--gray-700);
}

/* Page header icons */
.page-header i {
    margin-right: 0.5rem;
    color: var(--gray-700);
}

/* Breadcrumb icons */
.breadcrumb i {
    margin-right: 0.375rem;
    font-size: 0.875em;
    color: var(--gray-500);
}

/* Empty state icons */
.empty-state .icon i {
    color: var(--gray-400) !important;
    font-size: inherit;
}

/* Action dropdown icons */
.action-dropdown-item i {
    width: 16px;
    text-align: center;
    margin-right: 0.75rem;
    color: inherit;
    font-size: 0.875rem;
}

/* Navbar icons */
.navbar i {
    color: var(--gray-600);
    margin-right: 0.5rem;
}

/* List group icons */
.list-group-item i {
    margin-right: 0.5rem;
    color: var(--gray-500);
    font-size: 0.875rem;
}

/* Fix specific problematic icons */
.fa-hourglass-half {
    color: var(--warning-600) !important;
}

.fa-ticket-alt {
    color: inherit;
}

.fa-qrcode {
    color: inherit;
}

.fa-box {
    color: inherit;
}

.fa-users {
    color: inherit;
}

.fa-home {
    color: inherit;
}

.fa-link {
    color: inherit;
}

/* Ensure Font Awesome loads properly */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css');

/* Fallback for missing icons */
i[class*="fa-"]:before {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "Font Awesome 5 Free", "Font Awesome 5 Pro";
    font-weight: 900;
}

/* Solid icons */
.fas:before {
    font-weight: 900;
}

/* Regular icons */
.far:before {
    font-weight: 400;
}

/* Light icons */
.fal:before {
    font-weight: 300;
}

/* Brand icons */
.fab:before {
    font-weight: 400;
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands";
}

/* Icon hover effects */
.nav-link:hover i,
.btn:hover i,
.quick-action-card:hover .icon i {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

/* Fix icon alignment in flex containers */
.d-flex i {
    align-self: center;
}

/* Ensure icons don't break on small screens */
@media (max-width: 576px) {
    .btn i {
        margin-right: 0.375rem;
    }
    
    .nav-link i {
        margin-right: 0.5rem;
    }
    
    .quick-action-card .icon {
        width: 48px;
        height: 48px;
        font-size: 1.5rem;
    }
}