/* Curseur principal */
.bnz-pointer {
    position: fixed;
    top: 0;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #E2682E42; /* orange transparent */
    pointer-events: none;
    z-index: 99999;
    transition: all 0.15s ease-out;
    transform: translate(-50%, -50%); /* centrer le curseur */
}

/* Petit point au centre */
.bnz-pointer::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #E2682E; /* point orange */
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

/* Variantes */
.bnz-pointer.bnz-large { width: 50px; height: 50px; background: #E2682E42; }
.bnz-pointer.bnz-small { width: 20px; height: 20px; background: #E2682E42; }
.bnz-pointer.bnz-none { width: 0; height: 0; }
.bnz-pointer.bnz-drag {
    width: 50px;
    height: 50px;
    background: #E2682E42;
    box-shadow: 0 0 10px #E2682E42;
}

/* Icônes drag */
.bnz-pointer.bnz-drag:before,
.bnz-pointer.bnz-drag:after {
    font-family: "bootstrap-icons";
    position: absolute;
    top: 50%;
    font-size: 16px;
    color: #E2682E; /* icônes orange */
    transform: translateY(-50%);
}

.bnz-pointer.bnz-drag:before { content: "\F284"; left: -17px; }
.bnz-pointer.bnz-drag:after { content: "\F285"; right: -17px; }

/* Animation rotation si nécessaire */
@keyframes spin { 100% { transform: rotate(360deg); } }