/*
 * Thikaa Icons override — replaces the legacy Support Board icon font with a
 * modern FontAwesome-based icon set built into the same codepoints. Loaded
 * last in admin.php so its @font-face wins the cascade, and uses a fresh
 * version query so browsers refetch instead of serving the cached old WOFF.
 *
 * Built 2026-05-25.
 */

@font-face {
    font-family: "Thikaa Icons";
    src: url("../media/icons/support-board.woff2?v=20260525b") format("woff2"),
         url("../media/icons/support-board.woff?v=20260525b")  format("woff"),
         url("../media/icons/support-board.ttf?v=20260525b")   format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Support Board Icons";
    src: url("../media/icons/support-board.woff2?v=20260525b") format("woff2"),
         url("../media/icons/support-board.woff?v=20260525b")  format("woff"),
         url("../media/icons/support-board.ttf?v=20260525b")   format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
 * FontAwesome glyphs are designed for a 512em box with descent -64.
 * The legacy SB font used 1024em with descent 0, so FA glyphs land
 * slightly smaller within the same line-height. Bump :before icons
 * by ~10% so the visual size matches what users had before.
 */
[class^="tk-icon-"]:before,
[class*=" tk-icon-"]:before,
.tk-icon:before,
.tk-player-btn:before,
.tk-button:before,
.tk-conversation-source:before,
.tk-list .tk-player .tk-player-btn:before {
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    speak: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
}

/*
 * Generic helper class — drop-in replacement for the "emoji-as-icon" pattern.
 * Usage:  <i class="tk-fa tk-fa-comment"></i>
 *         <i class="tk-fa tk-fa-search"></i>
 * The glyph is rendered via :before so the icon font's :before tweaks above
 * still apply, and you can color/size it via standard CSS.
 */
.tk-fa {
    font-family: "Thikaa Icons", "Support Board Icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    display: inline-block;
}
.tk-fa:before {
    font-family: inherit !important;
    font-weight: inherit !important;
}

/* Standard glyphs (already in SB codepoint range) */
.tk-fa-comment:before     { content: "\0064"; }
.tk-fa-search:before      { content: "\006F"; }
.tk-fa-bolt:before        { content: "\E915"; }
.tk-fa-phone:before       { content: "\006C"; }
.tk-fa-cog:before         { content: "\006D"; }
.tk-fa-settings:before    { content: "\006D"; }
.tk-fa-user:before        { content: "\006E"; }
.tk-fa-users:before       { content: "\E911"; }
.tk-fa-envelope:before    { content: "\0067"; }
.tk-fa-bell:before        { content: "\E912"; }
.tk-fa-paperclip:before   { content: "\0065"; }
.tk-fa-download:before    { content: "\0066"; }
.tk-fa-tag:before         { content: "\F02B"; }
.tk-fa-trash:before       { content: "\0078"; }
.tk-fa-edit:before        { content: "\E904"; }
.tk-fa-lock:before        { content: "\0079"; }
.tk-fa-check:before       { content: "\0077"; }
.tk-fa-close:before       { content: "\0070"; }
.tk-fa-times:before       { content: "\0070"; }
.tk-fa-plus:before        { content: "\004D"; }
.tk-fa-arrow-left:before  { content: "\0041"; }
.tk-fa-arrow-right:before { content: "\0047"; }
.tk-fa-arrow-down:before  { content: "\0061"; }
.tk-fa-warning:before     { content: "\E905"; }
.tk-fa-robot:before       { content: "\E902"; }
.tk-fa-microphone:before  { content: "\E903"; }
.tk-fa-play:before        { content: "\F04B"; }
.tk-fa-pause:before       { content: "\F04C"; }
.tk-fa-send:before        { content: "\0050"; }
.tk-fa-paper-plane:before { content: "\0050"; }
.tk-fa-calendar:before    { content: "\0062"; }
.tk-fa-clock:before       { content: "\0046"; }
.tk-fa-smile:before       { content: "\0072"; }
.tk-fa-marker:before      { content: "\0068"; }
.tk-fa-circle:before      { content: "\E900"; }
.tk-fa-levels:before      { content: "\E901"; }
.tk-fa-sms:before         { content: "\E91C"; }
.tk-fa-file:before        { content: "\0042"; }
.tk-fa-help:before        { content: "\0045"; }
.tk-fa-reload:before      { content: "\0044"; }
.tk-fa-refresh:before     { content: "\0051"; }
.tk-fa-chart-bar:before   { content: "\0059"; }
.tk-fa-menu:before        { content: "\0073"; }
.tk-fa-thumbs-up:before   { content: "\004F"; }
.tk-fa-thumbs-down:before { content: "\004E"; }
.tk-fa-currency:before    { content: "\0048"; }
.tk-fa-language:before    { content: "\0049"; }
.tk-fa-desktop:before     { content: "\006A"; }
.tk-fa-plane:before       { content: "\006B"; }
.tk-fa-shuffle:before     { content: "\007A"; }

/* Extension glyphs (added with the font extension) */
.tk-fa-brain:before       { content: "\E906"; }
.tk-fa-target:before      { content: "\E907"; }
.tk-fa-bullseye:before    { content: "\E907"; }
.tk-fa-plug:before        { content: "\E908"; }
.tk-fa-palette:before     { content: "\E909"; }
.tk-fa-mobile:before      { content: "\E90A"; }
.tk-fa-toolbox:before     { content: "\E90B"; }
.tk-fa-tools:before       { content: "\E90B"; }
.tk-fa-rocket:before      { content: "\E90C"; }
.tk-fa-star:before        { content: "\E90D"; }
.tk-fa-heart:before       { content: "\E90E"; }
.tk-fa-folder:before      { content: "\E90F"; }
.tk-fa-globe:before       { content: "\E910"; }
.tk-fa-gift:before        { content: "\E913"; }
.tk-fa-fire:before        { content: "\E914"; }
.tk-fa-chart-pie:before   { content: "\E916"; }