/* ============================================
   InHeChina 货币图标样式
   自动在积分和余额前显示自定义图标
   ============================================ */

/* 积分图标 */
.points-icon,
.coin-icon,
[data-currency="points"]::before,
.stat-icon-container.points::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/assets/points-coin.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    vertical-align: middle;
}

/* 钱包余额图标 */
.wallet-icon,
.balance-icon,
[data-currency="wallet"]::before,
.stat-icon-container.wallet::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/assets/wallet-coin.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    vertical-align: middle;
}

/* 大号图标（用于统计卡片） */
.points-icon-lg,
.wallet-icon-lg {
    width: 32px !important;
    height: 32px !important;
}

/* 特大号图标（用于头部展示） */
.points-icon-xl,
.wallet-icon-xl {
    width: 48px !important;
    height: 48px !important;
}

/* 小号图标（用于列表/表格） */
.points-icon-sm,
.wallet-icon-sm {
    width: 16px !important;
    height: 16px !important;
}

/* 内联显示样式 */
.currency-display {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* 确保图标不被其他样式覆盖 */
.stat-icon-container.points,
.stat-icon-container.wallet {
    background: transparent !important;
    position: relative;
}

.stat-icon-container.points::before,
.stat-icon-container.wallet::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
}