/* Font Awesome 4 → 5 Unicode Mapping
   Maps old FA4 icon content codes to FA5 equivalents */

/* FA4 \f104 = angle-left  →  FA5 \f104 (same code) */
/* FA4 \f105 = angle-right  →  FA5 \f105 (same code) */
/* FA4 \f061 = arrow-right  →  FA5 \f061 (same code) */
/* FA4 \f078 = chevron-down  →  FA5 \f078 (same code) */

/* The unicode codes are the same between FA4 and FA5 for these icons,
   but FA5 needs proper font-family declaration to work */

[class*="fa"]::before,
[class*="fa"]::after {
    font-family: 'Font Awesome 5 Pro', 'Font Awesome 5 Free';
    font-weight: 900;
}

/* Ensure proper font selection for different FA5 variants */
.fa-solid::before,
.fa-solid::after,
.fas::before,
.fas::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

.fa-regular::before,
.fa-regular::after,
.far::before,
.far::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.fa-brands::before,
.fa-brands::after,
.fab::before,
.fab::after {
    font-family: 'Font Awesome 5 Brands';
    font-weight: 400;
}

.fa-light::before,
.fa-light::after,
.fal::before,
.fal::after {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
}