/* ── Global click/tap fixes ── */

/* Remove blue tap highlight on mobile */
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

/* Remove default focus outline on mouse click (keep for keyboard nav) */
:focus:not(:focus-visible) { outline: none; }
:focus-visible { outline: 2px solid rgba(255,255,255,.4); outline-offset: 2px; border-radius: 4px; }

/* Remove blue link drag color */
a { -webkit-user-drag: none; color: inherit; text-decoration: none; }

/* All buttons — no blue highlight, no text select */
button {
  -webkit-tap-highlight-color: transparent;
  user-select: none;
  cursor: pointer;
}

/* ── Ripple effect ── */
.ripple-host { position: relative; overflow: hidden; }

@keyframes ripple-anim {
  to { transform: scale(4); opacity: 0; }
}
.ripple-circle {
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  transform: scale(0);
  animation: ripple-anim .5s linear;
  pointer-events: none;
}