/* flag-icons 7.2.3, uitgedund tot de zeven vlaggen die deze site toont.
 *
 * Vervangt op 30-08-2026 een @import naar cdn.jsdelivr.net in salesfision.css.
 * Waarom weg: die @import stond BINNEN een stylesheet, dus de browser moest
 * eerst salesfision.css ophalen en ontleden voordat hij er uberhaupt aan begon.
 * Lighthouse mat er 817 ms render-blokkering voor, op een bestand van 2,5 KB;
 * dat is bijna helemaal het opzetten van een verbinding met een vreemde server.
 *
 * De volledige CSS is 27.904 bytes en noemt ruim 250 landen. Deze site kent er
 * vijf in de code (gb, nl, es, it, de, zie assets/salesfision-site/js/translate.js)
 * en er zijn er zeven gemeten op de live pagina, dus fr en pt staan er ook in.
 *
 * De vlaggen zijn echte bestanden in assets/flags/ en geen data-URI's: zo laadt
 * de browser alleen de vlag die hij toont, in plaats van alle zeven. Dat scheelt
 * vooral bij es.svg, want dat wapen is 91 KB.
 *
 * Bron: https://github.com/lipis/flag-icons, MIT. Licentie in assets/flags/LICENSE.
 */

.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}

.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}

/* Let op: dit MOET een harde spatie zijn (U+00A0), geschreven als de
 * CSS-escape \00a0. Een gewone spatie klapt weg, dan ontstaat er geen
 * regelvak en heeft de inline-block hoogte 0: de vlag verdwijnt.
 * Zo ging het op 30-08-2026 mis bij het uitdunnen van deze CSS; gemeten
 * 19x0 op acceptatie tegen 19x14 op productie, terwijl alle berekende
 * eigenschappen gelijk waren. Het origineel van flag-icons doet het ook zo. */
.fi:before { content: "\00a0"; }
.fi.fis { width: 1em; }

.fi-gb { background-image: url(../flags/gb.svg); }
.fi-nl { background-image: url(../flags/nl.svg); }
.fi-es { background-image: url(../flags/es.svg); }
.fi-it { background-image: url(../flags/it.svg); }
.fi-de { background-image: url(../flags/de.svg); }
.fi-fr { background-image: url(../flags/fr.svg); }
.fi-pt { background-image: url(../flags/pt.svg); }