/* =========================================================
   Montserrat – self-hosted
   =========================================================

   Font se servíruje z vlastní domény. Veřejná stránka akce
   tím neposílá žádný požadavek na fonts.googleapis.com ani
   fonts.gstatic.com, takže prohlížeč návštěvníka nepředává
   jeho IP adresu Googlu.

   Soubory jsou variabilní řez Montserrat (wght 100–900),
   proto stačí dva: latin a latin-ext. Jedno @font-face
   pravidlo s rozsahem `font-weight: 400 900` pokrývá
   všechny řezy, které stránka používá (400, 700, 900).

   latin-ext je pro češtinu povinný – ě, š, č, ř, ž, ů, ň,
   ť a ď v základní latince nejsou.

   Montserrat, autor Julieta Ulanovsky a spol.
   Licence SIL Open Font License 1.1, viz fonts/OFL.txt.
   ========================================================= */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('../fonts/montserrat-latin-ext.woff2') format('woff2');
    unicode-range:
        U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
        U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
        U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('../fonts/montserrat-latin.woff2') format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC,
        U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
        U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
        U+2212, U+2215, U+FEFF, U+FFFD;
}


/* =========================================================
   IKONY
   =========================================================

   Dřív se kvůli sedmi ikonám tahala celá knihovna Font
   Awesome z cdnjs.cloudflare.com. Teď jsou ikony inline SVG
   přímo v šabloně a tahle třída jim jen dává rozměr.

   `width/height: 1em` a `vertical-align: -.125em` odpovídají
   tomu, jak se chovaly ikony Font Awesome, takže se řádky
   nikam neposunuly.

   Barvu ikona dědí z textu (`fill: currentColor`), proto
   funguje i `style="color: var(--brand-main)"` na místě,
   kde se dřív barvil element <i>.
   ========================================================= */

.icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: -.125em;
    fill: currentColor;
    flex-shrink: 0;
}