/* Landaty — اختيار اللون/المقاس في الأوردر بامب (مشترك بين الشيك أوت والون-بيدج) */
.lp-bump-pick {
    display: block;
    margin-top: 10px;
}

.lp-bump-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.lp-bump-lbl {
    font-size: 12.5px;
    font-weight: 700;
    color: #64748b;
    min-width: 42px;
}

.lp-bump-opts {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.lp-bump-opt {
    appearance: none;
    border: 1.5px solid #d7dee7;
    background: #fff;
    color: #0f172a;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    padding: 8px 12px;
    border-radius: 9px;
    cursor: pointer;
    transition: border-color .15s, background .15s, color .15s;
}

.lp-bump-opt:hover:not(:disabled) {
    border-color: var(--primary, #ff6b00);
}

.lp-bump-opt.active {
    border-color: var(--primary, #ff6b00);
    background: var(--primary, #ff6b00);
    color: #fff;
}

.lp-bump-opt.lp-bump-off {
    opacity: .35;
    cursor: not-allowed;
    text-decoration: line-through;
}

.lp-bump-need .lp-bump-opt:not(.lp-bump-off) {
    border-color: #dc2626;
}

.lp-bump-need .lp-bump-lbl {
    color: #dc2626;
}

/* حالة «بيتضاف…» — الصندوق بيوضّح إنه شغّال بدل ما يبان واقف */
.lp-bump-busy {
    opacity: .55;
    pointer-events: none;
    transition: opacity .15s;
}