/*
 * Hand-authored fontello subset.
 *
 * The eshop production stylesheet we scope into eshop-scoped.css (fetched by
 * tools/eshop-css/scope-eshop-css.mjs) does NOT carry the fontello @font-face
 * or the .icon-* glyph classes — on dek.cz those ship from a separate
 * /fonts/fontello/css/fontello.css that the scoping tool never ingests. The
 * scoping tool also cannot emit @font-face (it drops non-@keyframes/@media
 * at-rules), so the header's <i class="icon-user-circle"> glyph must be
 * provided here.
 *
 * Glyph rules are scoped to #dek-header so this icon-font behavior cannot leak
 * onto DS components elsewhere in the app. Keep in sync with the eshop:
 *   font:  /mnt/c/pool/eshop/www/fonts/fontello/font/fontello.woff2
 *   glyph: .icon-user-circle => U+F2BD (fontello.css / fontello-codes.css)
 */
@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello/fontello.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

#dek-header [class^="icon-"]:before,
#dek-header [class*=" icon-"]:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
}

#dek-header .icon-user-circle:before {
    content: '\f2bd';
}