/**
 * Custom Icons for ThePipeTool
 *
 * SVG-based icons using CSS masking so they inherit currentColor
 * like Bootstrap Icons. Works alongside Bootstrap Icons 1.11.3.
 *
 * Icons:
 *   bi-tobacco-leaf  — custom tobacco leaf (replaces missing bi-leaf)
 *   bi-scale          — custom balance scale for weight contexts
 *   bi-whale          — custom whale icon for "Cellar Whales" leaderboard
 */

/* ============================================================
   TOBACCO LEAF ICON
   Source: view/img/tobacco-leaf.svg (160×160 viewBox)
   ============================================================ */
.bi-tobacco-leaf::before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background: currentColor;
    -webkit-mask-image: url('../img/tobacco-leaf.svg');
    mask-image: url('../img/tobacco-leaf.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* ============================================================
   SCALE ICON (wide aspect ratio)
   Source: view/img/scale-icon.svg (514×222 viewBox)
   ============================================================ */
.bi-scale::before {
    content: "";
    display: inline-block;
    width: 2.4em;
    height: 1.1em;
    background: currentColor;
    -webkit-mask-image: url('../img/scale-icon.svg');
    mask-image: url('../img/scale-icon.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* ============================================================
   WHALE ICON (square)
   Source: view/img/whale-icon.svg (1080×1080 viewBox)
   ============================================================ */
.bi-whale::before {
    content: "";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background: currentColor;
    -webkit-mask-image: url('../img/whale-icon.svg');
    mask-image: url('../img/whale-icon.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}