/**
 * 购物车数量徽章样式 - 移动端优化版
 * Breakdance Zero Theme - Cart Count Badge (Mobile Optimized)
 */

/* 购物车图标容器 */
.footer-cart {
    position: relative;
    display: inline-block;
}

/* 购物车数量徽章 - 移动端优化 */
.bde-cart-count-badge {
    position: absolute;
    top: -9px;
    right: 9px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    background: #ff4444;
    color: #ffffff;
    border-radius: 9px;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    z-index: 10;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: background 0.3s ease;
}

/* 数量为 0 时显示灰色 */
.bde-cart-count-badge[data-cart-count="0"] {
    background: #999999;
}

/* 添加商品时的弹跳动画 */
@keyframes cartBounce {
    0%, 100% { 
        transform: scale(1); 
    }
    50% { 
        transform: scale(1.3); 
    }
}

.bde-cart-count-badge.bounce {
    animation: cartBounce 0.5s ease;
}

/* 如果需要在左侧显示徽章 */
.footer-cart.cart-badge-left .bde-cart-count-badge {
    right: auto;
    left: -6px;
}

/* 自定义颜色方案（可选） */
.bde-cart-count-badge.badge-blue {
    background: #007bff;
}

.bde-cart-count-badge.badge-green {
    background: #28a745;
}

.bde-cart-count-badge.badge-orange {
    background: #ff9800;
}

.bde-cart-count-badge.badge-dark {
    background: #343a40;
}