/* مسار الترحيب */
.rw-wz-lock{overflow:hidden}
.rw-wz{position:fixed;inset:0;z-index:190;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(6,40,52,0);backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition:background .35s ease,backdrop-filter .35s ease,-webkit-backdrop-filter .35s ease}
.rw-wz[hidden]{display:none}
.rw-wz.is-open{background:rgba(6,40,52,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.rw-wz__card{position:relative;width:min(520px,100%);padding:26px 22px 18px;color:var(--rw-text);border-radius:26px;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,255,255,.86));border:1px solid rgba(255,255,255,.8);
  box-shadow:0 18px 50px rgba(6,40,52,.32),inset 0 1px 0 #fff;
  transform:translateY(34px) scale(.97);opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease;outline:0}
.rw-wz.is-open .rw-wz__card{transform:none;opacity:1}
.rw-wz__x{position:absolute;top:10px;inset-inline-start:12px;width:34px;height:34px;border:0;border-radius:50%;background:var(--rw-sky-soft);color:var(--rw-primary-dark);font-size:1.4rem;line-height:1;cursor:pointer;z-index:2}
.rw-wz__dots{display:flex;justify-content:center;gap:7px;margin:0 0 16px}
.rw-wz__dots i{width:26px;height:5px;border-radius:9px;background:var(--rw-border);transition:background .3s,width .3s}
.rw-wz__dots i.is-done{background:var(--rw-sky)}
.rw-wz__dots i.is-on{background:var(--rw-accent);width:40px}

/* الخطوات تتراص في خلية واحدة فيثبت الارتفاع، وتنزلق أفقيًا */
.rw-wz__view{display:grid;overflow:hidden;margin-inline:-6px;padding-inline:6px}
.rw-wz__p{grid-area:1/1;max-height:min(58vh,440px);overflow-y:auto;overflow-x:hidden;padding:2px 2px 8px;text-align:center;
  opacity:0;visibility:hidden;transform:translateX(100%);
  transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease,visibility 0s linear .45s}
.rw-wz__p.is-right{transform:translateX(100%)}
.rw-wz__p.is-left{transform:translateX(-100%)}
.rw-wz__p.is-still{transition:none}
.rw-wz__p.is-active{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.rw-wz__p h2{margin:0 0 8px;font-size:1.3rem;color:var(--rw-primary-dark)}
.rw-wz__lead{margin:0 0 16px;line-height:1.9;color:var(--rw-muted);font-size:.97rem}
.rw-wz__ico{width:64px;height:64px;margin:4px auto 12px;border-radius:20px;display:grid;place-items:center;font-size:30px;color:var(--rw-on-accent);background:var(--rw-accent);box-shadow:0 8px 20px rgba(232,172,64,.4)}
.rw-wz__logo{margin:2px auto 12px}.rw-wz__logo img{display:block;margin:0 auto;max-width:100%;height:auto}
.rw-wz__empty{color:var(--rw-muted)}

/* بطاقات الخيارات */
.rw-wz__opts{display:grid;gap:10px;text-align:start}
.rw-wz__opt{display:block;cursor:pointer;position:relative}
.rw-wz__opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.rw-wz__optin{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid var(--rw-border);border-radius:16px;background:var(--rw-surface);transition:border-color .2s,background .2s,box-shadow .2s,transform .2s}
.rw-wz__opt:hover .rw-wz__optin{border-color:var(--rw-sky);transform:translateY(-1px)}
.rw-wz__opt input:checked+.rw-wz__optin{border-color:var(--rw-accent);background:var(--rw-gold-soft);box-shadow:0 6px 16px rgba(232,172,64,.28)}
.rw-wz__opt input:focus-visible+.rw-wz__optin{outline:3px solid var(--rw-accent);outline-offset:2px}
.rw-wz__optx{flex:1;min-width:0;display:grid;gap:3px}
.rw-wz__optx b{color:var(--rw-primary-dark);font-size:1.02rem}
.rw-wz__optx small{color:var(--rw-muted);line-height:1.6;font-size:.88rem}
.rw-wz__optx em{font-style:normal;font-size:.8rem;color:var(--rw-primary)}
.rw-wz__optin img,.rw-wz__ph{width:56px;height:56px;border-radius:12px;object-fit:cover;flex:none;background:var(--rw-sky-soft)}
.rw-wz__tick{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--rw-border);display:grid;place-items:center;transition:all .2s}
.rw-wz__opt input:checked+.rw-wz__optin .rw-wz__tick{background:var(--rw-accent);border-color:var(--rw-accent)}
.rw-wz__opt input:checked+.rw-wz__optin .rw-wz__tick::after{content:"✓";font-size:.8rem;font-weight:800;color:var(--rw-on-accent)}

/* التوصية */
.rw-wz__tips{list-style:none;margin:0;padding:0;display:grid;gap:10px;text-align:start}
.rw-wz__tip{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:14px 16px;border:2px solid var(--rw-border);border-radius:16px;background:var(--rw-surface)}
.rw-wz__tip[hidden]{display:none}
.rw-wz__tip.is-done{border-color:var(--rw-success);background:var(--rw-success-soft)}
.rw-wz__tipt{flex:1;min-width:140px;font-weight:700;color:var(--rw-primary-dark)}
.rw-wz__tbtn{display:inline-block;border:0;border-radius:999px;padding:9px 20px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;background:var(--rw-accent);color:var(--rw-on-accent)}
.rw-wz__tbtn:hover{background:var(--rw-btn-hover-bg);color:var(--rw-btn-hover-text)}
.rw-wz__tbtn[hidden],.rw-wz__done[hidden],.rw-wz__hint[hidden]{display:none}
.rw-wz__done{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--rw-success-text)}
.rw-wz__done i{width:24px;height:24px;border-radius:50%;background:var(--rw-success);color:var(--rw-on-success);display:grid;place-items:center;font-style:normal;font-size:.85rem}
.rw-wz__hint{flex-basis:100%;color:var(--rw-muted);line-height:1.7}

/* الأزرار: «التالي» على اليسار و«السابق» على اليمين */
.rw-wz__nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;direction:rtl}
.rw-wz__next,.rw-wz__prev{border:0;border-radius:999px;padding:11px 26px;font:inherit;font-weight:800;cursor:pointer;transition:background .2s,opacity .2s,transform .2s}
.rw-wz__next{margin-inline-start:auto;background:var(--rw-accent);color:var(--rw-on-accent);box-shadow:0 6px 16px rgba(232,172,64,.4)}
.rw-wz__next:hover:not(:disabled){background:var(--rw-btn-hover-bg);transform:translateY(-1px)}
.rw-wz__next:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.rw-wz__next,.rw-wz__prev{display:inline-flex;align-items:center;gap:9px}
.rw-wz__next::after,.rw-wz__prev::before{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 0 2.5px 2.5px;flex:none}
.rw-wz__next::after{transform:rotate(45deg)}   /* ‹ يشير لليسار، على يسار النص */
.rw-wz__prev::before{transform:rotate(-135deg)} /* › يشير لليمين، على يمين النص */
.rw-wz__prev{background:transparent;color:var(--rw-muted)}
.rw-wz__prev:hover{color:var(--rw-primary-dark);background:var(--rw-sky-soft)}
.rw-wz__prev[hidden]{display:none}

/* الخطوة 6: نافذة بيضاء بسطرين، وفرقة احتفال تنطلق من الجانب الأيمن */
.rw-wz__fin{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;border-radius:inherit;background:#fff;animation:rwzFade .4s ease both}
.rw-wz__fin[hidden]{display:none}
.rw-wz__dua{position:relative;z-index:1;margin:0;text-align:center;font-family:var(--rw-font-head);font-weight:700;line-height:1.6;display:grid;gap:4px;animation:rwzPop .7s cubic-bezier(.2,.9,.3,1.3) .15s both}
.rw-wz__l1{font-size:clamp(2rem,7vw,2.8rem);color:var(--rw-success)}
.rw-wz__l2{font-size:clamp(1.7rem,6vw,2.4rem);color:var(--rw-primary)}
.rw-wz__party{position:absolute;right:0;bottom:30%;width:0;height:0;z-index:2;pointer-events:none}
.rw-wz__popper{position:absolute;right:2px;bottom:-24px;width:64px;height:64px;transform:scaleX(-1) rotate(8deg);transform-origin:center;animation:rwzShake .5s ease-out 2}
.rw-wz__c{position:absolute;right:14px;bottom:10px;width:9px;height:15px;border-radius:2px;background:var(--c);opacity:0;animation:rwzBurst 1.5s cubic-bezier(.15,.7,.3,1) var(--dl) 2 both}
.rw-wz__c.is-round{width:10px;height:10px;border-radius:50%}
@keyframes rwzFade{from{opacity:0}to{opacity:1}}
@keyframes rwzPop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}
@keyframes rwzShake{0%{transform:scaleX(-1) rotate(8deg) scale(1)}30%{transform:scaleX(-1) rotate(-4deg) scale(1.12)}100%{transform:scaleX(-1) rotate(8deg) scale(1)}}
@keyframes rwzBurst{0%{opacity:1;transform:translate(0,0) rotate(0) scale(.6)}
  45%{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--r)) scale(1)}
  100%{opacity:0;transform:translate(calc(var(--dx) * 1.15),calc(var(--dy) + 190px)) rotate(calc(var(--r) * 2)) scale(1)}}

@media (max-width:480px){.rw-wz{padding:10px}.rw-wz__card{padding:22px 14px 14px;border-radius:22px}.rw-wz__p{max-height:60vh}}
@media (prefers-reduced-motion:reduce){.rw-wz,.rw-wz__card,.rw-wz__p{transition:none}.rw-wz__party{display:none}.rw-wz__dua,.rw-wz__fin{animation:none}}

/* نافذة العائد */
.rw-wz__ret{display:none;text-align:center;padding:6px 2px 8px}
.rw-wz.is-return .rw-wz__ret{display:block}
.rw-wz.is-return .rw-wz__dots,.rw-wz.is-return .rw-wz__view,.rw-wz.is-return .rw-wz__nav{display:none}
.rw-wz__ret h2{margin:0 0 8px;font-size:1.3rem;color:var(--rw-primary-dark)}
.rw-wz__rbtns{display:flex;justify-content:center;gap:10px;margin-top:4px}
.rw-wz__go{display:inline-block;min-width:112px;margin:0;padding:10px 26px;border:0;border-radius:999px;background:var(--rw-accent);color:var(--rw-on-accent);font:inherit;font-weight:800;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 6px 16px rgba(232,172,64,.4)}
.rw-wz__go:hover{background:var(--rw-btn-hover-bg);color:var(--rw-btn-hover-text)}
.rw-wz__rbtns a.rw-wz__go{background:var(--rw-primary);color:var(--rw-on-primary);box-shadow:0 6px 16px rgba(10,111,143,.3)}
.rw-wz__rbtns a.rw-wz__go:hover{background:var(--rw-primary-dark);color:var(--rw-on-primary)}
.rw-wz__redo{display:block;margin:14px auto 0;border:0;background:transparent;font:inherit;color:var(--rw-muted);text-decoration:underline;cursor:pointer}
.rw-wz__redo:hover{color:var(--rw-primary-dark)}

.rw-wz__lv{display:none;text-align:center;padding:6px 2px 8px}
.rw-wz.is-return.is-level .rw-wz__ret{display:none}
.rw-wz.is-return.is-level .rw-wz__lv{display:block}
.rw-wz__lv h2{margin:0 0 10px;font-size:1.2rem;color:var(--rw-primary-dark)}
.rw-wz__lvbody{max-height:52vh;overflow-y:auto;text-align:start;padding:2px}
.rw-wz__lvh{margin:12px 0 6px;font-size:1rem;color:var(--rw-primary-dark)}
.rw-wz__lvl{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:8px}
.rw-wz__lvl a{display:flex;align-items:center;gap:12px;padding:8px 12px;border:2px solid var(--rw-border);border-radius:14px;text-decoration:none;color:var(--rw-text);transition:border-color .2s,background .2s}
.rw-wz__lvl a:hover{border-color:var(--rw-accent);background:var(--rw-gold-soft)}
.rw-wz__lvl img,.rw-wz__lvl .rw-wz__ph{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:none;background:var(--rw-sky-soft)}
.rw-wz__lvl b{flex:1;color:var(--rw-primary-dark);line-height:1.5}
.rw-wz__lvl em{font-style:normal;font-size:.8rem;color:var(--rw-muted);flex:none}
.rw-wz__lvl em.is-done{color:var(--rw-success)}
.rw-wz__lvbody .rw-wz__all{display:inline-block;color:var(--rw-primary);font-weight:700}