/* =========================================================
   LACASE — FLÈCHE WINDOWS ROUGE AU-DESSUS DE TOUT LE SITE
========================================================= */

@media (hover: hover) and (pointer: fine) {
    html,
    body,
    body * {
        cursor: none !important;
    }

    .lacase-cursor-arrow {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 50000;
        width: 28px;
        height: 31px;
        pointer-events: none;
        opacity: 0;
        background:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='31' viewBox='0 0 28 31'%3E%3Cpath d='M2.5 1.5V24.5L8.6 18.5L13.6 28L17.5 26L12.5 16.8H21.5L2.5 1.5Z' fill='%23ff3b2f' stroke='%23160000' stroke-width='1.6' stroke-linejoin='round'/%3E%3Cpath d='M4.3 5.1V20.2L8 16.6L10.5 16H16.5L4.3 5.1Z' fill='%23ff6259' opacity='.55'/%3E%3C/svg%3E")
            no-repeat
            top left /
            contain;
        will-change: transform;
    }

    .lacase-cursor-arrow.is-visible {
        opacity: 1;
    }

    .lacase-cursor-arrow.is-pointer {
        width: 32px;
        height: 32px;
        margin-top: -1px;
        margin-left: -12px;
        background-image: url("../assets/cursor-hand-up-red-v2.svg");
    }
}