/*
|--------------------------------------------------------------------------
| Tivan Public - FontAwesome Icon Fix
|--------------------------------------------------------------------------
| This file must load AFTER tivan-final-safe-font.css
| It prevents Vazirmatn from overriding FontAwesome icons.
|--------------------------------------------------------------------------
*/

i[class^="fa"],
i[class*=" fa-"],
.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands {
    font-style: normal !important;
    display: inline-block !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

.fa,
.fas,
.fa-solid {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

.far,
.fa-regular {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

.fab,
.fa-brands {
    font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Compatibility mapping for FA6 names when local package is FA5 */
.fa-house::before { content: "\f015"; }
.fa-diagram-project::before { content: "\f542"; }
.fa-circle-info::before { content: "\f05a"; }
.fa-scale-balanced::before { content: "\f24e"; }
.fa-right-to-bracket::before { content: "\f2f6"; }
.fa-shield-halved::before { content: "\f3ed"; }
.fa-gears::before { content: "\f085"; }
.fa-users-gear::before { content: "\f509"; }
.fa-tower-broadcast::before { content: "\f519"; }
.fa-circle-nodes::before { content: "\f542"; }
.fa-plug-circle-bolt::before { content: "\f1e6"; }
.fa-house-signal::before { content: "\f015"; }

/* Service cards icon visibility */
.service-icon i,
.step-icon i,
.badge-item i,
.nav i,
.footer i,
.topbar i,
.btn-primary i,
.btn-hero i,
.btn-footer-cta i {
    font-family: "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.social-link i,
.topbar-left i,
.fab {
    font-family: "Font Awesome 5 Brands", "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Keep icon boxes aligned */
.service-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.service-icon i {
    font-size: 28px !important;
}

.step-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.badge-item i {
    min-width: 24px !important;
    text-align: center !important;
}