/*
 * The fonts a business can set its footer visitor counter's number in
 * (BrandSetting::COUNTER_FONTS), self-hosted from app/assets/fonts/counter
 * with their licences beside them, unmodified. A browser downloads one only
 * when text on the page uses it, so a site that picks none pays nothing.
 * Add a font: its file and licence there, an @font-face here, a rule below,
 * and its name in COUNTER_FONTS (spec/assets/counter_fonts_spec.rb checks
 * they agree).
 */

@font-face {
  font-family: "Bitcount Prop Single";
  src: url("/assets/counter/BitcountPropSingle-Regular-b0cfa501.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Major Mono Display";
  src: url("/assets/counter/MajorMonoDisplay-Regular-adf4e0cf.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Press Start 2P";
  src: url("/assets/counter/PressStart2P-Regular-dd8cd1ef.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Special Elite";
  src: url("/assets/counter/SpecialElite-Regular-1ba143d6.ttf") format("truetype");
  font-display: swap;
}

/* The number only; the word beside it keeps the site's font. The attribute
 * is set from the allowlist, never from a visitor. Each is sized for its own
 * letterforms: the display faces are unreadable at footer text size. */
.site-footer__visitor-count[data-font="Bitcount Prop Single"] { font-family: "Bitcount Prop Single", monospace; font-size: 1.4em; line-height: 1; }
.site-footer__visitor-count[data-font="Major Mono Display"] { font-family: "Major Mono Display", monospace; font-size: 1.5em; line-height: 1; }
.site-footer__visitor-count[data-font="Press Start 2P"] { font-family: "Press Start 2P", monospace; font-size: 1.1em; line-height: 1; }
.site-footer__visitor-count[data-font="Special Elite"] { font-family: "Special Elite", monospace; font-size: 1.4em; line-height: 1; }