/* =========================
   WIDESH · CTA (scoped)
   Scope root: .wcta[data-module="widesh-cta"]
   ========================= */

.wcta[data-module="widesh-cta"]{
  position:relative; isolation:isolate; overflow:hidden; background:#fff;
}
.wcta[data-module="widesh-cta"] .wcta-bg{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(900px 420px at 100% 0%, rgba(92,47,246,.10), transparent 60%),
    radial-gradient(820px 460px at 0% 100%, rgba(34,211,238,.12), transparent 58%),
    linear-gradient(180deg,#ffffff 0%, #f6fffb 60%, #ffffff 100%);
}

/* Container width 1200px (درخواست شما) */
.wcta[data-module="widesh-cta"] .wcta-container{
  position:relative; z-index:2;
  max-width:1200px; margin-inline:auto;
  padding:38px 20px 46px;
}
@media (min-width:1440px){
  .wcta[data-module="widesh-cta"] .wcta-container{ max-width:1200px; }
}

/* Card */
.wcta[data-module="widesh-cta"] .wcta-card{
  display:grid; gap:22px; align-items:center;
  grid-template-columns: 1fr; /* بدون تصویر */
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.90));
  border:1px solid #e9e1ff; border-radius:26px;
  box-shadow:0 28px 70px rgba(27,20,64,.10), inset 0 0 0 1px rgba(255,255,255,.75);
  padding:26px;
  min-height:220px;
}
.wcta[data-module="widesh-cta"] .wcta-card.has-media{
  grid-template-columns: minmax(280px, 360px) 1fr; /* تصویر چپ، محتوا راست */
}

/* Media (left) */
.wcta[data-module="widesh-cta"] .wcta-media{
  margin:0; border-radius:22px; overflow:hidden;
  background:linear-gradient(180deg,#ffffff,#fbf9ff);
  border:1px solid #e6dcff;
  box-shadow:0 18px 40px rgba(92,47,246,.12);
}
.wcta[data-module="widesh-cta"] .wcta-media img{
  display:block; width:100%; height:auto;
}

/* Content */
.wcta[data-module="widesh-cta"] .wcta-title{
  font-family:"Lalezar", system-ui; font-weight:400; margin:0 0 6px;
  color:#0f172a; font-size:clamp(26px,3.8vw,40px);
  text-shadow:0 8px 24px rgba(0,0,0,.07);
  justify-content: center;
}
.wcta[data-module="widesh-cta"] .wcta-subtitle{
  font-family:iransans, Tahoma, sans-serif; color:#334155; margin:0 0 14px;
  font-size:clamp(14px,1.6vw,16px); line-height:1.95;
}

/* Actions */
.wcta[data-module="widesh-cta"] .wcta-actions{ display:flex; gap:10px; flex-wrap:wrap; }
.wcta[data-module="widesh-cta"] .wcta-btn{
  --pad-x: 18px; --pad-y: 12px;
  display:inline-flex; align-items:center; gap:10px;
  padding:var(--pad-y) var(--pad-x); border-radius:9999px;
  font-family:iransans, Tahoma, sans-serif; font-weight:900; text-decoration:none;
  border:1px solid rgba(0,0,0,.04); transition:transform .18s ease;
}
.wcta[data-module="widesh-cta"] .wcta-btn:hover{ transform:translateY(-2px); }
.wcta[data-module="widesh-cta"] .wcta-btn .wcta-icon{ font-size:14px; line-height:1; }

.wcta[data-module="widesh-cta"] .wcta-btn--primary{
  background:linear-gradient(135deg,#22d3ee,#5c2ff6 55%,#ff4fd8);
  color:#ffffff;
  box-shadow:0 12px 28px rgba(92,47,246,.24), 0 2px 0 rgba(255,255,255,.22) inset;
}
.wcta[data-module="widesh-cta"] .wcta-btn--ghost{
  background:linear-gradient(180deg,#ffffff,#f6fff6);
  color:#0f1027; border-color:#dcfce7;
  box-shadow:0 10px 22px rgba(15,118,110,.10);
}

/* Badges */
.wcta[data-module="widesh-cta"] .wcta-badges{
  display:flex; gap:8px 12px; flex-wrap:wrap; margin:12px 0 0; padding:0; list-style:none;
}
.wcta[data-module="widesh-cta"] .wcta-badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:9999px;
  background:linear-gradient(180deg,#ffffff,#fbf9ff);
  border:1px solid #e6dcff; color:#2a2550;
  font-family:iransans, Tahoma, sans-serif; font-size:13px;
}
.wcta[data-module="widesh-cta"] .wcta-dot{
  width:8px; height:8px; border-radius:9999px;
  background:linear-gradient(135deg,#22d3ee,#16a34a);
  box-shadow:0 0 0 2px rgba(34,211,238,.18);
}

/* Responsive */
@media (max-width: 820px){
  .wcta[data-module="widesh-cta"] .wcta-card,
  .wcta[data-module="widesh-cta"] .wcta-card.has-media{
    grid-template-columns: 1fr;
  }
  .wcta[data-module="widesh-cta"] .wcta-media{ order:2; }
  .wcta[data-module="widesh-cta"] .wcta-content{ order:1; }
}

/* Safety */
.wcta[data-module="widesh-cta"],
.wcta[data-module="widesh-cta"] *{ box-sizing:border-box; max-width:100% }
/* Center CTA buttons (and badges) */
.wcta[data-module="widesh-cta"] .wcta-actions{
  justify-content: center;
}

.wcta[data-module="widesh-cta"] .wcta-badges{
  justify-content: center;
}

/* Optional: روی موبایل هر دکمه تمام‌عرض و همچنان وسطِ متن */
@media (max-width: 640px){
  .wcta[data-module="widesh-cta"] .wcta-actions .wcta-btn{
    width: 100%; justify-content: center;
  }
}