/* ============================================================
   Roema Design — Custom Cursor (Modul)
   Aktiv NUR auf Geräten mit Maus. Auf Touch wird gar nichts injiziert
   (siehe cursor.js: matchMedia('(hover:none),(pointer:coarse)')).
   Einbinden:  <link rel="stylesheet" href="css/cursor.css">
   ============================================================ */

/* Nativen Cursor nur ausblenden, wenn das Modul aktiv ist */
body.rd-cursor-on{cursor:none;}
body.rd-cursor-on a,
body.rd-cursor-on button,
body.rd-cursor-on .lang-menu li,
body.rd-cursor-on [data-tilt]{cursor:none;}

.rd-cursor{
  position:fixed;top:0;left:0;z-index:9999;pointer-events:none;
  border-radius:50%;will-change:transform;
  transform:translate3d(-50%,-50%,0);
}
/* Innerer Punkt (folgt fast direkt) */
.rd-cursor-dot{
  width:7px;height:7px;
  background:var(--orange,#E8853A);
  box-shadow:0 0 10px rgba(232,133,58,.7);
}
/* Äußerer Ring (folgt mit Easing -> Trail) */
.rd-cursor-ring{
  width:38px;height:38px;
  border:1.5px solid rgba(207,167,86,.85);
  transition:width .25s ease,height .25s ease,border-color .25s ease,background .25s ease;
}
.rd-cursor-ring.is-hover{
  width:60px;height:60px;border-color:var(--orange,#E8853A);
  background:rgba(232,133,58,.10);
}
.rd-cursor-ring.is-down{width:30px;height:30px;}

/* Sanfte Wellen, die beim Bewegen ausgesendet werden und ausblenden */
.rd-wave{
  position:fixed;top:0;left:0;z-index:9998;pointer-events:none;border-radius:50%;
  width:26px;height:26px;transform:translate3d(-50%,-50%,0) scale(.4);
  border:1.5px solid rgba(207,167,86,.55);
  animation:rd-wave-out .75s ease-out forwards;
}
@keyframes rd-wave-out{
  0%{opacity:.6;transform:translate3d(-50%,-50%,0) scale(.4);}
  100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(1.9);}
}

@media (prefers-reduced-motion: reduce){
  .rd-cursor-ring{transition:none;}
  .rd-wave{display:none;}
}