/* Arabic Font Styles */

/* Apply Janna LT font to all Arabic content */
html[lang="ar"] body,
html[dir="rtl"] body {
  font-family: 'Janna LT', 'Roboto', sans-serif !important;
}

/* Headers - Bold font */
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[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
  font-family: 'Janna LT', 'Roboto', sans-serif !important;
  font-weight: 700 !important;
}

/* Body text - Regular font */
html[lang="ar"] p,
html[lang="ar"] span,
html[lang="ar"] div,
html[lang="ar"] a,
html[lang="ar"] li,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] div,
html[dir="rtl"] a,
html[dir="rtl"] li {
  font-family: 'Janna LT', 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

/* MUI Typography components */
html[lang="ar"] .MuiTypography-root,
html[dir="rtl"] .MuiTypography-root {
  font-family: 'Janna LT', 'Roboto', sans-serif !important;
}

html[lang="ar"] .MuiTypography-h1,
html[lang="ar"] .MuiTypography-h2,
html[lang="ar"] .MuiTypography-h3,
html[lang="ar"] .MuiTypography-h4,
html[lang="ar"] .MuiTypography-h5,
html[lang="ar"] .MuiTypography-h6,
html[dir="rtl"] .MuiTypography-h1,
html[dir="rtl"] .MuiTypography-h2,
html[dir="rtl"] .MuiTypography-h3,
html[dir="rtl"] .MuiTypography-h4,
html[dir="rtl"] .MuiTypography-h5,
html[dir="rtl"] .MuiTypography-h6 {
  font-family: 'Janna LT', 'Roboto', sans-serif !important;
  font-weight: 700 !important;
}

html[lang="ar"] .MuiTypography-body1,
html[lang="ar"] .MuiTypography-body2,
html[lang="ar"] .MuiTypography-subtitle1,
html[lang="ar"] .MuiTypography-subtitle2,
html[dir="rtl"] .MuiTypography-body1,
html[dir="rtl"] .MuiTypography-body2,
html[dir="rtl"] .MuiTypography-subtitle1,
html[dir="rtl"] .MuiTypography-subtitle2 {
  font-family: 'Janna LT', 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

/* Buttons */
html[lang="ar"] .MuiButton-root,
html[dir="rtl"] .MuiButton-root {
  font-family: 'Janna LT', 'Roboto', sans-serif !important;
  font-weight: 700 !important;
}

/* Input fields */
html[lang="ar"] .MuiInputBase-root,
html[lang="ar"] .MuiOutlinedInput-root,
html[lang="ar"] .MuiFilledInput-root,
html[dir="rtl"] .MuiInputBase-root,
html[dir="rtl"] .MuiOutlinedInput-root,
html[dir="rtl"] .MuiFilledInput-root {
  font-family: 'Janna LT', 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

/* Menu items */
html[lang="ar"] .MuiMenuItem-root,
html[dir="rtl"] .MuiMenuItem-root {
  font-family: 'Janna LT', 'Roboto', sans-serif !important;
  font-weight: 400 !important;
}

/* Better Arabic text rendering */
html[lang="ar"],
html[dir="rtl"] {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}