/* =========================================================
   VIVI Icon Base
   Version: 0.1.0
   Source: BuddyBoss Theme assets/icons

   使用方式：
   <i class="vivi-bb-icon vivi-icon-cart" aria-hidden="true"></i>

   VIVI 基礎 icon 名稱對照：
   cart         = 購物車
   notification = 通知
   message      = 訊息 / 私訊
   home         = 首頁
   activity     = 動態牆
   groups       = 社團
   profile      = 個人 / Profile
   user-avatar  = 使用者頭像
   account      = 我的帳戶
   settings     = 設定
   logout       = 登出
   sidebar      = 側欄 / 選單
   badge        = 徽章 / 成就
   gift         = 禮物 / 優惠
   vip          = VIP / 會員
   journal      = 生活誌 / 文章
   folder       = 資料夾 / 收藏
   chat         = 聊天 / 留言
   search       = 搜尋
   calendar     = 行事曆
   location     = 地點
   arrow-left   = 上一頁
   arrow-right  = 下一頁
========================================================= */

.vivi-bb-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  color: currentColor;
  font-family: "bb-icons" !important;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.vivi-bb-icon::before {
  display: inline-block;
}

.vivi-icon-cart::before { content: "\ef1b"; }
.vivi-icon-notification::before { content: "\e86d"; }
.vivi-icon-message::before { content: "\eeba"; }
.vivi-icon-home::before { content: "\eeb3"; }
.vivi-icon-activity::before { content: "\e854"; }
.vivi-icon-groups::before { content: "\e95d"; }
.vivi-icon-profile::before { content: "\ef52"; }
.vivi-icon-user-avatar::before { content: "\ef53"; }
.vivi-icon-account::before { content: "\ef52"; }
.vivi-icon-settings::before { content: "\ee27"; }
.vivi-icon-logout::before { content: "\ef23"; }
.vivi-icon-sidebar::before { content: "\edb1"; }
.vivi-icon-badge::before { content: "\e865"; }
.vivi-icon-gift::before { content: "\eea9"; }
.vivi-icon-vip::before { content: "\ef32"; }
.vivi-icon-journal::before { content: "\e86e"; }
.vivi-icon-folder::before { content: "\ee9e"; }
.vivi-icon-chat::before { content: "\ee31"; }
.vivi-icon-search::before { content: "\ef10"; }
.vivi-icon-calendar::before { content: "\e803"; }
.vivi-icon-location::before { content: "\eed1"; }
.vivi-icon-arrow-left::before { content: "\e8ab"; }
.vivi-icon-arrow-right::before { content: "\e827"; }

/* 可直接套用 BuddyBoss 原生 class 時的尺寸與對齊保護 */
.vivi-icon-inline,
.vivi-bb-icon.bb-icon-l,
.vivi-bb-icon.bb-icon-lined {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}