/* Bootstrap Icons Fix untuk CMS */

@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff2") format("woff2"),
       url("../fonts/bootstrap-icons.woff") format("woff");
}

/* Force load Bootstrap Icons */
.bi,
[class^="bi-"],
[class*=" bi-"] {
  font-family: "bootstrap-icons", monospace !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  vertical-align: -.125em !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Ensure icons display inline */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block !important;
  font-family: "bootstrap-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1 !important;
  vertical-align: -.125em !important;
}