/* ============================================================
   HNMC Service-Kacheln v2.7 – Icon-Schriften (lokal, DSGVO-konform)
   ------------------------------------------------------------
   Material Symbols (Outlined / Rounded / Sharp) als variable Fonts
   mit den Achsen FILL (0–1) und wght (100–700). GRAD und opsz sind
   auf die Google-Standardwerte (0 / 24) fixiert → kleinere Dateien.
   Der Browser lädt nur die Schrift(en), die tatsächlich verwendet
   werden (per @font-face-Lazy-Loading).

   Legacy: die alte "Material Icons"-Schrift bleibt als Fallback für
   87 Icon-Namen erhalten, die es in Material Symbols nicht mehr gibt.
   ============================================================ */

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  src: url('../fonts/MaterialSymbolsOutlined.woff2') format('woff2');
  font-display: block;
}
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  src: url('../fonts/MaterialSymbolsRounded.woff2') format('woff2');
  font-display: block;
}
@font-face {
  font-family: 'Material Symbols Sharp';
  font-style: normal;
  font-weight: 100 700;
  src: url('../fonts/MaterialSymbolsSharp.woff2') format('woff2');
  font-display: block;
}
/* Legacy-Fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
  font-display: block;
}

/* Gemeinsame Basis für alle Icon-Glyphen (Symbols + Legacy) */
.hnmc-glyph,
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp,
.material-icons {
  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-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: 'liga';
  -webkit-font-feature-settings: 'liga';
}

.material-symbols-outlined { font-family: 'Material Symbols Outlined'; }
.material-symbols-rounded  { font-family: 'Material Symbols Rounded'; }
.material-symbols-sharp    { font-family: 'Material Symbols Sharp'; }
.material-icons            { font-family: 'Material Icons'; }

/* Variable Achsen: FILL und wght werden über CSS-Variablen gesteuert.
   Standard: gefüllt (wie die bisherige Material-Icons-Schrift), Gewicht 400. */
.material-symbols-outlined,
.material-symbols-rounded,
.material-symbols-sharp {
  font-variation-settings: 'FILL' var(--hnmc-icon-fill, 1), 'wght' var(--hnmc-icon-wght, 400), 'GRAD' 0, 'opsz' 24;
}