/* Font Awesome Icon Fixes - Ensure proper icon display */

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

/* Global Font Awesome fixes */
.fas, .far, .fab, .fa, .fa-solid, .fa-regular, .fa-brands {
    font-family: 'Font Awesome 6 Free', 'Font Awesome 6 Brands' !important;
    font-weight: 900 !important;
    font-style: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block !important;
}

/* Remove emoji fallbacks */
.fas::after,
.far::after,
.fab::after,
.fa::after {
    display: none !important;
}

/* Ensure icons display properly */
i.fas:not(:empty),
i.far:not(:empty),
i.fab:not(:empty),
i.fa:not(:empty) {
    font-size: 0;
}

i.fas::before,
i.far::before,
i.fab::before,
i.fa::before {
    font-size: 1rem;
    display: inline-block;
}

/* Workflow step icons */
.step-icon {
    font-size: 3rem !important;
    color: #00ff88;
    transition: all 0.3s ease;
}

.step-icon::before {
    font-size: 3rem !important;
}

.workflow-step:hover .step-icon {
    transform: scale(1.2);
    color: #00ffff;
}

/* Navigation icons */
.nav-link i,
.dropdown-toggle i {
    margin-right: 8px;
    font-size: 1.1rem;
}

.nav-link i::before,
.dropdown-toggle i::before {
    font-size: 1.1rem !important;
}

/* Feature card icons */
.feature-icon {
    font-size: 2.5rem !important;
    color: #00ff88;
    margin-bottom: 20px;
    display: block;
}

.feature-icon::before {
    font-size: 2.5rem !important;
}

/* Scanner card icons */
.scanner-icon {
    font-size: 2rem !important;
    color: #00ff88;
    margin-bottom: 15px;
}

/* Dashboard stat icons */
.stat-icon {
    font-size: 2rem !important;
    color: rgba(0, 255, 136, 0.8);
}

/* Button icons */
.btn i {
    margin-right: 8px;
}

/* Dropdown icons */
.dropdown-menu i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
}

/* Profile icons */
.profile-icon {
    font-size: 1.2rem;
    margin-right: 10px;
}

/* Alert icons */
.alert i {
    margin-right: 10px;
    font-size: 1.2rem;
}

/* Loading spinner icon - only animate when fa-spin class is added */
.fa-spinner.fa-spin {
    animation: fa-spin 1s infinite linear;
}

@keyframes fa-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Specific icon color overrides */
.fa-check { color: #00ff88; }
.fa-times { color: #ff4444; }
.fa-warning, .fa-exclamation-triangle { color: #ffaa00; }
.fa-info-circle { color: #00aaff; }

/* Sidemenu icons */
.sidemenu i {
    margin-right: 10px;
    width: 20px;
    text-align: center;
}

/* Table action icons */
.table-actions i {
    font-size: 1.2rem;
    margin: 0 5px;
    cursor: pointer;
    transition: color 0.3s ease;
}

.table-actions i:hover {
    color: #00ff88;
}

/* Card header icons */
.card-header i {
    margin-right: 10px;
    font-size: 1.3rem;
}

/* Timeline icons */
.timeline-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0, 255, 136, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #00ff88;
}

/* Badge icons */
.badge i {
    margin-right: 5px;
    font-size: 0.9rem;
}

/* Fix for specific Font Awesome 6 changes and icon mappings */
.fa-magnifying-glass-dollar::before,
.fa-search-dollar::before {
    content: "\f688"; /* search-dollar icon */
}

.fa-shield-check::before {
    content: "\e2e7"; /* shield-check icon (Pro icon, fallback to shield-alt) */
}

/* Alternative: Use shield-alt with checkmark if shield-check not available */
.fa-shield-check::before {
    content: "\f3ed"; /* shield-alt icon as fallback */
}

/* Fix crosshairs icon */
.fa-crosshairs::before {
    content: "\f05b"; /* crosshairs icon */
}

/* Fix common icons */
.fa-home::before { content: "\f015"; }
.fa-bug::before { content: "\f188"; }
.fa-database::before { content: "\f1c0"; }
.fa-dollar-sign::before { content: "\24"; }
.fa-file-alt::before { content: "\f15c"; }
.fa-sitemap::before { content: "\f0e8"; }
.fa-user::before { content: "\f007"; }
.fa-sign-out-alt::before { content: "\f2f5"; }
.fa-user-plus::before { content: "\f234"; }
.fa-brain::before { content: "\f5dc"; }
.fa-trophy::before { content: "\f091"; }
.fa-bolt::before { content: "\f0e7"; }
.fa-shield-alt::before { content: "\f3ed"; }
.fa-chart-line::before { content: "\f201"; }
.fa-code-branch::before { content: "\f126"; }
.fa-users::before { content: "\f0c0"; }
.fa-chevron-down::before { content: "\f078"; }

/* Ensure Font Awesome webfont loads */
@font-face {
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/webfonts/fa-solid-900.woff2') format('woff2');
}

@font-face {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/webfonts/fa-brands-400.woff2') format('woff2');
}