/* ═══════════════════════════════════════════════════════════
   WING APTITUDE — front-end
   همه چیز زیر .wng-apt اسکوپ شده تا با تم سایت تداخل نکند.

   نکته مهم درباره چیدمان (v1.1):
   نسخه قبلی روی موبایل «حالت تمرکز» داشت که کارت را position:fixed
   می‌کرد و اسکرول صفحه را قفل می‌کرد؛ همان باعث می‌شد صفحه اسکرول
   نشود. همچنین margin-top:auto روی گزینه‌ها، آن‌ها را به کف یک
   استیجِ ۴۳۰ پیکسلی می‌چسباند و بین سوال و گزینه‌ها فاصله بزرگ
   می‌ساخت. هر دو حذف شدند: کارت همیشه در جریان عادی صفحه است و
   ارتفاعش را محتوا تعیین می‌کند.
   ═══════════════════════════════════════════════════════════ */

.wng-apt{
  --wa-void:#0F1B2B; --wa-void-deep:#0A1024; --wa-sapphire:#183059;
  --wa-gold-1:#C5A059; --wa-gold-2:#E6C87C; --wa-gold-hover:#B08D45;
  --wa-paper:#F4F4F4; --wa-muted:#9FB0C4;
  --wa-line:rgba(197,160,89,.22);
  --wa-r:14px;
  --wa-ease:cubic-bezier(.16,1,.3,1);

  display:block; font-family:inherit;
  -webkit-text-size-adjust:100%;
}
.wng-apt *,.wng-apt *::before,.wng-apt *::after{box-sizing:border-box}
.wng-apt[dir="rtl"]{text-align:right}
.wng-apt[dir="ltr"]{text-align:left}

.wng-apt .wa-card{
  width:100%; max-width:560px; margin:0 auto; position:relative; overflow:hidden;
  background:linear-gradient(165deg,var(--wa-void) 0%,var(--wa-void-deep) 100%);
  border:1px solid var(--wa-line); border-radius:var(--wa-r);
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.wng-apt .wa-card::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(120% 60% at 50% -10%,rgba(197,160,89,.10),transparent 60%);
}

/* ── سربرگ ── */
.wng-apt .wa-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:15px 20px 11px; border-bottom:1px solid rgba(255,255,255,.05);
  position:relative; z-index:2;
}
.wng-apt .wa-brand{display:flex;align-items:center;gap:9px;color:var(--wa-paper);font-size:13px;opacity:.9;min-width:0}
.wng-apt .wa-brand svg{flex:0 0 auto}
.wng-apt .wa-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wng-apt .wa-step{font-size:12px;color:var(--wa-muted);white-space:nowrap;flex:0 0 auto}
.wng-apt .wa-bar{position:absolute;inset:auto 0 -1px 0;height:2px;background:rgba(255,255,255,.06)}
.wng-apt .wa-bar i{display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--wa-gold-1),var(--wa-gold-2));
  transition:width .45s var(--wa-ease)}

/* ── صحنه ──
   بدون min-height و بدون margin auto: ارتفاع را محتوا تعیین می‌کند،
   پس هیچ فضای مرده‌ای بین سوال و گزینه‌ها نمی‌ماند. */
.wng-apt .wa-stage{position:relative;z-index:2;padding:22px 20px 22px}
.wng-apt .wa-screen{animation:wngIn .34s var(--wa-ease) both}
@keyframes wngIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.wng-apt .wa-t{margin:0 0 10px;color:var(--wa-paper);font-weight:800;line-height:1.55;font-size:20px}
.wng-apt .wa-t.lg{font-size:22px}
.wng-apt .wa-p{margin:0 0 18px;color:var(--wa-muted);font-size:14.5px;line-height:1.95}
.wng-apt .wa-p.tight{margin-bottom:12px}
.wng-apt .wa-kicker{font-size:12px;color:var(--wa-gold-2);margin:0 0 8px}
.wng-apt .wa-foot{margin-top:18px}
.wng-apt .wa-center{text-align:center;padding:8px 0 4px}
.wng-apt .wa-strong{color:var(--wa-paper);font-weight:700}

/* ── گزینه‌ها ── */
.wng-apt .wa-opts{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.wng-apt .wa-opt{
  display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:11px 15px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:11px;
  color:var(--wa-paper);font:inherit;font-size:14.5px;line-height:1.7;text-align:inherit;cursor:pointer;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation;
  transition:background .18s,border-color .18s,transform .18s var(--wa-ease);
}
.wng-apt .wa-opt:hover{background:rgba(197,160,89,.09);border-color:rgba(197,160,89,.42)}
.wng-apt .wa-opt:active{transform:scale(.985)}
.wng-apt .wa-opt.is-picked{background:rgba(197,160,89,.16);border-color:var(--wa-gold-1)}
.wng-apt .wa-dot{flex:0 0 auto;width:17px;height:17px;border-radius:50%;
  border:1.5px solid rgba(255,255,255,.28);position:relative}
.wng-apt .wa-opt.is-picked .wa-dot{border-color:var(--wa-gold-2)}
.wng-apt .wa-opt.is-picked .wa-dot::after{content:"";position:absolute;inset:3px;border-radius:50%;
  background:linear-gradient(135deg,var(--wa-gold-1),var(--wa-gold-2))}

/* ── سوال تصویری ── */
.wng-apt .wa-vis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:4px}
.wng-apt .wa-vis button{padding:8px;background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);border-radius:11px;cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:border-color .18s,background .18s,transform .18s var(--wa-ease)}
.wng-apt .wa-vis button:hover{border-color:rgba(197,160,89,.45);background:rgba(197,160,89,.08)}
.wng-apt .wa-vis button:active{transform:scale(.97)}
.wng-apt .wa-vis button.is-picked{border-color:var(--wa-gold-1);background:rgba(197,160,89,.16)}
.wng-apt .wa-vis svg{display:block;width:100%;height:auto;border-radius:8px}
.wng-apt .wa-vis span{display:block;text-align:center;color:var(--wa-muted);font-size:12px;margin-top:7px}

/* ── دکمه‌ها ── */
.wng-apt .wa-btn{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;
  border:0;border-radius:11px;font:inherit;font-size:15.5px;font-weight:800;cursor:pointer;
  background:linear-gradient(135deg,var(--wa-gold-1),var(--wa-gold-2));color:#14202E;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:filter .18s,transform .18s var(--wa-ease),opacity .18s}
.wng-apt .wa-btn:hover{filter:brightness(1.06)}
.wng-apt .wa-btn:active{transform:scale(.99)}
.wng-apt .wa-btn[disabled]{opacity:.4;cursor:not-allowed;transform:none;filter:none}
.wng-apt .wa-btn.ghost{background:transparent;border:1px solid var(--wa-line);
  color:var(--wa-paper);font-weight:400;font-size:14px;min-height:46px}
.wng-apt .wa-btn.link{background:none;border:0;color:var(--wa-muted);font-weight:400;
  font-size:13.5px;min-height:42px;margin-top:8px;text-decoration:underline;text-underline-offset:4px}
.wng-apt .wa-btn.link:hover{color:var(--wa-gold-2);filter:none}
.wng-apt .wa-back{background:none;border:0;color:var(--wa-muted);font:inherit;font-size:13px;
  cursor:pointer;padding:2px 0 8px;min-height:30px;display:block}
.wng-apt .wa-back::before{content:"\2192";margin-inline-end:5px}
.wng-apt[dir="ltr"] .wa-back::before{content:"\2190"}
.wng-apt .wa-back:hover{color:var(--wa-gold-2)}

/* ── فرم ── */
.wng-apt .wa-field{margin-bottom:12px}
.wng-apt .wa-field label{display:block;font-size:12.5px;color:var(--wa-muted);margin-bottom:6px}
.wng-apt .wa-field input{
  width:100%;min-height:52px;padding:0 15px;background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);border-radius:11px;color:var(--wa-paper);
  font:inherit;font-size:16px; /* ۱۶px لازم است وگرنه سافاری موبایل هنگام فوکوس زوم می‌کند */
  transition:border-color .18s,background .18s}
.wng-apt[dir="rtl"] .wa-field input[dir="ltr"]{text-align:right}
.wng-apt .wa-field input:focus{outline:0;border-color:var(--wa-gold-1);background:rgba(197,160,89,.07)}
.wng-apt .wa-field input::placeholder{color:rgba(159,176,196,.45)}
.wng-apt .wa-codein{text-align:center!important;letter-spacing:6px;font-size:22px!important;
  font-weight:800;text-transform:uppercase}
.wng-apt .wa-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;padding:0;border:0}
.wng-apt .wa-consent{font-size:11.5px;color:rgba(159,176,196,.75);line-height:1.9;margin:10px 0 14px}
.wng-apt .wa-consent a{color:var(--wa-gold-2)}
.wng-apt .wa-err{color:#E88C7D;font-size:12.5px;margin:8px 0 0;min-height:18px}
.wng-apt .wa-otp{display:flex;gap:9px;direction:ltr;justify-content:center;margin:8px 0 2px}
.wng-apt .wa-otp input{width:52px;height:58px;text-align:center;font-size:22px;font-weight:800;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);
  border-radius:11px;color:var(--wa-paper);padding:0}
.wng-apt .wa-otp input:focus{outline:0;border-color:var(--wa-gold-1)}
.wng-apt .wa-resend{text-align:center;font-size:12.5px;color:var(--wa-muted);margin:12px 0 0}
.wng-apt .wa-resend button{background:none;border:0;color:var(--wa-gold-2);font:inherit;
  font-size:12.5px;cursor:pointer;text-decoration:underline;padding:4px}
.wng-apt .wa-resend button[disabled]{color:var(--wa-muted);text-decoration:none;cursor:default}

/* ── تیزر قفل ── */
.wng-apt .wa-teaser{border:1px solid var(--wa-line);border-radius:12px;padding:15px;margin-bottom:16px;
  background:linear-gradient(135deg,rgba(197,160,89,.09),rgba(197,160,89,.02))}
.wng-apt .wa-teaser .lbl{font-size:11.5px;color:var(--wa-muted);margin-bottom:5px}
.wng-apt .wa-teaser .val{font-size:20px;font-weight:800;
  background:linear-gradient(135deg,var(--wa-gold-1),var(--wa-gold-2));
  -webkit-background-clip:text;background-clip:text;color:transparent}
.wng-apt .wa-locked{display:flex;align-items:center;gap:7px;margin-top:10px;padding-top:10px;
  border-top:1px dashed rgba(197,160,89,.25);font-size:12.5px;color:var(--wa-muted)}
.wng-apt .wa-locked svg{flex:0 0 auto}

/* ── تحلیل ── */
.wng-apt .wa-analyze{display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:20px;padding:34px 0 30px}
.wng-apt .wa-radar{width:70px;height:70px;animation:wngSpin 2.4s linear infinite}
@keyframes wngSpin{to{transform:rotate(-360deg)}}
.wng-apt .wa-alines{width:100%;max-width:300px}
.wng-apt .wa-aline{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--wa-muted);
  padding:6px 0;opacity:.25;transition:opacity .3s,color .3s}
.wng-apt .wa-aline.on{opacity:1;color:var(--wa-paper)}
.wng-apt .wa-aline i{width:15px;height:15px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);
  flex:0 0 auto;display:grid;place-items:center;font-style:normal;font-size:9px;color:#14202E}
.wng-apt .wa-aline.on i{background:linear-gradient(135deg,var(--wa-gold-1),var(--wa-gold-2));border-color:transparent}

/* ── نتیجه ── */
.wng-apt .wa-gauge{display:flex;align-items:center;gap:16px;margin-bottom:10px}
.wng-apt .wa-gauge svg{flex:0 0 auto}
.wng-apt .wa-gauge .num{font-size:26px;font-weight:800;fill:#F4F4F4}
.wng-apt .wa-gauge .cap{font-size:9.5px;fill:#9FB0C4}
.wng-apt .wa-type{min-width:0}
.wng-apt .wa-type .lbl{font-size:11.5px;color:var(--wa-gold-2);margin-bottom:4px}
.wng-apt .wa-type .name{font-size:20px;font-weight:800;color:var(--wa-paper);line-height:1.45;margin-bottom:4px}
.wng-apt .wa-type .sub{font-size:13px;color:var(--wa-muted);line-height:1.8}
.wng-apt .wa-block{border-top:1px solid rgba(255,255,255,.07);padding-top:14px;margin-top:14px}
.wng-apt .wa-block h3{margin:0 0 7px;font-size:13.5px;color:var(--wa-gold-2);font-weight:800}
.wng-apt .wa-block p{margin:0;font-size:14px;color:#D6DEE8;line-height:1.95}
.wng-apt .wa-dims{display:flex;flex-direction:column;gap:11px;margin-top:12px}
.wng-apt .wa-dim .row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--wa-muted);margin-bottom:5px}
.wng-apt .wa-track{height:5px;border-radius:3px;background:rgba(255,255,255,.07);overflow:hidden}
.wng-apt .wa-track i{display:block;height:100%;width:0;border-radius:3px;
  background:linear-gradient(90deg,var(--wa-gold-1),var(--wa-gold-2));transition:width .9s var(--wa-ease)}
.wng-apt .wa-offer{margin-top:20px;padding:16px;border:1px solid var(--wa-line);border-radius:12px;
  background:linear-gradient(135deg,rgba(197,160,89,.10),rgba(24,48,89,.18))}
.wng-apt .wa-offer h3{margin:0 0 8px;font-size:15px;color:var(--wa-paper);font-weight:800;line-height:1.6}
.wng-apt .wa-offer p{margin:0 0 14px;font-size:13.5px;color:var(--wa-muted);line-height:1.95}
.wng-apt .wa-note{font-size:11.5px;color:rgba(159,176,196,.6);text-align:center;margin:14px 0 0;line-height:1.85}
.wng-apt .wa-note.start{text-align:inherit;margin:0 0 4px}
.wng-apt .wa-note.strong{color:var(--wa-gold-2);margin:0 0 4px;font-size:13px}
.wng-apt .wa-code{color:var(--wa-gold-2);font-size:15px;letter-spacing:2px}
.wng-apt .wa-tel{color:var(--wa-gold-2);text-decoration:none}
.wng-apt .wa-ok{width:54px;height:54px;margin:4px auto 16px;border-radius:50%;
  background:linear-gradient(135deg,var(--wa-gold-1),var(--wa-gold-2));display:grid;place-items:center}

/* ── انتخاب بازه و موضوع ── */
.wng-apt .wa-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.wng-apt .wa-pick.two{grid-template-columns:repeat(2,1fr)}
.wng-apt .wa-pick button{min-height:50px;padding:8px 6px;background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);border-radius:11px;color:var(--wa-paper);
  font:inherit;font-size:13.5px;line-height:1.4;cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:background .18s,border-color .18s}
.wng-apt .wa-pick button:hover{border-color:rgba(197,160,89,.4)}
.wng-apt .wa-pick button.is-picked{background:rgba(197,160,89,.16);border-color:var(--wa-gold-1)}
.wng-apt .wa-sub{font-size:12px;color:var(--wa-muted);margin:0 0 8px}

/* ── موبایل ── */
@media (max-width:600px){
  .wng-apt .wa-card{border-radius:12px}
  .wng-apt .wa-stage{padding:18px 15px 20px}
  .wng-apt .wa-head{padding:13px 15px 10px}
  .wng-apt .wa-brand{font-size:12px}
  .wng-apt .wa-t{font-size:18px;line-height:1.5}
  .wng-apt .wa-t.lg{font-size:20px}
  .wng-apt .wa-p{font-size:14px;line-height:1.85;margin-bottom:14px}
  .wng-apt .wa-opt{font-size:14px;min-height:50px;padding:10px 13px;gap:10px}
  .wng-apt .wa-opts{gap:8px}
  .wng-apt .wa-vis{gap:7px}
  .wng-apt .wa-otp input{width:46px;height:54px;font-size:20px}
  .wng-apt .wa-gauge{gap:13px}
  .wng-apt .wa-gauge svg{width:88px;height:88px}
  .wng-apt .wa-type .name{font-size:18px}
  .wng-apt .wa-pick button{font-size:12.5px;min-height:48px}
  .wng-apt .wa-analyze{padding:26px 0 24px}
  .wng-apt .wa-foot{margin-top:16px}
}

/* صفحه‌های خیلی کوتاه (موبایل افقی یا دستگاه کوچک) */
@media (max-height:680px) and (max-width:600px){
  .wng-apt .wa-stage{padding:15px 15px 18px}
  .wng-apt .wa-p{margin-bottom:12px}
  .wng-apt .wa-opt{min-height:46px;padding:9px 13px}
  .wng-apt .wa-analyze{padding:20px 0 18px}
}

@media (prefers-reduced-motion:reduce){
  .wng-apt *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}