/*
 * Drapeaux emoji pour toute la boutique, sans JavaScript.
 *
 * Windows n'embarque aucun drapeau emoji : 🇫🇷 s'y affiche en lettres "FR".
 * On complète chaque police du thème par une déclaration de même nom, limitée
 * aux caractères des drapeaux (unicode-range) et pointant vers la police
 * Twemoji. Le navigateur compose alors la famille : les drapeaux viennent de
 * Twemoji, tout le reste du texte de la police d'origine. Cela vaut partout
 * (étiquettes, menu atk_menu, bandeaux, CMS…), en B2C comme en B2B, qui
 * hérite des polices du thème atavik (use_parent_assets).
 *
 * RÈGLES À RESPECTER :
 * - Une déclaration par @font-face du thème, avec EXACTEMENT les mêmes
 *   font-weight / font-style / font-stretch que l'originale
 *   (themes/atavik/_dev/css/override/_ds.scss). Sinon le navigateur peut
 *   préférer la face "drapeaux" pour un poids donné, et le texte de ce poids
 *   tomberait sur la police de secours.
 * - Police ajoutée au thème = ligne à ajouter ici, sinon ses drapeaux
 *   resteront en "FR" sous Windows.
 * - Ne déclarer ici que des familles définies en @font-face par le thème :
 *   déclarer une police système absente du thème masquerait la police
 *   installée sur le poste.
 *
 * Le fichier n'est téléchargé que si un drapeau est effectivement affiché.
 * Sur Mac / iOS / Android, le drapeau Twemoji remplace celui du système :
 * rendu identique sur tous les appareils.
 *
 * Police "Twemoji Country Flags" (paquet npm country-flag-emoji-polyfill),
 * graphismes Twemoji © Twitter, Inc. et contributeurs, licence CC-BY 4.0.
 */

/* Nom propre, utilisé par les back-offices (classe atk-flag-font) */
@font-face {
    font-family: "Twemoji Country Flags";
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    font-display: swap;
}

/* Polices du thème atavik */
@font-face {
    font-family: "Myriad Pro";
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Myriad Pro Bold";
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Myriad Pro Semibold";
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Arial";
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Arial Bold";
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Arial Black";
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "DIN Condensed";
    unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E007F;
    src: url("../fonts/TwemojiCountryFlags.woff2") format("woff2");
    font-weight: bold;
    font-style: normal;
    font-stretch: condensed;
    font-display: swap;
}