/* Improntae Collage Cursor — v1.2.0 */
#imp-cursor{ display: none; }

@media (pointer: fine){
  #imp-cursor{
    display: block;
    position: fixed;
    top: 0; left: 0;
    width: var(--impcur-size, 26px);
    height: var(--impcur-size, 26px);
    margin-top: calc(var(--impcur-size, 26px) / -2);
    margin-left: calc(var(--impcur-size, 26px) / -2);
    border: var(--impcur-thickness, 2px) solid var(--impcur-color, #E0464B);
    border-radius: 50%;
    background-color: transparent;
    pointer-events: none;
    z-index: 999999;
    opacity: 0;
    transition: width .18s ease, height .18s ease,
                margin .18s ease, background-color .18s ease, opacity .2s ease;
    will-change: transform;

    /* DOPPIO CONTORNO: alone bianco esterno + alone scuro sottilissimo.
       Rende il cerchio visibile su QUALSIASI fondo: bianco, colorato o scuro,
       anche quando il fondo ha lo stesso colore del cerchio. */
    box-shadow:
      0 0 0 var(--impcur-thickness, 2px) rgba(255,255,255,.95),
      0 0 0 calc(var(--impcur-thickness, 2px) * 2) rgba(0,0,0,.18);
  }
  #imp-cursor.imp-on{ opacity: 1; }

  #imp-cursor.imp-big{
    width: var(--impcur-size-hover, 46px);
    height: var(--impcur-size-hover, 46px);
    margin-top: calc(var(--impcur-size-hover, 46px) / -2);
    margin-left: calc(var(--impcur-size-hover, 46px) / -2);
    background-color: rgba(255,255,255,.22);
  }

  /* modalità alternativa: inverti colori (se qualcuno la preferisce) */
  html.imp-blend #imp-cursor{
    mix-blend-mode: difference;
    box-shadow: none;
  }
  html.imp-blend #imp-cursor.imp-big{
    background-color: rgba(255,255,255,.25);
  }

  html.imp-hide-native,
  html.imp-hide-native body,
  html.imp-hide-native a,
  html.imp-hide-native button,
  html.imp-hide-native input,
  html.imp-hide-native textarea,
  html.imp-hide-native select,
  html.imp-hide-native summary,
  html.imp-hide-native .elementor-button{
    cursor: none !important;
  }
}

@media (pointer: coarse){ #imp-cursor{ display: none !important; } }
@media (prefers-reduced-motion: reduce){
  #imp-cursor{ display: none !important; }
  html.imp-hide-native, html.imp-hide-native body{ cursor: auto !important; }
}