/*!
 * Self-hosted subset of Tabler Icons 2.44.0 (https://tabler.io)
 * MIT License - https://github.com/tabler/tabler-icons/blob/master/LICENSE
 *
 * Only the 12 glyphs actually used on blakrice.com.sg are included, so this
 * file replaces the full jsdelivr CDN webfont (~770KB) with a ~3KB file
 * served from the same origin as the site. This removes the external CDN
 * as a single point of failure: if a visitor's network throttles, blocks,
 * or is simply slow to reach jsdelivr (common on mobile data), the icons
 * used for navigation (hamburger menu) and "Back to top" no longer
 * silently disappear.
 */
@font-face {
  font-family: "tabler-icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/tabler-icons-subset.woff2") format("woff2"),
       url("../fonts/tabler-icons-subset.woff") format("woff");
}

.ti {
  font-family: "tabler-icons" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ti-alert-triangle:before { content: "\ea06"; }
.ti-arrow-up:before { content: "\ea25"; }
.ti-award:before { content: "\ea2c"; }
.ti-building-bank:before { content: "\ebe2"; }
.ti-building-skyscraper:before { content: "\ec39"; }
.ti-bulb:before { content: "\ea51"; }
.ti-circle-check:before { content: "\ea67"; }
.ti-menu-2:before { content: "\ec42"; }
.ti-palette:before { content: "\eb01"; }
.ti-school:before { content: "\ecf7"; }
.ti-stethoscope:before { content: "\edbe"; }
.ti-tools-kitchen-2:before { content: "\eeff"; }

/*
 * Defensive fallback: even a same-origin font can fail in rare edge
 * cases (aggressive privacy/ad blockers, a corrupted browser cache
 * entry, disabled web fonts). The hamburger and "Back to top" controls
 * are functional, not decorative, so the tap target itself must stay
 * visible even if the glyph inside it never paints.
 */
.nav-toggle {
  min-width: 40px;
  min-height: 40px;
  border: 1px solid rgba(242, 237, 231, 0.35);
  border-radius: 6px;
}

@media (max-width: 900px) {
  .back-to-top span.btt-label {
    display: inline !important;
  }
  .back-to-top {
    padding: 10px 16px 10px 14px !important;
  }
}