/* ============================================================
   Country-flag emoji support (🇸🇦 🇦🇪 …)

   A flag emoji is a pair of regional-indicator letters (🇸🇦 = U+1F1F8 U+1F1E6).
   Windows' Segoe UI Emoji deliberately ships NO flag glyphs, so Chrome/Edge on
   Windows fall back to drawing the boxed letters ("SA") instead of the flag —
   while the very same text renders as a real flag on iOS/Android, which is what
   employees see in the push notification.

   Noto Color Emoji, subset to the regional-indicator block only, fixes the admin
   UI. Because of unicode-range the browser downloads it ONLY when a flag actually
   appears on the page, and no other character can resolve to this family, so all
   normal Arabic/Latin text keeps the existing site fonts untouched.

   The family is appended to the base stacks in site.css (en) and siteAr.css (ar);
   a family listed there wins over the implicit Segoe UI Emoji system fallback.
   ============================================================ */

@font-face {
    font-family: 'Noto Color Emoji';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/noto-color-emoji-flags.woff2') format('woff2');
    unicode-range: U+1F1E6-1F1FF;
}

/* Form controls do not inherit font-family on their own (the Bootstrap reboot
   rule for it is commented out in app.min.css), so the notification editor fields
   would keep the boxed letters. Scoped to the notification admin pages. */
.ess-notification-create-page input,
.ess-notification-create-page textarea,
.ess-notification-create-page .rz-textbox,
.ess-notification-create-page .rz-html-editor-content {
    font-family: inherit;
}