/* Arabic Font - Tajawal from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

/* Arabic/RTL Font Application - All Selectors */
[dir="rtl"], 
html[dir="rtl"], 
body[dir="rtl"],
html[lang="ar"],
html[lang^="ar-"],
body[lang="ar"],
body[lang^="ar-"],
[dir="rtl"] *,
html[dir="rtl"] *,
body[dir="rtl"] *,
html[lang="ar"] *,
html[lang^="ar-"] *,
body[lang="ar"] *,
body[lang^="ar-"] *,
.rtl,
.rtl *,
.arabic,
.arabic * {
    font-family: 'Tajawal', sans-serif !important;
}

/* Specific elements to ensure font is applied */
[dir="rtl"] body,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] p,
[dir="rtl"] a,
[dir="rtl"] span,
[dir="rtl"] div,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] label,
[dir="rtl"] li,
[dir="rtl"] td,
[dir="rtl"] th,
html[lang="ar"] body,
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ar"] p,
html[lang="ar"] a,
html[lang="ar"] span,
html[lang="ar"] div,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] textarea,
html[lang="ar"] select,
html[lang="ar"] label,
html[lang="ar"] li,
html[lang="ar"] td,
html[lang="ar"] th {
    font-family: 'Tajawal', sans-serif !important;
}

/* Menu specific styles */
[dir="rtl"] .tp-category-menu,
[dir="rtl"] .main-menu,
[dir="rtl"] .tp-main-menu-mobile,
[dir="rtl"] .offcanvas,
[dir="rtl"] .cartmini,
html[lang="ar"] .tp-category-menu,
html[lang="ar"] .main-menu,
html[lang="ar"] .tp-main-menu-mobile,
html[lang="ar"] .offcanvas,
html[lang="ar"] .cartmini {
    font-family: 'Tajawal', sans-serif !important;
}