/* Tooltip Styles */

.tooltip-wrapper {
  @apply font-sans;
  position: relative;
  display: inline-flex;
}

.tooltip-trigger {
  display: inline-block;
  outline: none;
}

.tooltip-trigger:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
  border-radius: 4px;
}

.tooltip-popup {
  max-width: 320px;
  word-wrap: break-word;
  pointer-events: none;
  user-select: none;
  transform-origin: center;
  z-index: 1000;
  position: fixed;
}

.tooltip-popup.opacity-0 {
  transform: scale(0.95);
  transition:
    opacity 150ms ease-in-out,
    visibility 150ms ease-in-out,
    transform 150ms ease-in-out;
}

.tooltip-popup.opacity-100 {
  transform: scale(1);
  transition:
    opacity 150ms ease-in-out,
    visibility 150ms ease-in-out,
    transform 150ms ease-in-out;
}

/* Arrow positioning and styling */
.tooltip-arrow {
  position: absolute;
  pointer-events: none;
}

/* Tooltip content styling */
.tooltip-content {
  line-height: 1.4;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {
  .tooltip-popup {
    transition-duration: 0ms !important;
  }

  .tooltip-popup.opacity-0,
  .tooltip-popup.opacity-100 {
    transform: none !important;
  }
}