/* Jsoaan Express Buy — يعتمد على متغيرات القالب إن وُجدت مع قيم افتراضية */
.xp{--xp-accent:var(--accent,#f5b942);--xp-accent-2:var(--accent-2,#e0962a);--xp-ok:var(--ok,#2ecc71);--xp-err:var(--err,#ff5c5c);--xp-surface:var(--surface,#141b33);--xp-surface-2:var(--surface-2,#1b2444);--xp-border:var(--border,rgba(255,255,255,.1));--xp-text:var(--text,#f1f4ff);--xp-muted:var(--muted,#9aa5c8);--xp-radius:var(--radius,16px);max-width:880px;margin:0 auto;color:var(--xp-text)}
.xp-head{text-align:center;margin:0 0 28px}
.xp-head h1{font-size:clamp(28px,4vw,40px);margin:0 0 8px;font-weight:800}
.xp-head p{color:var(--xp-muted);margin:0;font-size:17px}
.xp-step{background:var(--xp-surface);border:1px solid var(--xp-border);border-radius:var(--xp-radius);padding:22px;margin-bottom:18px;position:relative;transition:border-color .2s,box-shadow .2s}
.xp-step.is-verified{border-color:rgba(46,204,113,.5);box-shadow:0 0 0 3px rgba(46,204,113,.12)}
.xp-step.is-invalid{border-color:rgba(255,92,92,.5)}
.xp-step.is-busy{opacity:.85}
.xp-step-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.xp-step-head h2{margin:0;font-size:20px;font-weight:800}
.xp-n{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--xp-accent),var(--xp-accent-2));color:#1a1203;font-weight:900;font-size:16px;flex:none}
.xp-assure{list-style:none;margin:0 0 0 auto;padding:0;display:flex;gap:14px;flex-wrap:wrap;color:var(--xp-muted);font-size:13px}
.is-rtl .xp-assure,[dir=rtl] .xp-assure{margin:0 auto 0 0}
.xp-assure li::before{content:"✓";color:var(--xp-ok);margin-inline-end:5px;font-weight:900}
.xp-input{width:100%;background:var(--xp-surface-2);border:2px solid var(--xp-border);color:var(--xp-text);border-radius:12px;padding:14px 16px;font-size:20px;font-weight:700;letter-spacing:.5px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}
.xp-input:focus{border-color:var(--xp-accent);box-shadow:0 0 0 4px rgba(245,185,66,.18)}
.xp-input::placeholder{color:var(--xp-muted);font-weight:500;letter-spacing:0;font-size:16px}
.xp-player-input{position:relative}
.xp-player-spinner{position:absolute;top:50%;inset-inline-end:14px;width:20px;height:20px;margin-top:-10px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--xp-accent);border-radius:50%;opacity:0;animation:xp-spin .8s linear infinite}
.is-busy .xp-player-spinner{opacity:1}
@keyframes xp-spin{to{transform:rotate(360deg)}}
.xp-hint{color:var(--xp-muted);font-size:13px;margin:10px 0 0}
.xp-player-status{margin-top:12px;min-height:0}
.xp-chip{display:inline-block;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:600;background:var(--xp-surface-2)}
.is-checking .xp-chip{color:var(--xp-muted)}
.is-nf .xp-chip,.is-short .xp-chip{background:rgba(255,92,92,.12);color:#ffb3b3}
.is-manual .xp-chip{background:rgba(245,185,66,.12);color:#ffd98a}
.xp-player-card{display:flex;align-items:center;gap:14px;background:rgba(46,204,113,.1);border:1px solid rgba(46,204,113,.35);border-radius:12px;padding:12px 14px}
.xp-player-card strong{display:block;font-size:17px}
.xp-player-card span{color:#9be3b8;font-size:13px}
.xp-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:var(--xp-surface-2);flex:none}
.xp-avatar--empty{display:inline-block;background:radial-gradient(circle at 50% 35%,#5a6a9c 0 30%,transparent 32%),radial-gradient(circle at 50% 95%,#5a6a9c 0 45%,transparent 47%),var(--xp-surface-2)}
.xp-label{display:block;font-weight:700;margin:0 0 10px;color:var(--xp-muted);font-size:14px}
.xp-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:22px}
.xp-preset{position:relative;background:var(--xp-surface-2);border:2px solid var(--xp-border);border-radius:14px;padding:12px 10px 14px;color:var(--xp-text);cursor:pointer;text-align:center;transition:all .15s;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:4px}
.xp-preset-img{width:64px;height:64px;object-fit:cover;border-radius:10px;margin-bottom:4px}
.xp-preset-name{font-weight:800;font-size:14px;line-height:1.3}
.xp-preset.is-active::after{content:"✓";position:absolute;top:8px;inset-inline-end:8px;width:22px;height:22px;border-radius:50%;background:var(--xp-accent);color:#1a1203;font-weight:900;font-size:13px;display:grid;place-items:center}
.xp-custom{border:2px dashed var(--xp-border);border-radius:14px;padding:16px;transition:border-color .2s}
.xp-custom.is-active{border-style:solid;border-color:var(--xp-accent);background:rgba(245,185,66,.05)}
.xp-preset:hover{border-color:rgba(245,185,66,.5);transform:translateY(-1px)}
.xp-preset.is-active{border-color:var(--xp-accent);background:rgba(245,185,66,.12);box-shadow:0 0 0 3px rgba(245,185,66,.15)}
.xp-preset-tokens{display:block;font-weight:800;font-size:17px;direction:ltr}
.xp-preset-price{display:block;color:var(--xp-accent);font-weight:700;font-size:14px;margin-top:3px}
.xp-preset-price .woocommerce-Price-amount{color:inherit}
.xp-custom-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:stretch}
.xp-tokens-field{position:relative}
.xp-tokens-field .xp-input{padding-right:84px;padding-left:16px;text-align:left}
.xp-unit{position:absolute;top:50%;right:14px;transform:translateY(-50%);color:var(--xp-muted);font-size:14px;font-weight:600}
.xp-quote{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;background:linear-gradient(135deg,rgba(245,185,66,.18),rgba(245,185,66,.06));border:2px solid rgba(245,185,66,.35);border-radius:12px;padding:8px 18px;min-width:150px}
.xp-quote-label{font-size:12px;color:var(--xp-muted);font-weight:600}
.xp-quote-price{font-size:26px;font-weight:900;color:var(--xp-accent);direction:ltr;line-height:1.1}
.xp-quote-price .woocommerce-Price-amount{color:inherit}
#xp-range{--pct:0%;width:100%;margin:16px 0 0;appearance:none;height:8px;border-radius:999px;background:linear-gradient(to right,var(--xp-accent) var(--pct),var(--xp-surface-2) var(--pct));outline:none;direction:ltr}
#xp-range::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--xp-accent);box-shadow:0 2px 8px rgba(0,0,0,.4);cursor:pointer}
#xp-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:4px solid var(--xp-accent);cursor:pointer}
.xp-cart-msg{font-size:13px;color:var(--xp-muted);min-height:18px;margin-top:8px}
.xp-cart-msg.is-error{color:var(--xp-err)}
@media (max-width:640px){.xp-step{padding:16px}.xp-custom-row{grid-template-columns:1fr}.xp-quote{align-items:center;flex-direction:row;justify-content:space-between}.xp-presets{grid-template-columns:repeat(3,1fr)}.xp-preset-tokens{font-size:15px}}

/* v1.2: amount/tokens toggle */
.xp-mode{margin-inline-start:auto;display:inline-flex;background:var(--xp-surface-2);border:1px solid var(--xp-border);border-radius:999px;padding:3px}
.xp-mode-btn{background:transparent;border:0;color:var(--xp-muted);font-weight:700;font-size:13px;padding:7px 14px;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .15s}
.xp-mode-btn.is-active{background:var(--xp-accent);color:#1a1203}
.xp-preset-coin{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#fff1b8,#ffcf5c 28%,#f5b942 55%,#b8730f 100%);box-shadow:inset 0 0 0 4px rgba(255,255,255,.15),0 4px 10px rgba(0,0,0,.35);margin-bottom:6px}
.xp-preset.is-active .xp-preset-coin{transform:scale(1.1)}
.xp-custom{border-color:var(--xp-accent);border-style:solid;background:rgba(245,185,66,.05)}
.xp-label-amount,.xp-field-amount,.xp-quote-label-amount,.xp-quote-tokens{display:none}
.xp.mode-amount .xp-label-amount,.xp.mode-amount .xp-field-amount,.xp.mode-amount .xp-quote-label-amount,.xp.mode-amount .xp-quote-tokens{display:block}
.xp.mode-amount .xp-label-tokens,.xp.mode-amount .xp-field-tokens,.xp.mode-amount .xp-quote-label-tokens,.xp.mode-amount #xp-price{display:none}
.xp-quote-tokens{font-size:22px}.xp-quote-tokens small{font-size:13px;font-weight:600;color:var(--xp-muted)}
@media (max-width:640px){.xp-mode{margin:4px 0 0;width:100%;justify-content:center}.xp-presets{grid-template-columns:repeat(3,1fr)}}

/* v1.3: صفحة السلة بوضع الدفع (منتجات السلة القابلة للتعديل) */
.xp-add-more{margin-inline-start:auto;font-weight:700;font-size:14px;color:var(--xp-accent)}
.xp-items{display:grid;gap:10px}
.xp-item{position:relative;display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;background:var(--xp-surface-2);border:1px solid var(--xp-border);border-radius:14px;padding:10px 40px 10px 10px}
[dir=rtl] .xp-item,.is-rtl .xp-item{padding:10px 10px 10px 40px}
.xp-item-media img{width:64px;height:64px;object-fit:cover;border-radius:10px;display:block}
.xp-item-info{min-width:0;display:grid;gap:2px}
.xp-item-name{font-weight:800;font-size:15px;line-height:1.35;color:var(--xp-text);overflow-wrap:anywhere}
a.xp-item-name:hover{color:var(--xp-accent)}
.xp-item-meta,.xp-item-meta dl,.xp-item-meta p{margin:0;font-size:13px;color:var(--xp-muted)}
.xp-item-meta dl{display:flex;flex-wrap:wrap;gap:4px}
.xp-item-meta dt,.xp-item-meta dd{margin:0;display:inline}
.xp-item-unit{font-size:13px;color:var(--xp-muted)}
.xp-item-unit .woocommerce-Price-amount{color:inherit;font-weight:600}
.xp-item-side{display:grid;justify-items:end;gap:6px}
.xp-item-total{font-weight:900;font-size:17px;color:var(--xp-accent);direction:ltr;white-space:nowrap}
.xp-item-total .woocommerce-Price-amount{color:inherit}
.xp-item-change{font-size:13px;font-weight:700;color:var(--xp-accent);white-space:nowrap}
.xp-qty{display:inline-flex;align-items:center;border:1px solid var(--xp-border);border-radius:10px;overflow:hidden;direction:ltr}
.xp-qty-btn{width:34px;height:32px;border:0;background:rgba(255,255,255,.06);color:var(--xp-text);font-size:18px;font-weight:800;cursor:pointer;font-family:inherit;line-height:1}
.xp-qty-btn:hover:not([disabled]){background:rgba(245,185,66,.2)}
.xp-qty-btn[disabled]{opacity:.35;cursor:not-allowed}
.xp-qty-n{min-width:32px;text-align:center;font-weight:800}
.xp-item-remove{position:absolute;top:6px;inset-inline-end:8px;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--xp-muted);font-size:20px;line-height:1;cursor:pointer}
.xp-item-remove:hover{background:rgba(255,92,92,.15);color:var(--xp-err)}
#xp-step-items.is-busy .xp-items{opacity:.55;pointer-events:none}
@media (max-width:480px){.xp-item{grid-template-columns:56px 1fr;row-gap:8px}.xp-item-media img{width:56px;height:56px}.xp-item-side{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}}

/* العدّاد متوقف مؤقتاً */
.xp-paused{padding:18px;border:1px dashed rgba(245,185,66,.5);border-radius:14px;text-align:center;line-height:1.8}
.xp-paused p{margin:0 0 12px}

.xp-bonus{margin:.6em 0 0;padding:.55em .8em;border-radius:10px;background:rgba(34,160,90,.12);color:#2bb673;font-weight:700;font-size:.95em}