/* ======================================================================
   CURSOR EFFECT — własny kursor dot + ring
   Tylko na pointer:fine (mysz). Touch = bez zmian.
====================================================================== */

@media (hover: hover) and (pointer: fine) {

    /* Ukryj kursor systemowy */
    *, *::before, *::after { cursor: none !important; }

    /* ── Dot: szybki, precyzyjny punkt ── */
    #cursor-dot {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        pointer-events: none;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #0f766e;
        translate: none; /* pozycja ustawiana przez JS */
        transition:
            width    0.12s ease,
            height   0.12s ease,
            background 0.12s ease;
        will-change: transform;
    }

    #cursor-dot.is-hovering {
        width: 10px;
        height: 10px;
        background: #2563eb;
    }

    #cursor-dot.is-clicking {
        width: 5px;
        height: 5px;
        background: #d97706;
        transition: width 0.06s ease, height 0.06s ease, background 0.06s ease;
    }

    /* ── Ring: leniwy, opóźniony pierścień ── */
    #cursor-ring {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9998;
        pointer-events: none;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1.5px solid rgba(15, 118, 110, 0.42);
        background: transparent;
        transition:
            width        0.22s ease,
            height       0.22s ease,
            border-color 0.22s ease;
        will-change: transform;
    }

    #cursor-ring.is-hovering {
        width: 42px;
        height: 42px;
        border-color: rgba(37, 99, 235, 0.38);
    }

    #cursor-ring.is-clicking {
        width: 20px;
        height: 20px;
        border-color: rgba(217, 119, 6, 0.6);
        transition:
            width        0.07s ease,
            height       0.07s ease,
            border-color 0.07s ease;
    }
}

/* Ukryj na touch */
@media (hover: none), (pointer: coarse) {
    #cursor-dot,
    #cursor-ring {
        display: none !important;
    }
}