/* Custom cursor styling (Desktop only) */
@media (min-width: 992px) {

    body,
    a,
    button,
    select,
    input,
    textarea,
    [role="button"],
    .proj-card,
    .proj-dot,
    .skill-pill,
    .hero-social-link,
    .proj-arrow {
        cursor: none !important;
    }

    .custom-cursor-dot,
    .custom-cursor-ring {
        position: fixed;
        top: 0;
        left: 0;
        transform: translate(-50%, -50%);
        pointer-events: none;
        z-index: 999999;
        border-radius: 50%;
        opacity: 0;
        transition: opacity 0.3s ease, width 0.3s ease, height 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, transform 0.1s ease;
    }

    .custom-cursor-dot {
        width: 16px;
        height: 16px;
        background-color: #10b981;
        /* Matches green theme */
    }

    .custom-cursor-ring {
        width: 46px;
        height: 46px;
        border: 1px solid rgba(16, 185, 129, 0.35);
        background-color: transparent;
    }

    /* Hover expansions */
    .custom-cursor-ring.hovered {
        width: 60px;
        height: 60px;
    }

    .custom-cursor-dot.hovered {
        background-color: #ffffff !important;
        border-color: transparent !important;
        mix-blend-mode: difference;
        width: 40px;
        height: 40px;
    }
}