/* ANEYA-XSELL-START — صفّ المرافق في ورقة الدفع (X2/X3) + ستيبر X9 + إخفاء Zoho أثناء فتح الورقة. ملفّ مستقلّ باسم جديد (2026-10-02)
   يُحمَّل من inc/xsell.php (handle aneya-xsell، بعد aneya-standalone) فقط عندما يكون الصفّ فعّالاً أو stepper_on. الجزء: template-parts/aneya-xs-sheet.php.
   توكنز فقط · أوزان 400/500 · تباعد مضاعف 4 · زوايا var(--r-control). class الورقة المفتوحة = aneya-sheet-on (ليس a-sheet-open: aneya-ds.js:230 يفتح الورقة عند أيّ نقر داخل .a-sheet-open).
   حذف هذا الملفّ وحده: bash /root/aneya-xs-sheet-20261001/rollback.sh */
.a-xs { margin: 0 0 16px; }
.a-xs-row { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 44px; padding: 8px 12px; background: var(--surface-page); border: 1px solid var(--line); border-radius: var(--r-control); font-family: var(--font); color: var(--ink); text-align: start; cursor: pointer; }
.a-xs-row:focus-visible { outline: none; border-color: var(--focus); box-shadow: 0 0 0 3px var(--plum-50); }
.a-xs-box { width: 20px; height: 20px; border: 1px solid var(--plum-200); border-radius: var(--r-control); background: var(--surface-card); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; color: #fff; }
.a-xs-box svg { opacity: 0; }
.a-xs[data-state="on"] .a-xs-box { background: var(--plum-600); border-color: var(--plum-600); }
.a-xs[data-state="on"] .a-xs-box svg { opacity: 1; }
.a-xs-img { width: 40px; height: 40px; }
.a-xs-main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.a-xs-name { font-size: 13.5px; line-height: 1.4; }
.a-xs-sub { font-size: 12px; line-height: 1.5; color: var(--ink-secondary); }
.a-xs-price { font-size: 15px; font-weight: 500; white-space: nowrap; flex-shrink: 0; }
.a-xs .a-shipbar { height: 4px; margin: 8px 0 0; }
.a-xs[data-state="busy"] .a-shipfill { opacity: .6; }
.a-xs.is-free .a-shipbar, .a-xs[data-state="on"] .a-shipbar { display: none; }
.a-xs[data-state="on"] .a-xs-name { color: var(--ok); }
.a-xs[data-state="on"] .a-xs-price { color: var(--ink-secondary); font-weight: 400; }
.a-xs[data-state="busy"] .a-xs-row, .a-xs[data-locked="1"] .a-xs-row { opacity: .7; pointer-events: none; }
.a-sh:has(form.checkout.processing) .a-xs-row { opacity: .6; pointer-events: none; }   /* حزام أمان لقفل الدفع الجاري (الصفّ شقيق خارج الفورم فلا يحجبه blockOnSubmit) */
.a-xs-msg { font-size: 12px; line-height: 1.5; margin: 4px 0 0; min-height: 0; color: var(--ink-secondary); }
.a-xs-msg:empty { margin: 0; }
.a-xs[data-state="err"] .a-xs-msg { color: var(--danger); }
.a-b-was { color: var(--ink-hint); font-weight: 400; margin-inline-start: 4px; }
/* ضغط الملخّص ما دام الصفّ حيّاً (body.a-xs-live: الشريحة B أو المعاينة) */
body.a-xs-live .a-summ { margin-bottom: 8px; }
body.a-xs-live .a-single .a-card { padding: var(--s2) var(--s3); gap: var(--s3); }
body.a-xs-live .a-single .a-cimg { width: 40px; height: 40px; }
/* X9 — الستيبر: أزرار 44px حقيقية، «−» معطّل عند 1 عبر aria-disabled */
.a-qbox button.a-qb { min-width: 44px; min-height: 44px; padding: 12px 16px; background: none; border: 0; font-family: var(--font); font-size: 16px; line-height: 1; color: var(--ink-secondary); cursor: pointer; }
.a-qbox button.a-qb:active { background: var(--plum-50); }
.a-qbox button.a-qb[aria-disabled="true"] { color: var(--ink-hint); opacity: .45; cursor: default; }
body.aneya-standalone output.a-qv { display: inline-block; min-width: 28px; text-align: center; }
/* Zoho أثناء فتح الورقة (class الجسم من JS أساساً؛ :has() تحسين تدريجي) */
body.aneya-standalone.aneya-sheet-on #zsiq_float, body.aneya-standalone.aneya-sheet-on .zsiq_theme1, body.aneya-standalone.aneya-sheet-on #zsiq_chat_wrap, body.aneya-standalone.aneya-sheet-on .zsiq_floatmain { opacity: 0 !important; pointer-events: none !important; transition: opacity .2s; }
body.aneya-standalone:has(#a-sheet.on) #zsiq_float { opacity: 0 !important; pointer-events: none !important; }
/* ANEYA-XSELL-END */
