/* =========================================
   INDEPENDENT CUSTOM CURSOR EXTENSION (FIXED)
========================================= */

@media (min-width: 769px) {
    /* 1. FORCEFULLY HIDE DEFAULT CURSOR EVERYWHERE */
    *, body, html, a, button, input, textarea, select, [role="button"] { 
        cursor: none !important; 
    }
    
    /* 2. CENTER DOT (Main Cursor) */
    #sf-custom-cur {
        width: 10px;
        height: 10px;
        background: #f39c12 !important; /* Theme Yellow */
        border-radius: 50%;
        position: fixed;
        pointer-events: none !important; /* Clicks iske aar-paar ja saken */
        z-index: 2147483647 !important; /* Website ka sabse bada Z-Index */
        transform: translate(-50%, -50%);
        transition: width 0.15s ease-out, height 0.15s ease-out, background 0.2s;
        mix-blend-mode: difference;
        top: 0;
        left: 0;
    }
    
    /* 3. OUTER RING (Smooth Follower) */
    #sf-custom-cur2 {
        width: 36px;
        height: 36px;
        border: 1.5px solid rgba(243, 156, 18, 0.6) !important;
        border-radius: 50%;
        position: fixed;
        pointer-events: none !important;
        z-index: 2147483646 !important;
        transform: translate(-50%, -50%);
        transition: width 0.2s ease-out, height 0.2s ease-out, border-color 0.2s;
        top: 0;
        left: 0;
    }
    
    /* 4. HOVER EFFECT (Jab link ya button par mouse jaye) */
    body.sf-cursor-hovering #sf-custom-cur {
        width: 18px !important;
        height: 18px !important;
    }
    
    body.sf-cursor-hovering #sf-custom-cur2 {
        width: 56px !important;
        height: 56px !important;
        border-color: #f39c12 !important;
        background: rgba(243, 156, 18, 0.05) !important;
    }
}