/* Rework Agency — Product Variants selector */
.rwv-selector {
    margin: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
    border-top: 1px solid #e6ecf3;
}

.rwv-axis {
    display: block;
}

.rwv-current-val {
    color: var(--bs-body-color, #1f2937);
    font-weight: 700;
}

.rwv-selector__label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--bs-secondary-color, #6b7280);
    margin-bottom: 8px;
}

.rwv-selector__options {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rwv-opt {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 17px;
    border-radius: 12px;
    border: 1.5px solid #e6ecf3;
    background: #fff;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--ink);
    cursor: pointer;
    transition: 0.18s;
}

.rwv-opt:hover {
    border-color: #3492f4;
}

.rwv-opt--current {
    border-color: #3492f4;
    background: #eaf3fe;
    box-shadow: inset 0 0 0 1px #3492f4;
}

.rwv-opt--oos {
    opacity: .55;
}

.rwv-opt--oos:not(.rwv-opt--current) {
    text-decoration: line-through;
    text-decoration-thickness: 1px;
}

/* Combination that doesn't exist for the current selection */
.rwv-opt--na {
    opacity: .4;
    cursor: not-allowed;
    border-style: dashed;
    background: var(--bs-light, #f6f7f9);
}