/**
 * Material Symbols Outlined — lokaal, i.p.v. de <link> naar fonts.googleapis.com
 * die hier tot 02-08-2026 stond.
 *
 * Waarom hier én in het thema: deze library wordt via hook_page_attachments
 * globaal aangehecht (ozk_intranet.module:24), ook op pagina's die niet in
 * bario_sub renderen (admin/claro). Het thema levert dezelfde declaratie in
 * css/custom.css voor de publieke kampkaarten; die twee zijn identiek en
 * wijzen naar hetzelfde bestand, dus er is één woff2 op de server.
 *
 * Aanleiding: bezoekers met een tracker-blocker (uBlock, Firefox strict)
 * kregen het Google-verzoek geblokkeerd en zagen de kale ligatuur-tekst
 * ("calendar_month", "malefemale") in plaats van de icoontjes.
 *
 * Het woff2 is de statische variant (geen fvar/variabele assen), instantie
 * wght 400 / FILL 0 / GRAD 0 — precies wat de bestaande
 * font-variation-settings in het thema al vroegen.
 *
 * font-display: block, niet swap: bij swap toont de browser tijdens het laden
 * juist de ligatuur-tekst — de bug die we hier oplossen.
 */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/themes/custom/bario_sub/fonts/material-symbols-outlined.woff2?v=20261014') format('woff2');
}

/* Basisregels 1-op-1 uit de Google-stylesheet die hier weggehaald is; andere
   CSS in het thema rekent op de 24px die hiervandaan komt (zie de toelichting
   bij .icon-featured in bario_sub/css/ozk-d7-parity-extra.css).
 *
 * .material-icons is een alias: die klasse hoorde bij de oudere, gevulde
 * Material Icons-set die bootstrap_barrio als theme-setting van Google laadde.
 * Alle namen die de site gebruikt bestaan ook in Symbols, dus één font volstaat
 * en de markup in views en node-body's blijft ongewijzigd. Vooral relevant in
 * de intranet-views (belangstelling_werving, aanmeldingen_*, civicrm_contact),
 * waar beide klassen door elkaar staan. Besluit Richard 02-08-2026. */
.material-symbols-outlined,
.material-icons {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}