/**
 * SKU置灰显示插件 - 前端CSS
 * @author skugrey
 * @version 1.0.0
 */

/* 无库存SKU置灰样式 */
.skugrey-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    pointer-events: none !important;
    position: relative !important;
}

/* 缺货标识 */
.skugrey-badge {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    background: #999 !important;
    color: #fff !important;
    font-size: 10px !important;
    padding: 1px 4px !important;
    border-radius: 2px !important;
    z-index: 10 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

/* 确保图片也置灰 */
.skugrey-disabled img {
    filter: grayscale(100%) !important;
    -webkit-filter: grayscale(100%) !important;
    opacity: 0.5 !important;
}

/* 禁用状态的悬停效果 */
.skugrey-disabled:hover {
    opacity: 0.4 !important;
    border-color: #ddd !important;
}

/* 已选中的无库存项 */
.skugrey-disabled.selected,
.skugrey-disabled.active {
    border-color: #999 !important;
    background: #f5f5f5 !important;
}