/*@font-face {
    font-family: 'ExpoArabic';
    src: url('../font/arabic/ExpoArabic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ExpoArabic';
    src: url('../font/arabic/ExpoArabic-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ExpoArabic';
    src: url('../font/arabic/ExpoArabic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ExpoArabic';
    src: url('../font/arabic/ExpoArabic-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}*/

/* 2. THE SMART APPLICATION RULE */
/* Added :not(.e-frame) and :not(.e-icons) to spans and divs to protect checkboxes and arrows */
/*[lang="ar"],
[lang="ar"] body,
[lang="ar"] h1, [lang="ar"] h2, [lang="ar"] h3,
[lang="ar"] h4, [lang="ar"] h5, [lang="ar"] h6,
[lang="ar"] p, [lang="ar"] a, [lang="ar"] li, [lang="ar"] label,
[lang="ar"] input:not(.e-input),
[lang="ar"] button:not(.e-control),
[lang="ar"] span:not(.e-icons):not(.e-frame),
[lang="ar"] div:not(.e-pager):not(.e-grid):not(.e-control):not(.e-icons):not(.e-frame) {
    font-family: 'ExpoArabic', Tahoma, Arial, sans-serif !important;
}*/

/* 3. RE-ENABLE SYNCFUSION ICONS (Checkmarks & Arrows) */
/* This forces the checkmark (✔) and arrows (>) to use the correct Syncfusion font */
/*.e-icons,
.e-pager .e-icons,
.e-control .e-icons,
.e-checkbox-wrapper .e-frame,
.e-checkbox-wrapper .e-frame::before {
    font-family: 'e-icons' !important;
}*/

/* 4. RE-ENABLE PAGER NUMBERS */
/*[lang="ar"] .e-pager .e-numericitem {
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}*/

/* 5. FIX TEXT ALIGNMENT FOR LTR PAGES */
/*[lang="ar"][dir="ltr"] .item-brand-name,
[lang="ar"][dir="ltr"] .category-title,
[lang="ar"][dir="ltr"] .bundle-title,
[lang="ar"][dir="ltr"] .widget-title {
    text-align: right;
}*/

/* 6. OPTIONAL: CHECKBOX COLOR FIX */
/* Ensures the checkbox is blue when checked so the white mark is visible */
/*[lang="ar"] .e-checkbox-wrapper .e-frame.e-check {
    background-color: #007bff !important;
    border-color: #007bff !important;
}
[lang="ar"],
[lang="ar"] *:not(.fa):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fas):not(.fab):not(.e-icons):not(.e-frame) {
    font-family: 'ExpoArabic', sans-serif !important;
}*/

/* 2. Explicitly force FontAwesome to use its own font */
/* This ensures that even if a parent has the Arabic font, the icon stays as an icon */
/*.fa-solid, .fas, .fa-regular, .far, .fa-brands, .fab {
    font-family: "Font Awesome 6 Free" !important;*/ /* Ensure this matches your version (5 or 6) */
/*font-weight: 900 !important;*/ /* Solid icons require weight 900 to show up */
/*}*/

/* 1. FONT DEFINITIONS */
@font-face {
    font-family: 'ExpoArabic';
    src: url('../font/arabic/ExpoArabic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ExpoArabic';
    src: url('../font/arabic/ExpoArabic-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ExpoArabic';
    src: url('../font/arabic/ExpoArabic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ExpoArabic';
    src: url('../font/arabic/ExpoArabic-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* 2. THE SMART APPLICATION RULE */
/* We target specific text elements and EXCLUDE all icon classes (FontAwesome & Syncfusion) */
[lang="ar"],
[lang="ar"] body,
[lang="ar"] h1, [lang="ar"] h2, [lang="ar"] h3,
[lang="ar"] h4, [lang="ar"] h5, [lang="ar"] h6,
[lang="ar"] p, [lang="ar"] a, [lang="ar"] li, [lang="ar"] label, [lang="ar"] strong,
[lang="ar"] input:not(.e-input),
[lang="ar"] button:not(.e-control),
[lang="ar"] span:not(.fa):not(.fas):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fab):not(.e-icons):not(.e-frame),
[lang="ar"] div:not(.e-pager):not(.e-grid):not(.e-control):not(.e-icons):not(.e-frame) {
    font-family: 'ExpoArabic', Tahoma, Arial, sans-serif !important;
}

    /* 3. PROTECT FONTAWESOME ICONS */
    /* We must target the element AND the ::before pseudo-element where the icon lives */
    [lang="ar"] .fa,
    [lang="ar"] .fas,
    [lang="ar"] .fa-solid,
    [lang="ar"] .fa-regular,
    [lang="ar"] .fa-brands,
    [lang="ar"] .fab,
    [lang="ar"] .fa-solid::before,
    [lang="ar"] .fas::before,
    [lang="ar"] .fab::before {
        font-family: "Font Awesome 6 Free" !important; /* Ensure this matches your version */
        font-weight: 900 !important; /* Required for Solid icons */
    }

/* 4. PROTECT SYNCFUSION ICONS (Checkmarks & Arrows) */
.e-icons,
.e-pager .e-icons,
.e-control .e-icons,
.e-checkbox-wrapper .e-frame,
.e-checkbox-wrapper .e-frame::before {
    font-family: 'e-icons' !important;
}

/* 5. RE-ENABLE PAGER NUMBERS */
[lang="ar"] .e-pager .e-numericitem {
    font-family: "Segoe UI", Arial, sans-serif !important;
}

/* 6. FIX TEXT ALIGNMENT FOR LTR PAGES */
[lang="ar"][dir="ltr"] .item-brand-name,
[lang="ar"][dir="ltr"] .category-title,
[lang="ar"][dir="ltr"] .bundle-title,
[lang="ar"][dir="ltr"] .widget-title,
[lang="ar"][dir="ltr"] .entry-title {
    text-align: right;
}

/* 7. CHECKBOX COLOR FIX */
[lang="ar"] .e-checkbox-wrapper .e-frame.e-check {
    background-color: #009045 !important; /* Match your brand green */
    border-color: #009045 !important;
}