/* Wallet toggle inside the checkout sheet — shared by cart.html and xerox-order.html */
/* ── Wallet (checkout sheet) ── */
.co-wallet {
    display: flex; align-items: center; gap: 12px;
    padding: 12px 14px; margin: 0 0 14px;
    border: 1.5px solid var(--border); border-radius: 14px; background: var(--bg-white);
    transition: border-color .15s, background .15s;
}
.co-wallet--on  { border-color: #16a34a; background: rgba(22, 163, 74, .07); }
.co-wallet--off { opacity: .8; }
.co-wallet-icon {
    width: 38px; height: 38px; flex: none; border-radius: 11px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(45, 140, 240, .12); color: var(--primary); font-size: 1rem;
}
.co-wallet--on .co-wallet-icon { background: rgba(22, 163, 74, .14); color: #16a34a; }
.co-wallet-body { flex: 1; min-width: 0; }
.co-wallet-title { font-weight: 800; font-size: .88rem; }
.co-wallet-bal   { font-weight: 800; color: var(--primary); margin-left: 6px; }
.co-wallet-sub   { font-size: .76rem; opacity: .75; margin-top: 2px; }

.co-switch { position: relative; flex: none; width: 44px; height: 26px; }
.co-switch input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; margin: 0; cursor: pointer; z-index: 1; }
.co-switch input:disabled { cursor: not-allowed; }
.co-switch-track {
    position: absolute; inset: 0; border-radius: 26px; background: var(--border); transition: background .15s;
}
.co-switch-track::after {
    content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px;
    border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: transform .15s;
}
.co-switch input:checked + .co-switch-track { background: #16a34a; }
.co-switch input:checked + .co-switch-track::after { transform: translateX(18px); }
.co-switch input:disabled + .co-switch-track { opacity: .5; }