/**
 * B2 Group Buy Plugin - B2 Orders Page Integration
 * B2主题订单列表中的团购状态样式
 */

/* 团购状态徽章 */
#myorders .order-list li .group-buy-status {
    display: inline-block;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
}

/* 团购进度 */
#myorders .order-list li .group-buy-progress {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    font-size: 12px;
    color: #666;
    background: #f5f5f5;
    border-radius: 10px;
}

/* 不同状态的颜色 */
#myorders .order-list li .group-buy-status[data-status="pending"] {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

#myorders .order-list li .group-buy-status[data-status="success"] {
    background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
}

#myorders .order-list li .group-buy-status[data-status="failed"] {
    background: linear-gradient(135deg, #eb3349 0%, #f45c43 100%);
}

/* 团购订单标识 */
#myorders .order-list li .order-type span:contains("团购") {
    color: #2563eb;
}