/* Remove the disabled styling and make it look enabled */
.payment-switch:disabled {
    background-color: #28a745 !important;
    /* Make background green when disabled */
    opacity: 1 !important;
    /* Remove opacity effect */
    cursor: not-allowed !important;
    /* Keep the not-allowed cursor to indicate it's still disabled */
}

/* Style for when the checkbox is checked (green) */
.payment-switch:checked:disabled {
    background-color: #28a745 !important;
    /* Green color when checked */
}

/* Ensure the checkmark is visible on the green background */
.payment-switch:disabled:checked {
    border-color: #28a745 !important;
    /* Green border when checked */
}

/* Remove any greying out effect */
.payment-switch:disabled+.form-check-label {
    color: inherit !important;
    /* Keep label color as normal */
}