/* ═══════════════════════════════════════════════════════
   FONT UNIFY — marketing chrome speaks in ONE voice.

   The hero uses Inter (Cairo for the Arabic locale). Across
   the site, dozens of module CSS files were applying their
   own font choices (DM Serif Display, JetBrains Mono for
   headings, etc.), so the brand voice drifted page-by-page.

   This file forces Inter / Cairo on every element that is
   NOT inside the simulated product (POS device hardware,
   demo environment). The product surface keeps its native
   typography because it IS the product — same carve-out
   logic as sharp-corners.css.

   Loaded LAST so it overrides per-module CSS.
═══════════════════════════════════════════════════════ */

*:not(.pos-device):not(.pos-device *):not(#demoEnv):not(#demoEnv *) {
  font-family: 'Inter', 'Cairo', sans-serif !important;
}

/* Pseudo-elements need their own rule. */
*:not(.pos-device):not(.pos-device *):not(#demoEnv):not(#demoEnv *)::before,
*:not(.pos-device):not(.pos-device *):not(#demoEnv):not(#demoEnv *)::after {
  font-family: 'Inter', 'Cairo', sans-serif !important;
}

/* Arabic locale flips the stack — Cairo first, Inter as the
   Latin fallback for any inline English. */
[dir="rtl"] *:not(.pos-device):not(.pos-device *):not(#demoEnv):not(#demoEnv *),
[dir="rtl"] *:not(.pos-device):not(.pos-device *):not(#demoEnv):not(#demoEnv *)::before,
[dir="rtl"] *:not(.pos-device):not(.pos-device *):not(#demoEnv):not(#demoEnv *)::after {
  font-family: 'Cairo', 'Inter', sans-serif !important;
}