/* =========================
   WIDESH · AUTOMATION
   SCOPED: .wauto-
   ========================= */

/* Section — تم تیره با نئون فیروزه‌ای/صورتی */
.wauto{position:relative;isolation:isolate;background:#0B1020;overflow:hidden}
.wauto-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(700px 300px at 10% 10%, rgba(14,165,233,.16), transparent 60%),
    radial-gradient(660px 280px at 90% 90%, rgba(236,72,153,.14), transparent 60%),
    linear-gradient(180deg,#0B1020 0%, #0E1328 60%, #0B1020 100%)
}
.wauto-container{position:relative;z-index:2;max-width:1200px;margin-inline:auto;padding:44px 20px}
@media (min-width:1440px){.wauto-container{max-width:1320px}}

/* Layout: تصویر چپ، محتوا راست (در RTL) */
.wauto-layout{
  display:grid;gap:24px;align-items:center;
  grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr);
}
@media (max-width:1024px){
  .wauto-layout{grid-template-columns:1fr}
}

/* Media */
.wauto-media{
  margin:0; position:relative;
  border-radius:22px; overflow:hidden;
  border:1px solid rgba(125,211,252,.15);
  box-shadow:0 30px 80px rgba(56,189,248,.14), inset 0 0 0 1px rgba(255,255,255,.02);
  background:linear-gradient(180deg, rgba(13,148,136,.12), rgba(236,72,153,.10));
}
.wauto-media img{display:block;width:100%;height:auto}

/* Content */
.wauto-head{margin-bottom:14px}
.wauto-title{
  font-family:"Lalezar",system-ui;font-weight:400;margin:0 0 6px;
  color:#ECFEFF; font-size:clamp(26px,3.6vw,40px); text-shadow:0 8px 30px rgba(34,211,238,.15)
}
.wauto-subtitle{
  font-family:iransans,Tahoma,sans-serif;margin:0;color:#C7D2FE;
  font-size:clamp(14px,1.6vw,16px); line-height:1.95
}
.wauto-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.wauto-chip{
  display:inline-flex;align-items:center;gap:8px;
  font-family:iransans,Tahoma,sans-serif;font-weight:900;font-size:12.5px;
  color:#0B1020; padding:8px 12px; border-radius:9999px;
  background:linear-gradient(135deg,#22D3EE,#FF4FD8); border:1px solid rgba(255,255,255,.45);
  box-shadow:0 10px 24px rgba(34,211,238,.22)
}
.wauto-chip i{color:#0B1020}

/* Steps */
.wauto-steps{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.wauto-step{
  display:grid;grid-template-columns:44px 40px 1fr;gap:10px;align-items:start;
  background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
  border:1px solid rgba(148,163,184,.16); border-radius:16px; padding:12px;
  box-shadow:0 12px 26px rgba(0,0,0,.25);
}
.wauto-step-index{
  width:44px;height:44px;border-radius:12px;display:grid;place-items:center;
  font-family:"Lalezar",system-ui;color:#0B1020;font-size:18px;
  background:linear-gradient(135deg,#22D3EE,#7CF4FF); border:1px solid rgba(255,255,255,.55)
}
.wauto-step-icon{
  width:40px;height:40px;border-radius:12px;display:grid;place-items:center;
  color:#FF4FD8;background:rgba(255,79,216,.12); border:1px solid rgba(255,79,216,.25)
}
.wauto-step-body h3{
  margin:0 0 6px; font-family:iransans,Tahoma,sans-serif; font-weight:900; color:#E2E8F0; font-size:15px
}
.wauto-step-body p{
  margin:0; font-family:iransans,Tahoma,sans-serif; color:#B6C2D9; font-size:13.5px; line-height:2
}

/* CTA */
.wauto-cta-wrap{margin-top:16px}
.wauto-cta{
  display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:9999px;
  background:linear-gradient(135deg,#22D3EE,#7CF4FF); color:#0B1020; font-weight:900;
  border:1px solid rgba(0,0,0,.04); text-decoration:none; font-family:iransans,Tahoma,sans-serif;
  box-shadow:0 12px 28px rgba(34,211,238,.28)
}
.wauto-cta:hover{transform:translateY(-2px)}

/* No horizontal overflow */
.wauto, .wauto *{box-sizing:border-box}
/* =========================================
   THEME OVERRIDE · Aurora Bold (Vivid Neon)
   برای ماژول .wauto – بدون تغییر HTML
   ========================================= */

/* پس‌زمینه روشن با اورورای متحرک (نئون فیروزه‌ای/بنفش/صورتی) */
.wauto{ background:#ffffff; position:relative; overflow:hidden; }
.wauto-bg{ background:none !important; } /* پس‌زمینه قدیمی خنثی شود */

.wauto::before,
.wauto::after{
  content:""; position:absolute; inset:-10% -5%; z-index:0; pointer-events:none;
  background:
    radial-gradient(40% 32% at 85% 12%, rgba(92,47,246,.20), transparent 60%),
    radial-gradient(38% 30% at 12% 88%, rgba(34,211,238,.24), transparent 60%),
    radial-gradient(30% 26% at 55% 50%, rgba(255,79,216,.20), transparent 60%);
  filter: blur(10px);
  animation: wautoAurora 18s ease-in-out infinite alternate;
}
.wauto::after{
  opacity:.7; transform:scale(1.06);
  animation-duration: 24s;
}
@keyframes wautoAurora{
  0%   { transform: translate3d(0,0,0) scale(1); }
  50%  { transform: translate3d(2%, -1%, 0) scale(1.03); }
  100% { transform: translate3d(-2%, 1%, 0) scale(1.06); }
}

/* تیتر/زیرتیتر شفاف و قوی */
.wauto-title{
  color:#1B1440 !important;
  text-shadow:0 10px 28px rgba(0,0,0,.10);
}
.wauto-subtitle{
  color:#2A2550 !important;
}

/* کارت تصویر با گلس و هاله */
.wauto-media{
  border:1px solid #E6DCFF !important;
  background:linear-gradient(180deg,#FFFFFF,#FBF9FF) !important;
  box-shadow:
    0 28px 80px rgba(27,20,64,.18),
    0 0 0 1px rgba(255,255,255,.85) inset !important;
}

/* چیپ‌ها با گرادیان زنده + افکت درخشش حرکت‌دار */
.wauto-chip{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#22D3EE,#5C2FF6 55%,#FF4FD8) !important;
  border:1px solid rgba(255,255,255,.65) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(92,47,246,.18);
}
.wauto-chip i{ color:#0B1027 !important; background:#fff; border-radius:999px; padding:3px }
.wauto-chip::after{
  content:""; position:absolute; inset:-40% auto -40% -40%;
  width:60%; transform:skewX(-20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation: wautoShine 3.4s linear infinite;
}
@keyframes wautoShine{
  0%{ left:-60%; } 100%{ left:120%; }
}

/* مراحل: کارت‌های روشن با هالو رنگی و آیکن نئونی */
.wauto-step{
  background:linear-gradient(180deg,#FFFFFF,#FBFAFF) !important;
  border:1px solid #E6DCFF !important;
  box-shadow:
    0 22px 50px rgba(92,47,246,.12),
    0 1px 0 rgba(255,255,255,.8) inset !important;
}
.wauto-step-index{
  background: conic-gradient(from 0deg, #22D3EE, #5C2FF6, #FF4FD8, #22D3EE) !important;
  color:#0F1027 !important;
  border:1px solid rgba(255,255,255,.6);
  box-shadow:0 10px 24px rgba(34,211,238,.25);
}
.wauto-step-icon{
  color:#5C2FF6 !important;
  background:#F5F1FF !important;
  border:1px solid #E5DAFF !important;
}
.wauto-step-body h3{ color:#1B1440 !important; }
.wauto-step-body p { color:#2A2550 !important; }

/* دکمه CTA با گرادیان سه‌گانه و برق عبوری */
.wauto-cta{
  position:relative; overflow:hidden;
  background:linear-gradient(135deg,#22D3EE,#5C2FF6 45%,#FF4FD8) !important;
  color:#fff !important; border:none !important;
  box-shadow:0 16px 38px rgba(92,47,246,.28), 0 2px 0 rgba(255,255,255,.22) inset;
}
.wauto-cta::after{
  content:""; position:absolute; top:0; bottom:0; left:-30%; width:28%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  animation: wautoBtnShine 2.6s linear infinite;
}
@keyframes wautoBtnShine{
  0%{ left:-30%; } 100%{ left:130%; }
}

/* جزئیات تایپو و باکسینگ */
.wauto, .wauto *{ box-sizing:border-box }