/* Style the points display */
.product-points,
.variation-points {
    font-size: 16px;
    font-weight: bold;
    color: #0073aa;
    margin-top: 10px;
}

.variation-points {
    color: #777777;
}
.product-points {
    position: absolute;
    bottom: -1rem;
    padding: 10px;
    color: var(--ast-global-color-3);
    background-color: var(--ast-global-color-5);
    width: fit-content;
    border-radius: 20px;
    padding: 0.4em 0.8em;
    font-size: .87em;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    box-shadow: 0 4px 4px rgba(0,0,0,0.15);
    opacity: 1;
    visibility: visible;
    z-index: 4;
    margin-left: 0.5rem;
}

.variation-points-wrapper .variation-points {
    position: absolute;
    color: var(--ast-global-color-3);
    background-color: #ffffff;
    width: fit-content;
    border-radius: 20px;
    padding: 0.4em 0.8em;
    font-size: .87em;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    box-shadow: 0 4px 4px rgba(0,0,0,0.15);
    opacity: 1;
    visibility: visible;
    z-index: 1000;
    margin-left: 0.5rem;
    top: 11rem;
 }
 /* Quick Edit Button - Hidden by default */
.quick-edit-btn {
    display: none;
}

/* Show the Quick Edit button on hover */
.user-row:hover .quick-edit-btn {
    display: inline-block;
    background-color: #0073aa;
    color: white;
    padding: 5px 10px;
    border: none;
    cursor: pointer;
}
#payment .payment_method_pay_with_points label::before {
    content: 'Pay With Points ';
    margin-right: 5px; 
}