/* ===============================
   RAVANTECHNO — Shortcodes Dark Purple (no-vars)
   Scope: ONLY .translation-form
   =============================== */

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .translation-form *{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}

.translation-form,
.translation-form *{ box-sizing:border-box; }

.translation-form{
  position: relative;
  isolation: isolate;
  direction: rtl;
  /* bg pattern */
  background:
    radial-gradient(1200px 600px at 100% -10%, rgba(167,139,250,.14), transparent 55%),
    radial-gradient(800px 500px at -20% 120%, rgba(124,58,237,.12), transparent 60%),
    #0b0616; /* very dark purple */
  border: 1px solid #2a1b4a;
  border-radius: 16px;
  padding: 20px;
  max-width: 720px;
  margin: 24px auto;
  box-shadow: 0 12px 28px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.03);
  font-family: inherit,'Vazirmatn',Tahoma,Arial,sans-serif;
  color: #ece9ff !important;
}

/* Headings / title if any */
.translation-form h1,
.translation-form h2,
.translation-form h3{
  color: #ece9ff !important;
  margin: 0 0 10px;
  font-weight: 800;
}

/* Labels & helper texts */
.translation-form label{
  display:block;
  margin-bottom:8px;
  font-weight:700;
  color: #ece9ff !important;
}

/* Token counter */
.translation-form [id^="rav_count_"]{
  display:inline-block;
  margin-top:4px;
  font-size:14px !important;
  color: #bfb3ef !important;
}

/* Inputs */
.translation-form textarea,
.translation-form input[type="text"],
.translation-form input[type="email"],
.translation-form input[type="url"]{
  width:100%;
  display:block;
  background: #1a0f32 !important;  /* surface */
  color: #ece9ff !important;
  border: 1px solid #2a1b4a !important;
  border-radius: 12px;
  padding: 12px 14px;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
  transition: box-shadow .16s ease, border-color .16s ease, transform .06s ease;
}

.translation-form textarea::placeholder,
.translation-form input::placeholder{
  color: #bfb3ef !important;
  opacity: .9;
}

.translation-form textarea:focus,
.translation-form input:focus{
  border-color: #7c3aed !important;
  box-shadow: 0 0 0 3px rgba(124,58,237,.35), 0 6px 18px rgba(124,58,237,.2);
}

/* Buttons & download link */
.translation-form input[type="submit"],
.translation-form button[type="submit"],
.translation-form .download-link{
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 11px 18px;
  border-radius: 12px;
  border: 1px solid #5b2bb8; /* darker than primary */
  background: linear-gradient(180deg, #864cf0, #7c3aed);
  color: #ffffff !important;
  font-weight:800;
  text-decoration:none !important;
  box-shadow: 0 6px 18px rgba(124,58,237,.35), inset 0 1px 0 rgba(255,255,255,.12);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
  cursor: pointer;
}

.translation-form input[type="submit"]:hover,
.translation-form .download-link:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(124,58,237,.44);
  filter: brightness(1.02);
}

.translation-form input[type="submit"]:active,
.translation-form .download-link:active{
  transform: none;
}

.translation-form input[type="submit"]:disabled{
  opacity:.6;
  cursor:not-allowed;
}

/* Ghost button (اختیاری) */
.translation-form .btn-ghost{
  background: transparent !important;
  color: #a78bfa !important;
  border: 1px dashed #2a1b4a !important;
}

/* Error/notice */
.translation-form .translation-error{
  color: #ff6b6b !important;
  background: rgba(255,107,107,.15);
  border: 1px solid #7a2f2f;
  padding: 10px 12px;
  border-radius: 10px;
  margin-top: 14px;
}

/* “در حال پردازش…” */
.rav-spinner{
  text-align:center;
  margin:10px 0;
  font-weight:700;
  color: #bfb3ef !important;
}

/* Footer version mark (اختیاری) */
.translation-form .plugin-version{
  position: absolute;
  bottom: 8px;
  left: 12px;
  font-size: 12px;
  color: #cfc6ff;
  opacity:.8;
  pointer-events:none;
}

/* Links (e.g., PDF download as <a>) */
.translation-form a{
  color: #a78bfa;
}
.translation-form a:hover{ text-decoration: underline; }

/* Fine spacing */
.translation-form form{ display:block; }
.translation-form textarea{
  min-height: 180px;
  resize: vertical;
  margin-top:8px;
  margin-bottom:16px;
}

/* Responsive */
@media (max-width: 540px){
  .translation-form{ padding: 16px; border-radius: 14px; }
  .translation-form textarea{ min-height: 140px; }
}
.rav-upgrade-inline{ margin-top:12px; }
.rav-upgrade-inline .upgrade-solid{
  display:inline-block; padding:10px 16px; border:2px solid #0b1220; border-radius:12px;
  text-decoration:none; font-weight:800; background:#fff; color:#0b1220 !important;
}
.rav-upgrade-inline .upgrade-solid:hover{ transform:translateY(-1px); }