/* CLEAN ICON FIX - NO CAIRO FONT INTERFERENCE */
/* This file ONLY fixes icons, no other styling */

/* Ensure all icon elements use their proper fonts */
[class*="ti-"] {
    font-family: 'tabler-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;
}

[class*="fa-"] {
    font-family: 'FontAwesome' !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;
}

[class*="feather-"] {
    font-family: 'feather' !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;
}

[class*="material-"] {
    font-family: 'Material 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;
}

[class*="phosphor-"],
[class^="ph-"] {
    font-family: 'Phosphor' !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;
}

/* Generic icon classes */
.ti {
    font-family: 'tabler-icons' !important;
}

.fa {
    font-family: 'FontAwesome' !important;
}

.feather {
    font-family: 'feather' !important;
}

.material-icons {
    font-family: 'Material Icons' !important;
}

.pc-icon {
    font-family: inherit !important;
}

/* I tags with icon classes */
i[class*="ti-"] {
    font-family: 'tabler-icons' !important;
}

i[class*="fa-"] {
    font-family: 'FontAwesome' !important;
}

i[class*="feather-"] {
    font-family: 'feather' !important;
}

i[class*="material-"] {
    font-family: 'Material Icons' !important;
}

i[class*="phosphor-"] {
    font-family: 'Phosphor' !important;
}

/* Pseudo-elements */
[class*="ti-"]::before,
[class*="ti-"]::after {
    font-family: 'tabler-icons' !important;
}

[class*="fa-"]::before,
[class*="fa-"]::after {
    font-family: 'FontAwesome' !important;
}

[class*="feather-"]::before,
[class*="feather-"]::after {
    font-family: 'feather' !important;
}

[class*="material-"]::before,
[class*="material-"]::after {
    font-family: 'Material Icons' !important;
}

[class*="phosphor-"]::before,
[class*="phosphor-"]::after {
    font-family: 'Phosphor' !important;
}

/* Ensure icons in common UI elements work */
.btn [class*="ti-"],
.btn [class*="fa-"],
.btn [class*="feather-"],
.btn [class*="material-"],
.btn [class*="phosphor-"] {
    font-family: inherit !important;
}

.nav-link [class*="ti-"],
.nav-link [class*="fa-"],
.nav-link [class*="feather-"],
.nav-link [class*="material-"],
.nav-link [class*="phosphor-"] {
    font-family: inherit !important;
}

/* RTL Support */
[dir="rtl"] [class*="ti-"] {
    font-family: 'tabler-icons' !important;
}

[dir="rtl"] [class*="fa-"] {
    font-family: 'FontAwesome' !important;
}

[dir="rtl"] [class*="feather-"] {
    font-family: 'feather' !important;
}

[dir="rtl"] [class*="material-"] {
    font-family: 'Material Icons' !important;
}

[dir="rtl"] [class*="phosphor-"],
[dir="rtl"] [class^="ph-"] {
    font-family: 'Phosphor' !important;
}