/* Material Symbols Outlined — mis à jour le 2026-08-26 */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('./material-symbols-outlined.woff2') format('woff2');
}

/*
 * Alias on the legacy family name, and not only on the class.
 *
 * Stylesheets that name 'Material Icons' directly rather than using the class exist and have to
 * keep working: a ::after content trick cannot carry a class, which is exactly how the datatable
 * sort chevrons are drawn (table.datatable th.orderAsc/orderDesc/orderNone in Core/Css/model.scss,
 * content "expand_less" / "expand_more" / "unfold_more"). Mapping the class alone left those three
 * rendering their ligature name as literal text.
 *
 * Declared as an alias rather than by patching the rules, because this repository cannot see every
 * stylesheet that reaches a page: the per-workzone custom sheet under Css/<hash>/ is deployed
 * outside the repository and may name the family too. An alias fixes what a grep cannot find.
 *
 * The FILL axis stays at its default here - a pseudo-element has no class to carry --ms-fill - so
 * glyphs reached through the family name are outlined. For chevrons that is invisible.
 */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 100 700;
  font-display: block;
  src: url('./material-symbols-outlined.woff2') format('woff2');
}

/*
 * .material-icons is the legacy Materialize v1 class. It is mapped onto the same local font
 * instead of the remote googleapis stylesheet v1 used to pull: that stylesheet is refused by the
 * 'self'-only content security policy, so v1 pages were rendering no icons at all.
 *
 * Material Symbols keeps the ligature names of Material Icons, so the 299 names the platform uses
 * (add_circle, admin_panel_settings, arrow_downward…) resolve unchanged. The drawing differs -
 * outlined rather than filled - so v1 icons take the v2 look. A name absent from Symbols would
 * show as its own text, which is visible rather than silent.
 *
 * Only v1 loads this file: v2 gets the same @font-face from Core/Css/scss/_icons.scss, compiled
 * into workzone.css.
 */
.material-icons {
  /*
   * Filled by default, unlike the v2 selector below. The legacy Material Icons font drew its
   * glyphs filled and had separate fonts for the outlined, round and sharp variants, so leaving
   * the FILL axis at 0 would have redrawn every v1 icon in outline - a visible change on pages
   * whose look is deliberately frozen. One line to revert if the outlined look is preferred.
   */
  --ms-fill: 1;
}

.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;
  font-variation-settings:
    'FILL' var(--ms-fill, 0),
    'wght' var(--ms-wght, 400),
    'GRAD' var(--ms-grad, 0),
    'opsz' var(--ms-opsz, 24);
}

/*
 * Variable-axis modifiers, mirrored from Core/Css/scss/_icons.scss. That partial is compiled into
 * the v2 stylesheet only, so without these two rules the classes would be present in the v1 markup
 * and govern nothing: the boolean icons that ask to be filled - the green check, the red cross -
 * would stay outlined, where the legacy Material Icons font drew them filled by default.
 */
.material-symbols-outlined.symbol-filled,
.material-icons.symbol-filled {
  --ms-fill: 1;
}

.material-symbols-outlined.symbol-light,
.material-icons.symbol-light {
  --ms-wght: 200;
}