.ag-select-cards .card-list li {
    padding: 5px;
    margin:  0
}

.ag-select-cards .card-list {
    margin:      0;
    padding-top: 5px;
}

.ag-select-cards .card-list .selected, .ag-select-cards .card-list .ag_cards:checked {
    background: #ddd;
}

.ag-select-cards .card-list li p {
    padding:        5px;
    display:        inline-block;
    vertical-align: middle;
}

.ag-select-cards .card-list li p img {
    margin-left:    5px;
    margin-right:   15px;
    width:          38px;
    vertical-align: middle;
    float:          left !important;
}

.ag-select-cards .card-list li radio {
    display:      inline-block;
    margin-right: 20px;
    margin-left:  10px;
}

.ag-select-cards .card-list li label,
.ag-select-cards .card-list li label p {
    cursor:         pointer;
}

.ag-select-cards .card-list li label {
    display:        inline-block;
    vertical-align: middle;
}

.ag-select-cards .card-list li label p {
    margin:      0;
    margin-left: 15px;
}

.ag-select-cards .card-list li input:checked > .ag-select-cards .card-list li {
    background: blue;
}

.savecard {
    margin-top: 10px;
}

.savecard br {
    display: none;
}

.savecard label, .savecard input {
    display: inline-block;
}

.savecard input {
    margin-left: 8px;
    position:    relative;
    top:         1px;
}

/* Opayo Direct: default cursor on payment option so not-allowed only appears on disabled inputs */
.woocommerce-checkout .payment_method_ag_opayo_direct {
    cursor: default;
}

/* Opayo Direct: hide radios visually, keep functional via label clicks */
.ag-select-cards .card-list li input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    cursor: pointer;
}

/* Opayo Direct: disabled card fields when using saved card – checkered pattern indicates not editable */
#ag_opayo_direct-cc-form #ag_opayo_direct-card-number:disabled,
#ag_opayo_direct-cc-form input.wc-credit-card-form-card-number:disabled,
#ag_opayo_direct-cc-form #ag_opayo_direct-card-expiry:disabled,
#ag_opayo_direct-cc-form input.wc-credit-card-form-card-expiry:disabled {
    background-color:  #e8e8ea !important;
    background-image:  repeating-linear-gradient(
                               -45deg,
                               transparent,
                               transparent 4px,
                               rgba(167, 170, 173, 0.15) 4px,
                               rgba(167, 170, 173, 0.15) 8px
                       ) !important;
    background-repeat: repeat !important;
    color:             #50575e !important;
    cursor:            not-allowed;
    opacity:           0.95 !important;
    border:            1px dashed #a7aaad !important;
}

/* Card number, expiry and CVC – normal text cursor when editable (Add new card) */
#ag_opayo_direct-cc-form #ag_opayo_direct-card-number:not(:disabled),
#ag_opayo_direct-cc-form #ag_opayo_direct-card-expiry:not(:disabled),
#ag_opayo_direct-cc-form #ag_opayo_direct-card-cvc {
    cursor: text !important;
}

.woocommerce iframe {
    border: none;
}

#submit_sagepay_payment_form {
    background: #7F54B3;
    color:      #fff;
}