/* Purple Cow Arabic typography release 0.3.26.
 * Immutable path: EasyWP caches static assets by path and ignores query versions. */
@font-face {
  font-family: 'Tajawal';
  src: url('../fonts/og/Tajawal-OG-Regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Tajawal';
  src: url('../fonts/og/Tajawal-OG-Bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --font-inter: 'inter', Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-tajawal: 'Tajawal', ui-sans-serif, system-ui, sans-serif;
  --font-bilingual-ui: 'inter', Inter, 'Tajawal', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-arabic-ui: var(--font-bilingual-ui);
}

html[dir='rtl'] {
  --font-ui: var(--font-arabic-ui);
  --font-display-ui: var(--font-arabic-ui);
  font-synthesis: none;
}

html[dir='rtl'] body.pcow-site,
html[dir='rtl'] body.pcow-site *,
body.pcow-site [dir='rtl'],
body.pcow-site [dir='rtl'] *,
body.pcow-site :dir(rtl),
body.pcow-site :lang(ar) {
  font-family: var(--font-arabic-ui) !important;
  font-style: normal !important;
  font-synthesis: none;
  letter-spacing: normal !important;
  text-transform: none !important;
}

html[dir='rtl'] body.pcow-site :is(code, pre, kbd, samp, .font-mono, [class~='font-mono']),
body.pcow-site [dir='rtl'] :is(code, pre, kbd, samp, .font-mono, [class~='font-mono']),
body.pcow-site :lang(ar):is(code, pre, kbd, samp, .font-mono, [class~='font-mono']) {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}
