/* ========================================
   Cursor Interactions & Hover Effects
   ======================================== */

a, button, .btn, .card, input, textarea, select,
[role="button"], [tabindex]:not([tabindex="-1"]) {
  cursor: pointer;
}

@media (hover: hover) and (pointer: fine) {
  a {
    transition: transform 0.2s ease-out;
    display: inline-block;
  }

  a:hover {
    transform: scale(1.05);
  }

  button:not(:disabled):hover,
  .btn:not(:disabled):hover {
    transform: translateY(-2px) scale(1.05);
  }
}

button:not(:disabled):active,
.btn:not(:disabled):active {
  transform: translateY(0) scale(0.98);
}

* {
  -webkit-tap-highlight-color: transparent;
}