/*!
 * Country flag emoji support (shared by the admin panel and the trendy template).
 *
 * Service names carry flag emoji (🇧🇷 🇺🇸 …) written as regional indicator
 * pairs (U+1F1E6–U+1F1FF). Windows' Segoe UI Emoji has no flag glyphs, so
 * those pairs render as bare letter boxes ("BR", "US"). The face below covers
 * that range — and only that range — from a Twemoji flag subset, so every
 * other character (text, other emoji, icon fonts) renders exactly as before.
 *
 * The family only takes effect where it sits FIRST in a font-family list;
 * Chrome will not fall through to it from a later family. Because font-family
 * lists don't merge across rules, each area prepends it to its own stack:
 *   - trendy: --body-font / --heading-font in templates/trendy/css/custom.css
 *   - admin and everything else: the body rule at the end of this file
 *
 * Font: Twemoji Country Flags subset — Twemoji (CC-BY 4.0), Twitter, Inc.
 */

@font-face {
    font-family: "Twemoji Country Flags";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    unicode-range: U+1F1E6-1F1FF;
}

/* Body-level stack. On the admin panel this supplies the flag family in front
   of Poppins; on the trendy template --body-font already leads with it (see
   templates/trendy/css/custom.css) and this simply restates the same stack, so
   flags still show if that stylesheet is served from a stale cache. */
body {
    font-family: "Twemoji Country Flags", var(--body-font, "Poppins"), sans-serif;
}