/* WPUP Pay — checkout, order page and connect panel. Logical properties: RTL/LTR safe. */
.wpup-pay-box{border:1px solid #d8dee8;border-radius:10px;padding:14px 16px;margin:12px 0;background:#fff;line-height:1.9}
.wpup-pay-box.is-success{border-color:#86d19a;background:#f2fff5;color:#17684f}
.wpup-pay-box.is-warning{border-color:#efc46f;background:#fff9ec;color:#805b13}
.wpup-pay-box.is-error{border-color:#f0b4b4;background:#fff0f0;color:#9c2d2d}
.wpup-pay-box p{margin:0 0 8px}
.wpup-pay-box code{direction:ltr;display:inline-block}

.wpup-pay-connect-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.wpup-pay-connect-row .wpup-pay-phone{flex:1 1 190px;min-height:42px;padding:8px 12px;border:1px solid #d8dee8;border-radius:8px}
.wpup-pay-connect-msg{font-size:14px}
.wpup-pay-connect-msg:empty{display:none}

.wpup-pay-cards{border:0;margin:12px 0;padding:0;display:grid;gap:10px}
.wpup-pay-card-option{display:block;cursor:pointer;position:relative}
.wpup-pay-card-option>input{position:absolute;opacity:0;inset-inline-start:0}
.wpup-pay-card{display:flex;flex-direction:column;gap:8px;border:1px solid #e4e7ec;border-radius:14px;padding:16px;background:#fff}
.wpup-pay-card.is-static{margin:12px 0;align-items:flex-start}
.wpup-pay-card-option>input:checked+.wpup-pay-card{border-color:#209b78;box-shadow:0 0 0 2px rgba(32,155,120,.18)}
.wpup-pay-card-option>input:focus-visible+.wpup-pay-card{outline:3px solid rgba(32,155,120,.35);outline-offset:2px}
.wpup-pay-card-top{display:flex;justify-content:space-between;gap:12px;color:#667085;inline-size:100%}
.wpup-pay-card-top strong{color:#101828}
.wpup-pay-card-number{font:700 18px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:1.5px;color:#101828}
.wpup-pay-card-holder,.wpup-pay-card small{color:#667085}

.wpup-pay-panel{max-inline-size:720px;margin:24px 0;padding:22px;border:1px solid #e6e9ed;border-radius:18px;background:#f8faf9}
.wpup-pay-step{display:flex;align-items:flex-start;gap:12px;margin:8px 0 14px}
.wpup-pay-step h3{margin:0 0 4px;font-size:17px}
.wpup-pay-step p{margin:0;color:#667085}
.wpup-pay-step-n{display:grid;place-items:center;flex:0 0 34px;inline-size:34px;block-size:34px;border-radius:10px;background:#e6f5f0;color:#14765b;font-weight:800}
.wpup-pay-amount{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 2px 18px}
.wpup-pay-amount strong{font-size:18px;color:#101828}

.wpup-pay-receipt-form{display:grid;gap:12px}
.wpup-pay-drop{min-block-size:110px;border:2px dashed #cfd8d4;border-radius:14px;background:#fff;display:grid;gap:8px;place-content:center;justify-items:center;text-align:center;cursor:pointer;padding:16px}
.wpup-pay-drop:hover{border-color:#209b78}
.wpup-pay-drop input{max-inline-size:100%}
.wpup-pay-drop span{font-weight:700}
.wpup-pay-preview{max-inline-size:220px;max-block-size:220px;border-radius:8px}

@media (max-width:560px){
	.wpup-pay-panel{padding:16px}
	.wpup-pay-card-top,.wpup-pay-amount{flex-direction:column;align-items:flex-start}
	.wpup-pay-card-number{font-size:15px;letter-spacing:.6px}
}