/**
 * Login page fonts: Tajawal for Arabic (ar), CircularStd for English (en)
 * Load last (after Font Awesome) so font rules take precedence
 */

/* Tajawal for Arabic - explicit import to ensure it loads */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap');

/* CircularStd @font-face (for English login) */
@font-face {
  font-family: 'CircularStd';
  font-style: normal;
  font-weight: 400;
  src: local('Circular Std Book'), url('../fonts/CircularStd-Book.woff') format('woff');
}
@font-face {
  font-family: 'CircularStd';
  font-style: italic;
  font-weight: 400;
  src: local('Circular Std Book Italic'), url('../fonts/CircularStd-BookItalic.woff') format('woff');
}
@font-face {
  font-family: 'CircularStd';
  font-style: normal;
  font-weight: 500;
  src: local('Circular Std Medium'), url('../fonts/CircularStd-Medium.woff') format('woff');
}
@font-face {
  font-family: 'CircularStd';
  font-style: italic;
  font-weight: 500;
  src: local('Circular Std Medium Italic'), url('../fonts/CircularStd-MediumItalic.woff') format('woff');
}
@font-face {
  font-family: 'CircularStd';
  font-style: normal;
  font-weight: 600;
  src: local('Circular Std Bold'), url('../fonts/CircularStd-Bold.woff') format('woff');
}
@font-face {
  font-family: 'CircularStd';
  font-style: italic;
  font-weight: 600;
  src: local('Circular Std Bold Italic'), url('../fonts/CircularStd-BoldItalic.woff') format('woff');
}
@font-face {
  font-family: 'CircularStd';
  font-style: normal;
  font-weight: 800;
  src: local('Circular Std Black'), url('../fonts/CircularStd-Black.woff') format('woff');
}
@font-face {
  font-family: 'CircularStd';
  font-style: italic;
  font-weight: 800;
  src: local('Circular Std Black Italic'), url('../fonts/CircularStd-BlackItalic.woff') format('woff');
}

/* Arabic: Tajawal - target html, body, and all login content */
html[lang="ar"],
html[lang="ar"] body,
html[lang="ar"] body.saff-login-page,
html[lang="ar"] .saff-login-page,
html[lang="ar"] .saff-login-page * {
  font-family: 'Tajawal', sans-serif !important;
}

/* English: CircularStd */
html[lang="en"] .saff-login-page,
html[lang="en"] .saff-login-page * {
  font-family: 'CircularStd', sans-serif !important;
}
