/* Keep Frappe-rendered pages, including /login, on the same Arabic typeface as
   the LMS Vue application. Only the Arabic subset is loaded here so Latin
   email addresses and codes continue to use the interface's Latin fallback. */
@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-display: swap;
	font-weight: 400;
	src: url('/assets/lms/frontend/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2');
}

@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-display: swap;
	font-weight: 500;
	src: url('/assets/lms/frontend/fonts/ibm-plex-sans-arabic-arabic-500-normal.woff2') format('woff2');
}

@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-display: swap;
	font-weight: 600;
	src: url('/assets/lms/frontend/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2');
}

@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-display: swap;
	font-weight: 700;
	src: url('/assets/lms/frontend/fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2');
}

html[lang^='ar'],
html[lang^='ar'] body,
html[lang^='ar'] button,
html[lang^='ar'] input,
html[lang^='ar'] select,
html[lang^='ar'] textarea {
	font-family: 'IBM Plex Sans Arabic', InterVar, sans-serif;
}

html[lang^='ar'] #page-login {
	font-size: 14px;
	line-height: 1.5;
}

html[lang^='ar'] #page-login :where(.page-card, .page-card *) {
	letter-spacing: 0;
}

html[lang^='ar'] #page-login .page-card-head h4 {
	font-size: 20px;
	line-height: 1.4;
}

html[lang^='ar'] #page-login :where(.page-card-subtitle, label, input, button, a, p) {
	font-size: 14px;
	line-height: 1.5;
}