/* JS DESTEKLİ PÜRÜZSÜZ BÜYÜYEN MAGENTA DALGA */
.custom-click-ripple {
  position: fixed !important;
  /* Başlangıçta küçük ve görünür */
  width: 10px;
  height: 10px;
  opacity: 1;
  background-color: rgba(255, 0, 255, 0.25) !important;
  border: 2px solid rgba(255, 0, 255, 0.95) !important; 
  border-radius: 50% !important;
  pointer-events: none !important;
  transform: translate(-50%, -50%) !important;
  z-index: 9999999 !important; 
  /* Boyut ve opaklık değiştiğinde 0.4 saniyede pürüzsüz dalga efekti ver */
  transition: width 0.4s ease-out, height 0.4s ease-out, opacity 0.4s ease-out !important;
}
/* =========================================================
   MYTHRA CRAFT — CANVAS FARE İZİ
   ========================================================= */

#mythra-mouse-trail {
    position: fixed;
    inset: 0;
    z-index: 9998;

    width: 100%;
    height: 100%;

    pointer-events: none;
    user-select: none;

    contain: strict;
}

/* =========================================================
   RESPONSIVE V2 — DOKUNMATİK EFEKT AYARI
   Fare izi dokunmatik cihazlarda anlam taşımadığı için kapanır;
   tıklama dalgası daha küçük ve kısa tutulur.
   ========================================================= */
@media (hover: none), (pointer: coarse) {
    #mythra-mouse-trail {
        display: none !important;
    }

    .custom-click-ripple {
        max-width: 72px !important;
        max-height: 72px !important;
        border-width: 1.5px !important;
        transition:
            width .30s ease-out,
            height .30s ease-out,
            opacity .30s ease-out !important;
    }
}

@media (min-width: 640px) and (max-width: 1279px) and (hover: none) {
    .custom-click-ripple {
        max-width: 86px !important;
        max-height: 86px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #mythra-mouse-trail {
        display: none !important;
    }

    .custom-click-ripple {
        transition-duration: .01ms !important;
    }
}