/* ===================================================================
   Spine Cursor — Desktop only (Ian The Chiro)
   Three states: default | hover on links/buttons | mousedown click
   =================================================================== */

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

    /* --- Hide the real system cursor everywhere --- */
    *,
    *::before,
    *::after {
        cursor: url('/wp-content/themes/hello-elementor-child/images/cursor-spine-default.svg?v=3') 4 0, auto !important;
    }

    /* --- Hover state: brighter glow when over interactive elements --- */
    a,
    button,
    [role="button"],
    input[type="submit"],
    input[type="button"],
    label,
    select,
    textarea,
    .elementor-button,
    .elementor-widget-button a,
    .wp-block-button a {
        cursor: url('/wp-content/themes/hello-elementor-child/images/cursor-spine-hover.svg?v=3') 4 0, pointer !important;
    }

    /* --- Click state: the "adjustment" — triggered via JS class --- */
    body.spine-clicking *,
    body.spine-clicking *::before,
    body.spine-clicking *::after {
        cursor: url('/wp-content/themes/hello-elementor-child/images/cursor-spine-click.svg?v=3') 4 0, auto !important;
    }

    body.spine-clicking a,
    body.spine-clicking button,
    body.spine-clicking [role="button"],
    body.spine-clicking .elementor-button,
    body.spine-clicking .elementor-widget-button a {
        cursor: url('/wp-content/themes/hello-elementor-child/images/cursor-spine-click.svg?v=3') 4 0, pointer !important;
    }
}