/*====================================
  CUSTOM CURSOR (سبک و غیرمزاحم)
  نشانگر سیستم همیشه فعال می‌ماند تا متن/عکس پنهان نشود؛
  این فقط یک نقطه و حلقه‌ی کوچک تزئینی است.
====================================*/

.cursor{
    position:fixed;
    left:0;
    top:0;
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--red);
    pointer-events:none;
    transform:translate(-50%,-50%);
    z-index:999999;
    transition:width .2s, height .2s, opacity .2s, transform .08s;
    will-change:transform;
}

/* حلقه‌ی بیرونی نازک */
.cursor-ring{
    position:fixed;
    left:0;
    top:0;
    width:34px;
    height:34px;
    border-radius:50%;
    border:1px solid rgba(193,18,31,.5);
    pointer-events:none;
    transform:translate(-50%,-50%);
    transition:width .25s, height .25s, border-color .25s, transform .15s, opacity .2s;
    z-index:999998;
    will-change:transform;
}

/* Hover: فقط حلقه بزرگ‌تر می‌شود، نقطه ریز می‌ماند تا محتوا پوشانده نشود */
.cursor.active{
    width:6px;
    height:6px;
}

.cursor-ring.active{
    width:52px;
    height:52px;
    border-color:rgba(193,18,31,.85);
}

/* Click */
.cursor.click{transform:translate(-50%,-50%) scale(.7)}
.cursor-ring.click{transform:translate(-50%,-50%) scale(1.15);opacity:.5}

/* Hidden (بیرون از پنجره) */
.cursor.hidden,
.cursor-ring.hidden{opacity:0}

/* روی موبایل/لمسی نمایش داده نمی‌شود */
@media(max-width:992px), (hover:none){
    .cursor,
    .cursor-ring{display:none}
}