/* Font Awesome Local - محلي */

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../fonts/fontawesome/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("../fonts/fontawesome/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("../fonts/fontawesome/fa-brands-400.woff2") format("woff2");
}

/* Base styles for all Font Awesome icons */
.fa,
.fas,
.far,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal !important;
    font-variant: normal !important;
    line-height: 1;
    text-rendering: auto;
    vertical-align: middle;
}

/* Solid icons (default) */
.fas,
.fa {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* Regular icons */
.far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

/* Brand icons */
.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* Ensure all i elements with fa classes get proper styling */
i[class^="fa"],
i[class*=" fa"] {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal !important;
    font-variant: normal !important;
    line-height: 1;
    text-rendering: auto;
    vertical-align: middle;
}

/* Apply solid font to i.fas elements */
i.fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

/* Apply regular font to i.far elements */
i.far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

/* Apply brands font to i.fab elements */
i.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

/* ============================================
   ICONS - الأيقونات
   ============================================ */

/* Navigation Icons - أيقونات التنقل */
.fa-home:before {
    content: "\f015";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

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

.fa-times:before {
    content: "\f00d";
}

.fa-palette:before {
    content: "\f53f";
}

.fa-magic:before {
    content: "\f0d0";
}

/* Action Icons - أيقونات الإجراءات */
.fa-cart-plus:before {
    content: "\f217";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-edit:before {
    content: "\f044";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-trash-alt:before {
    content: "\f2ed";
}

.fa-save:before {
    content: "\f0c7";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-check:before {
    content: "\f00c";
}

.fa-download:before {
    content: "\f019";
}

.fa-upload:before {
    content: "\f093";
}

.fa-search:before {
    content: "\f002";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-sort:before {
    content: "\f0dc";
}

/* Status Icons - أيقونات الحالة */
.fa-check-circle:before {
    content: "\f058";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-times-circle:before {
    content: "\f057";
}

/* Product Icons - أيقونات المنتجات */
.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-star:before {
    content: "\f005";
}

.fa-heart:before {
    content: "\f004";
}

.fa-image:before {
    content: "\f03e";
}

/* Admin Icons - أيقونات الإدارة */
.fa-chart-pie:before {
    content: "\f200";
}

.fa-chart-bar:before {
    content: "\f080";
}

.fa-chart-line:before {
    content: "\f201";
}

.fa-cog:before {
    content: "\f013";
}

.fa-sliders-h:before {
    content: "\f1de";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-external-link-alt:before {
    content: "\f35d";
}

/* User Icons - أيقونات المستخدم */
.fa-user:before {
    content: "\f007";
}

.fa-users:before {
    content: "\f0c0";
}

/* Contact Icons - أيقونات التواصل */
.fa-phone:before {
    content: "\f095";
}

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

.fa-map-marker-alt:before {
    content: "\f3c5";
}

/* Navigation Arrows - أسهم التنقل */
.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-chevron-up:before {
    content: "\f077";
}

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

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

/* Other Icons - أيقونات أخرى */
.fa-box:before {
    content: "\f466";
}

.fa-boxes:before {
    content: "\f468";
}

.fa-clipboard-list:before {
    content: "\f46d";
}

.fa-file-alt:before {
    content: "\f15c";
}

.fa-file-invoice:before {
    content: "\f570";
}

.fa-dollar-sign:before {
    content: "\f155";
}

.fa-percentage:before {
    content: "\f295";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-calendar:before {
    content: "\f133";
}

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

.fa-share:before {
    content: "\f064";
}

.fa-print:before {
    content: "\f02f";
}

.fa-copy:before {
    content: "\f0c5";
}

.fa-link:before {
    content: "\f0c1";
}

.fa-circle:before {
    content: "\f111";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-sync:before {
    content: "\f021";
}

.fa-redo:before {
    content: "\f01e";
}

.fa-undo:before {
    content: "\f0e2";
}

.fa-inbox:before {
    content: "\f01c";
}

/* Social Icons - أيقونات التواصل الاجتماعي */
.fa-facebook:before {
    content: "\f09a";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-x-twitter:before {
    content: "\e61b";
}

.fa-instagram:before {
    content: "\f16d";
}

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

.fa-youtube:before {
    content: "\f167";
}

.fa-linkedin:before {
    content: "\f08c";
}

.fa-telegram:before {
    content: "\f2c6";
}

.fa-snapchat:before {
    content: "\f2ab";
}

.fa-tiktok:before {
    content: "\e07b";
}

/* Spinning Animation */
.fa-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}