
html[lang="ar"] {
  font-family: 'Tajawal', sans-serif;
}

html[lang="ar"] * {
  font-family: 'Tajawal', sans-serif;
}

/* Specific elements with Arabic content */
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"] span,
html[lang="ar"] div,
html[lang="ar"] a,
html[lang="ar"] button,
html[lang="ar"] label,
html[lang="ar"] input,
html[lang="ar"] textarea {
  font-family: 'Tajawal', sans-serif;
}

/* Ensure titles use appropriate weight */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] .title {
  font-weight: 600;
}

html[lang="ar"] button,
html[lang="ar"] .btn-text,
html[lang="ar"] strong {
  font-weight: 600;
}

/* Form elements */
html[lang="ar"] input::placeholder,
html[lang="ar"] textarea::placeholder {
  font-family: 'Tajawal', sans-serif;
}

html[lang="ar"] input,
html[lang="ar"] textarea {
  font-family: 'Tajawal', sans-serif;
  font-size: 16px;
}
