/* Yatoon payment boxes (4.11.0). Logical properties keep RTL correct without a separate file. */
.yatoon-pay-box{margin:16px 0;padding:16px;border:1px solid var(--border-color,#e5e7eb);border-radius:14px;background:var(--sbs-card-bg,rgba(127,127,127,.06));box-sizing:border-box}
.yatoon-pay-title{margin-block-end:6px;font-size:14px;font-weight:800;color:var(--text-primary,inherit)}
.yatoon-pay-note{margin-block-end:12px;font-size:13px;color:var(--text-secondary,#475569)}
.yatoon-pay-amount{margin-block-end:12px;font-size:13px;font-weight:800;color:var(--text-primary,inherit)}
.yatoon-pay-status{margin-block-start:10px;font-size:12px;color:var(--text-secondary,#64748b);min-height:1.2em}
.yatoon-pay-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-block-end:12px}
.yatoon-pay-btn{inline-size:100%;min-block-size:46px;margin-block-start:14px;border:0;border-radius:9px;background:var(--primary-color,#111827);color:#fff;font-weight:800;cursor:pointer}
.yatoon-pay-btn:disabled{opacity:.6;cursor:not-allowed}
.yatoon-pay-apple{display:block;inline-size:100%;min-block-size:44px;border:0;border-radius:8px;background:#000;color:#fff;font-weight:800;cursor:pointer}
.yatoon-pay-test{margin-block-end:10px;padding:6px 10px;border-radius:8px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:700}