/* Admin Panel Icons Fix - High Priority */

/* Force reset any font-family override on icons */
i[class*="ni"], i[class*="fa"], .ni, .fas, .far, .fab, .fal, .fad, .fa {
    font-family: inherit !important;
}

/* Ensure Nucleo Icons work properly */
.ni, i.ni, [class*="ni-"] {
    font-family: 'NucleoIcons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    speak: none !important;
}

/* Ensure Font Awesome Icons work properly */
.fas, .far, .fab, .fal, .fad, .fa, i.fas, i.far, i.fab, i.fal, i.fad, i.fa, [class*="fa-"] {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'FontAwesome' !important;
    font-style: normal !important;
    font-weight: 900 !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    speak: none !important;
}

.far {
    font-weight: 400 !important;
}

.fab {
    font-weight: 400 !important;
}

/* Specific Font Awesome classes */
[class*="fa-"] {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Pro', 'FontAwesome' !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Specific Nucleo classes */
[class*="ni-"] {
    font-family: 'NucleoIcons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Bootstrap Icons */
.bi, [class*="bi-"] {
    font-family: 'bootstrap-icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* Override any Saudi font application on icons */
.sidenav .ni,
.navbar .ni,
.sidebar .ni,
.nav .ni,
.menu .ni,
.sidenav .fas,
.navbar .fas,
.sidebar .fas,
.nav .fas,
.menu .fas,
.sidenav .far,
.navbar .far,
.sidebar .far,
.nav .far,
.menu .far,
.sidenav .fab,
.navbar .fab,
.sidebar .fab,
.nav .fab,
.menu .fab,
.sidenav [class*="fa-"],
.navbar [class*="fa-"],
.sidebar [class*="fa-"],
.nav [class*="fa-"],
.menu [class*="fa-"],
.sidenav [class*="ni-"],
.navbar [class*="ni-"],
.sidebar [class*="ni-"],
.nav [class*="ni-"],
.menu [class*="ni-"] {
    font-family: inherit !important;
}

/* DataTables icons */
.dataTables_wrapper .fas,
.dataTables_wrapper .far,
.dataTables_wrapper .ni,
.dataTables_wrapper [class*="fa-"],
.dataTables_wrapper [class*="ni-"] {
    font-family: inherit !important;
}

/* Button icons */
.btn .fas,
.btn .far,
.btn .ni,
.btn [class*="fa-"],
.btn [class*="ni-"] {
    font-family: inherit !important;
}

/* Card icons */
.card .fas,
.card .far,
.card .ni,
.card [class*="fa-"],
.card [class*="ni-"] {
    font-family: inherit !important;
}

/* Ensure icons display correctly */
i.ni::before,
i.fas::before,
i.far::before,
i.fab::before,
i[class*="fa-"]::before,
i[class*="ni-"]::before {
    font-family: inherit !important;
}

/* Fix for common admin panel icons */
.ni-tv-2,
.ni-bullet-list-67,
.ni-single-02,
.ni-shop,
.ni-settings-gear-65,
.ni-world-2,
.ni-collection,
.ni-archive-2,
.ni-tag,
.ni-books,
.ni-paper-diploma,
.ni-support-16,
.ni-email-83,
.ni-spaceship,
.ni-palette,
.ni-image,
.ni-folder-17,
.ni-building,
.ni-chart-bar-32,
.ni-money-coins,
.ni-credit-card,
.ni-basket,
.ni-delivery-fast,
.ni-notification-70,
.ni-user-run,
.ni-lock-circle-open,
.ni-key-25,
.ni-circle-08,
.ni-satisfied,
.ni-single-copy-04 {
    font-family: 'NucleoIcons' !important;
}

/* Common Font Awesome icons */
.fa-times,
.fa-bars,
.fa-user,
.fa-cog,
.fa-home,
.fa-dashboard,
.fa-edit,
.fa-trash,
.fa-plus,
.fa-minus,
.fa-search,
.fa-filter,
.fa-sort,
.fa-eye,
.fa-download,
.fa-upload,
.fa-save,
.fa-print,
.fa-envelope,
.fa-phone,
.fa-calendar,
.fa-clock,
.fa-check,
.fa-close,
.fa-arrow-left,
.fa-arrow-right,
.fa-arrow-up,
.fa-arrow-down {
    font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
}

/* Ultimate icon font override - highest specificity */
html body .sidenav .ni,
html body .navbar .ni,
html body .sidebar .ni,
html body .nav .ni,
html body .menu .ni,
html body .card .ni,
html body .btn .ni,
html body div .ni,
html body span .ni,
html body i.ni {
    font-family: 'NucleoIcons' !important;
    font-style: normal !important;
    font-weight: normal !important;
}

html body .sidenav .fas,
html body .navbar .fas,
html body .sidebar .fas,
html body .nav .fas,
html body .menu .fas,
html body .card .fas,
html body .btn .fas,
html body div .fas,
html body span .fas,
html body i.fas {
    font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

html body .sidenav [class*="fa-"],
html body .navbar [class*="fa-"],
html body .sidebar [class*="fa-"],
html body .nav [class*="fa-"],
html body .menu [class*="fa-"],
html body .card [class*="fa-"],
html body .btn [class*="fa-"],
html body div [class*="fa-"],
html body span [class*="fa-"],
html body i[class*="fa-"] {
    font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

/* Force override any SaudiWeb font on icons */
*[class*="ni-"]:not(.text):not(.content):not(.title):not(.description) {
    font-family: 'NucleoIcons' !important;
}

*[class*="fa-"]:not(.text):not(.content):not(.title):not(.description) {
    font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
}
