/*
 * JUUKO Font Awesome Local Fix
 * Loads local fonts and prevents Shabnam/global styles
 * from overriding icon fonts.
 */

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/assets/fontawesome/webfonts/fa-solid-900.woff2")
         format("woff2");
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/assets/fontawesome/webfonts/fa-regular-400.woff2")
         format("woff2");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/assets/fontawesome/webfonts/fa-brands-400.woff2")
         format("woff2");
}

/* Font Awesome 5 compatibility */

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/assets/fontawesome/webfonts/fa-solid-900.woff2")
         format("woff2");
}

@font-face {
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/assets/fontawesome/webfonts/fa-regular-400.woff2")
         format("woff2");
}

@font-face {
    font-family: "Font Awesome 5 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/assets/fontawesome/webfonts/fa-brands-400.woff2")
         format("woff2");
}

/* Base rendering */

i.fa,
i.fas,
i.far,
i.fab,
i.fa-solid,
i.fa-regular,
i.fa-brands,
.fa,
.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands {
    display: inline-block !important;
    font-style: normal !important;
    font-variant: normal !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    speak: never;
    width: auto;
    height: auto;
    letter-spacing: normal !important;
    text-transform: none !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Solid icons */

i.fa,
i.fas,
i.fa-solid,
.fa,
.fas,
.fa-solid {
    font-family:
        "Font Awesome 6 Free",
        "Font Awesome 5 Free" !important;

    font-weight: 900 !important;
}

/* Regular icons */

i.far,
i.fa-regular,
.far,
.fa-regular {
    font-family:
        "Font Awesome 6 Free",
        "Font Awesome 5 Free" !important;

    font-weight: 400 !important;
}

/* Brand icons */

i.fab,
i.fa-brands,
.fab,
.fa-brands {
    font-family:
        "Font Awesome 6 Brands",
        "Font Awesome 5 Brands" !important;

    font-weight: 400 !important;
}

/* Pseudo-elements */

i.fa::before,
i.fas::before,
i.far::before,
i.fab::before,
i.fa-solid::before,
i.fa-regular::before,
i.fa-brands::before,
.fa::before,
.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before {
    display: inline-block !important;
    font-family: inherit !important;
    font-style: normal !important;
    font-weight: inherit !important;
    font-variant: normal !important;
    line-height: 1 !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/*
 * Explicit icon mappings used across JUUKO.
 * These guarantee rendering even when all.min.css
 * is incomplete.
 */

.fa-clock::before {
    content: "\f017" !important;
}

.fa-envelope::before {
    content: "\f0e0" !important;
}

.fa-phone::before {
    content: "\f095" !important;
}

.fa-whatsapp::before {
    content: "\f232" !important;
}

.fa-magnifying-glass::before,
.fa-search::before {
    content: "\f002" !important;
}

.fa-file-signature::before {
    content: "\f573" !important;
}

.fa-bars::before {
    content: "\f0c9" !important;
}

.fa-xmark::before,
.fa-times::before {
    content: "\f00d" !important;
}

.fa-chevron-down::before {
    content: "\f078" !important;
}

.fa-headset::before {
    content: "\f590" !important;
}

/*
 * JUUKO header-specific protection.
 */

.jkh i.fa,
.jkh i.fas,
.jkh i.far,
.jkh i.fab,
.jkh i.fa-solid,
.jkh i.fa-regular,
.jkh i.fa-brands,
.jkh-search-modal i,
.jkh-drawer i {
    font-style: normal !important;
    line-height: 1 !important;
}

.jkh i.fa,
.jkh i.fas,
.jkh i.fa-solid,
.jkh-search-modal i.fa-solid,
.jkh-drawer i.fa-solid {
    font-family:
        "Font Awesome 6 Free",
        "Font Awesome 5 Free" !important;

    font-weight: 900 !important;
}

.jkh i.far,
.jkh i.fa-regular {
    font-family:
        "Font Awesome 6 Free",
        "Font Awesome 5 Free" !important;

    font-weight: 400 !important;
}

.jkh i.fab,
.jkh i.fa-brands {
    font-family:
        "Font Awesome 6 Brands",
        "Font Awesome 5 Brands" !important;

    font-weight: 400 !important;
}