.wna-wrap{ width:100%; }

/* hide helper */
.wna-is-hidden{ display:none !important; }

/* Card */
.wna-card{
  position: relative;
  background: #ffffff;
  border-radius: 26px;
  padding: 34px 28px 26px;
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
  overflow: hidden;
  min-height: 240px;
}

/* Airdrop image */
.wna-top-image{
  position:absolute;
  left:18px;
  top:12px;
  width:92px;
  pointer-events:none;
  z-index:1;
}
.wna-top-image img{ width:100%; height:auto; display:block; }

.wna-content{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:16px;
}

/* Head */
.wna-head{ margin-top:6px; }
.wna-title{
  font-size:34px;
  line-height:1.25;
  font-weight:900;
  color:#1f1f1f;
}
.wna-subtitle{
  margin-top:10px;
  font-size:18px;
  line-height:1.7;
  color:#7a7a7a;
  font-weight:600;
}

/* Wraps */
.wna-main-btn-wrap,
.wna-next-btn-wrap{
  width:100%;
  text-align:center;
}

/* Align classes (robust even if Elementor selector doesn’t apply) */
.wna-main-btn-wrap.wna-align-left,
.wna-next-btn-wrap.wna-align-left{ text-align:left; }

.wna-main-btn-wrap.wna-align-center,
.wna-next-btn-wrap.wna-align-center{ text-align:center; }

.wna-main-btn-wrap.wna-align-right,
.wna-next-btn-wrap.wna-align-right{ text-align:right; }

/* Justify like Elementor */
.wna-main-btn-wrap.wna-align-justify,
.wna-next-btn-wrap.wna-align-justify{
  text-align: initial;
}
.wna-main-btn-wrap.wna-align-justify .wna-main-btn,
.wna-next-btn-wrap.wna-align-justify .wna-next-btn{
  width:100% !important;
}

/* Main Button */
.wna-main-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#2f6bff;
  color:#fff;
  border:none;
  border-radius:22px;
  padding:18px 18px;
  font-size:26px;
  font-weight:900;
  cursor:pointer;
  transition:transform .05s ease, opacity .2s ease, background-color .15s ease, color .15s ease;
  user-select:none;

  /* ✅ مهم: پیش‌فرض auto تا align اثر کند */
  width:auto;
  max-width:100%;
}
.wna-main-btn:active{ transform:scale(.99); }
.wna-main-btn[disabled]{ opacity:.85; cursor:not-allowed; }

/* Next Step Button */
.wna-next-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  background:#111827;
  color:#ffffff;
  border:none;
  border-radius:18px;
  padding:14px 18px;
  font-size:18px;
  font-weight:800;
  transition:transform .05s ease, opacity .2s ease, background-color .15s ease, color .15s ease;
  user-select:none;

  width:auto;
  max-width:100%;
}
.wna-next-btn:active{ transform:scale(.99); }
.wna-next-btn--disabled{ opacity:.6; }

/* Footer */
.wna-footer{
  margin-top:2px;
  width:min(620px, 96%);
  font-size:20px;
  line-height:1.9;
  color:#2b2b2b;
  font-weight:600;
}

/* Telegram container */
.wna-telegram{
  margin-top:6px;
  width:100%;
  display:flex;
  justify-content:flex-end;
}

/* Telegram align classes */
.wna-telegram.wna-align-left{ justify-content:flex-start; }
.wna-telegram.wna-align-center{ justify-content:center; }
.wna-telegram.wna-align-right{ justify-content:flex-end; }
.wna-telegram.wna-align-justify{ justify-content:stretch; }
.wna-telegram.wna-align-justify .wna-telegram-btn{
  width:100% !important;
  justify-content:space-between;
}

/* Telegram Button */
.wna-telegram-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:12px 16px;
  border-radius:999px;
  background:#f3f5f8;
  color:#6a6a6a;
  text-decoration:none;
  font-weight:800;
  transition:background-color .15s ease, color .15s ease, transform .05s ease;

  /* ✅ مهم: auto تا align اثر کند */
  width:auto;
  max-width:100%;
}
.wna-telegram-btn:hover{ transform:translateY(-1px); }
.wna-telegram-btn--disabled{ opacity:.6; }

.wna-tg-text{ display:inline-block; white-space:nowrap; }

.wna-telegram-icon{
  width:42px;
  height:42px;
  border-radius:999px;
  background:#7eb7ff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.wna-telegram-icon i{ font-size:18px; color:#ffffff; }
.wna-telegram-icon svg{ width:18px; height:18px; fill:#ffffff; color:#ffffff; }

/* Mobile */
@media (max-width:480px){
  .wna-card{
    padding:26px 18px 20px;
    border-radius:22px;
  }
  .wna-title{ font-size:28px; }
  .wna-subtitle{ font-size:16px; }
  .wna-main-btn{
    font-size:22px;
    padding:16px 16px;
    border-radius:20px;
  }
  .wna-footer{ font-size:18px; }
  .wna-top-image{
    width:72px;
    left:8px;
    top:8px;
  }
}

@media (max-width:480px){
  .wna-hide-img-mobile .wna-top-image{ display:none !important; }
}