/* ALGOZ OPS - self-hosted UI icon fonts.
   Replaces the former Font Awesome CDN link, so the portal keeps its icons
   with no third-party request and works fully offline in the field.

   Material Symbols Rounded  - Apache License 2.0 - see LICENSE-material-symbols.txt
     Subset to the 145 glyphs the portal actually uses (17.7 KB).
     Usage: <span class="ms">directions_car</span>   (ligature = the icon name)

   Bootstrap Icons - MIT License - see LICENSE-bootstrap-icons.txt
     Subset to the brand marks Material Symbols does not carry (0.7 KB).
     Usage: <span class="bi bi-telegram"></span>

   To add an icon that is not in the subset, re-run the subset step documented
   in the manuals: the font is generated from the icon list, not hand-edited. */

@font-face{
  font-family:'Material Symbols Rounded';
  font-style:normal;
  font-weight:400;
  /* block, not swap: a ligature font would otherwise flash the raw icon name */
  font-display:block;
  src:url('material-symbols.woff2?v=2') format('woff2');
}
@font-face{
  font-family:'bootstrap-icons';
  font-style:normal;
  font-weight:400;
  font-display:block;
  src:url('bootstrap-icons.woff2?v=1') format('woff2');
}

/* Material Symbols are drawn on a 24px grid with more internal padding than
   Font Awesome, so they read smaller at the same font-size. --ic-size is the
   tuned equivalent of the 14px Font Awesome icons this replaced. */
:root{ --ic-size:17px; }

.ms,.bi{
  display:inline-block;
  line-height:1;
  vertical-align:-0.19em;   /* sits the glyph on the text baseline */
  font-size:var(--ic-size);
  font-style:normal;
  font-weight:400;
  letter-spacing:normal;
  text-transform:none;
  white-space:nowrap;
  word-wrap:normal;
  direction:ltr;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  /* the glyph is text, so it must never be selected or read aloud as a word */
  -webkit-user-select:none;
  user-select:none;
  speak:none;
}

.ms{
  font-family:'Material Symbols Rounded';
  font-feature-settings:'liga';   /* the icon name resolves through ligatures */
  -webkit-font-feature-settings:'liga';
}

.bi{ font-family:'bootstrap-icons'; }
.bi::before{ display:inline-block; }
.bi-telegram::before{ content:"\f5b3"; }
.bi-whatsapp::before{ content:"\f618"; }

/* was fa-spin */
.ms.spin,.bi.spin{ animation:ic-spin 1s linear infinite; }
@keyframes ic-spin{ to{ transform:rotate(360deg); } }

@media (prefers-reduced-motion:reduce){
  .ms.spin,.bi.spin{ animation-duration:2.4s; }
}