/**
 * Glass Tooltip Stylings
 */

/* ============================================
   SVG GLASS TOOLTIP - Unified pill + arrow shape
   ============================================ */
.glass-tooltip {
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity var(--duration-fast) ease-out,
    transform var(--duration-instant) ease-out;
  overflow: visible;
  filter: drop-shadow(0 4px 16px rgba(0, 0, 0, 0.15));
}

/* Background fill with Liquid Glass effect */
.glass-tooltip__bg {
  fill: rgba(30, 30, 35, 0.35);
  backdrop-filter: blur(15px) saturate(1) brightness(1.1);
  -webkit-backdrop-filter: blur(15px) saturate(1) brightness(1.1);
}

/* Border stroke */
.glass-tooltip__border {
  fill: none;
  stroke: rgba(255, 255, 255, 0.25);
  stroke-width: 0.5;
}

/* Text label */
.glass-tooltip__text {
  fill: white;
  font-size: 15px;
  font-family: inherit;
}