/**
 * FontAwesome Icon Fix
 * Ensures all icons display correctly on blog pages
 */

/* Force FontAwesome font family for all icon classes */
.fa, .fas, .far, .fal, .fat, .fad, .fab,
[class^="fa-"], [class*=" fa-"],
.fa-solid, .fa-regular, .fa-light, .fa-thin, .fa-duotone, .fa-brands {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Pro", "FontAwesome" !important;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    line-height: 1;
}

/* Specific icon weights */
.fa-regular, .far {
    font-weight: 400 !important;
}

.fa-light, .fal {
    font-weight: 300 !important;
}

.fa-thin, .fat {
    font-weight: 100 !important;
}

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

/* Fix post meta icons */
.post-meta li i,
.post-meta li [class^="fa-"],
.post-meta li [class*=" fa-"] {
    margin-right: 8px;
    color: var(--main-color-one, #ff5e14);
}

/* Fix blog details footer icons */
.blog-details-footer i,
.blog-details-footer [class^="fa-"],
.blog-details-footer [class*=" fa-"] {
    margin-right: 5px;
}

/* Fix social share icons */
.xports-social-share a i,
.xports-social-share a [class^="fa-"],
.xports-social-share a [class*=" fa-"] {
    font-size: 18px;
}

/* Fix comment icons */
.comments-area i,
.comments-area [class^="fa-"],
.comments-area [class*=" fa-"] {
    margin-right: 5px;
}

/* Ensure icons don't break layout */
i[class^="fa-"]:before,
i[class*=" fa-"]:before {
    display: inline-block;
    text-decoration: none;
}

/* Fix specific common icons that might be missing */
.fa-user:before { content: "\f007"; }
.fa-comments:before { content: "\f086"; }
.fa-calendar:before { content: "\f133"; }
.fa-clock:before { content: "\f017"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-share:before { content: "\f064"; }
.fa-facebook:before, .fa-facebook-f:before { content: "\f39e"; }
.fa-twitter:before { content: "\f099"; }
.fa-linkedin:before, .fa-linkedin-in:before { content: "\f0e1"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-phone:before { content: "\f095"; }
.fa-search:before { content: "\f002"; }