/*
 * Self-hosted Material Symbols icon font.
 *
 * Every mat-icon renders through this ligature font by default
 * (icons.provider.ts: setDefaultFontSetClass("material-symbols-outlined", ...)).
 *
 * IMPORTANT — the @font-face family is deliberately named 'Agritec Material Symbols',
 * NOT 'Material Symbols Outlined'. When the Google Maps JS API loads it injects its own
 * @font-face + .material-symbols-outlined rule under the name 'Material Symbols Outlined'
 * (a 2-glyph subset, unicode-range U+E5CB-E5CC, for its map controls). Two @font-faces
 * sharing that family name made the browser mis-resolve our icons once Maps' subset loaded,
 * so every icon fell back to its raw ligature text ("west", "save", ...) as soon as the map
 * appeared. A private family name Maps cannot collide with removes that whole failure mode.
 * font-family is !important so it also beats Maps' injected .material-symbols-outlined rule
 * regardless of stylesheet order; font-display:block prevents any raw-text fallback.
 *
 * The .woff2 is the exact file Google served for this app's axes (opsz@48, wght@600, GRAD@0,
 * FILL@0..1 variable), so filled/outlined toggling via .agr-symbols-* is unchanged.
 */
@font-face {
    font-family: 'Agritec Material Symbols';
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url("material-symbols-outlined.var.woff2?v=1") format("woff2");
}

.material-symbols-outlined {
    font-family: 'Agritec Material Symbols' !important;
    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;
}