/* ============================================================
   تسکا — چسب کتابخانه‌های افکت (animate / hover / swal2 / particles)
   ============================================================ */

/* ---------- پس‌زمینه تعاملی particles ---------- */
[data-fx-particles] { position: relative; overflow: hidden; isolation: isolate; }
.fx-canvas { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.fx-canvas canvas { display: block; width: 100% !important; height: 100% !important; }
[data-fx-particles] > *:not(.fx-canvas) { position: relative; z-index: 1; }

/* ---------- استایل برند برای SweetAlert2 (راست‌چین) ---------- */
.swal2-popup { direction: rtl; font-family: inherit !important; border-radius: 20px !important; }
.swal2-title { color: #141c42 !important; font-size: 19px !important; }
.swal2-html-container { font-size: 14px !important; line-height: 2 !important; color: #2a3560 !important; }
.swal2-confirm {
  background: linear-gradient(135deg, #141c42, #2a1f5c) !important;
  color: #e8c46a !important; border-radius: 12px !important; font-family: inherit !important;
  box-shadow: 0 8px 22px rgba(20, 28, 66, .35) !important;
}
.swal2-cancel { background: #eef1f7 !important; color: #2a3560 !important; border-radius: 12px !important; font-family: inherit !important; }
.swal2-icon { margin-top: 18px !important; }

/* ---------- احترام به کاهش حرکت ---------- */
@media (prefers-reduced-motion: reduce) {
  .fx-canvas { display: none; }
  [data-fx] { animation: none !important; opacity: 1 !important; transform: none !important; }
}