/* ============ cursor.css — افکت کرسور دایره‌ای سفارشی (فقط دسکتاپ) ============ */

/* حلقه بیرونی (دنبال‌کننده) */
.cursor {
  position: fixed;
  width: 36px;
  height: 36px;
  border: 2px solid rgba(255, 45, 45, 0.55);
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: width 0.25s ease, height 0.25s ease, border-color 0.25s ease, opacity 0.25s ease;
  mix-blend-mode: exclusion;
  opacity: 0;
}

/* نقطه مرکزی */
.cursor--dot {
  width: 6px;
  height: 6px;
  border: none;
  background: var(--neon-red, #ff2d2d);
  box-shadow: 0 0 8px rgba(255, 45, 45, 0.7);
  mix-blend-mode: normal;
}

/* حالت هاور روی عناصر تعاملی */
.cursor.is-hover {
  width: 52px;
  height: 52px;
  border-color: rgba(255, 45, 45, 0.85);
  box-shadow: 0 0 14px rgba(255, 45, 45, 0.4);
}
.cursor--dot.is-hover {
  width: 4px;
  height: 4px;
}

/* مخفی در موبایل/تبلت */
@media (hover: none), (max-width: 1024px) {
  .cursor, .cursor--dot { display: none !important; }
}

/* مخفی‌کردن موس پیش‌فرض وقتی کرسور سفارشی فعال */
@media (hover: hover) and (min-width: 1025px) {
  body { cursor: none; }
  a, button, input, select, textarea, [role="button"], .card, .tag, .nav__item, .fav, .pbtn, .btn {
    cursor: none;
  }
}