/* Font Awesome Compatibility Fixes for Websfera Editor */

/* Ensure Font Awesome icons in edit modals and sidebar display correctly */
.edit-sidebar i[class*="fa-"],
.edit-sidebar .fa,
.edit-sidebar .fas,
.edit-sidebar .far,
.edit-sidebar .fal,
.edit-sidebar .fab,
.edit-modal i[class*="fa-"],
.edit-modal .fa,
.edit-modal .fas,
.edit-modal .far,
.edit-modal .fal,
.edit-modal .fab {
    font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Brands icons specifically */
.edit-sidebar .fab,
.edit-modal .fab {
    font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands" !important;
    font-weight: 400;
}