/* =========================================================================
   sap-icons-subset.css
   Self-hosted SAP Fiori icon font (Apache 2.0, via OpenUI5/SAP's own
   downloads). Scoped to ONLY the 4 icons actually used in the nav/header
   chrome in MainLayout.razor — everything else in the app keeps Bootstrap
   Icons untouched.

   SETUP:
   1. Download the Quartz icon font (woff2/woff/ttf) from SAP's font
      downloads page, or the OpenUI5 CDN equivalent.
   2. Host the font files alongside this CSS.
   3. Look up real codepoints + icon names via the UI5 Icon Explorer:
      https://ui5.sap.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html
   ========================================================================= */

@font-face {
  font-family: "SAP-icons-subset";
  src: url("./fonts/sap-icons.woff2") format("woff2"),
       url("./fonts/sap-icons.woff")  format("woff"),
       url("./fonts/sap-icons.ttf")   format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.fiori-icon {
  font-family: "SAP-icons-subset";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  display: inline-block;
  speak: none;
  -webkit-font-smoothing: antialiased;
}

/* ---- The only 4 icons used in the real nav markup (MainLayout.razor):
     bi-list            → hamburger / open menu
     bi-x                → close menu
     bi-gear-fill        → settings
     bi-box-arrow-right  → logout

   PLACEHOLDERS below (\eXXX) — replace with real SAP codepoints found
   via the Icon Explorer. Likely SAP name matches to search for:
     menu2            (hamburger)
     decline / close   (close X)
     action-settings   (settings/gear)
     log               (logout — confirm closest visual match)
---------------------------------------------------------------------- */
.fiori-icon-menu::before     { content: "\e01a"; } /* replaces bi-list */
.fiori-icon-close::before    { content: "\e01b"; } /* replaces bi-x */
.fiori-icon-settings::before { content: "\e01c"; } /* replaces bi-gear-fill */
.fiori-icon-logout::before   { content: "\e01d"; } /* replaces bi-box-arrow-right */

/* Usage, e.g.:
   <i class="fiori-icon fiori-icon-menu" aria-hidden="true"></i>
*/