/**
 * Font Awesome 6 Pro Fix
 * Zorgt ervoor dat alle Font Awesome iconen correct worden weergegeven
 */

/* Fix voor alle elementen die Font Awesome iconen gebruiken via content */
[class*="fa-"]::before,
[class*="fa-"]::after,
.dropdown-toggle::after,
.navbar-nav .dropdown > .nav-link::after,
.navbar-nav .navbar-has-submenu > .nav-link::after,
.navbar-nav.navbar-horizontal .dropdown > .nav-link::after,
.navbar-nav.navbar-horizontal .navbar-submenu .navbar-has-submenu > .nav-link::after {
    font-family: "Font Awesome 6 Pro", "Font Awesome 6 Free" !important;
    font-weight: 300 !important; /* Light weight */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Specifieke weights voor verschillende icoon stijlen */
.fa-solid::before,
.fas::before,
[class*="fa-solid-"]::before {
    font-weight: 900 !important;
}

.fa-regular::before,
.far::before,
[class*="fa-regular-"]::before {
    font-weight: 400 !important;
}

.fa-light::before,
.fal::before,
[class*="fa-light-"]::before {
    font-weight: 300 !important;
}

.fa-thin::before,
.fat::before,
[class*="fa-thin-"]::before {
    font-weight: 100 !important;
}

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