/* Font Display Fix for Bootstrap Icons */
/* Override Bootstrap Icons font loading to use font-display: swap */
@font-face {
    font-display: swap;
    font-family: "bootstrap-icons";
    src: url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/fonts/bootstrap-icons.woff2?1bb8886bdb1dd85e0cbaabc4ec36c962") format("woff2"),
         url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/fonts/bootstrap-icons.woff?1bb8886bdb1dd85e0cbaabc4ec36c962") format("woff");
    font-weight: normal;
    font-style: normal;
}

/* Ensure icons are visible during font loading */
.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
    font-family: "bootstrap-icons", sans-serif !important;
}