/* hyprwhspr Waybar Styling - Waybar Compatible */

/* Base styles - same icon for all states, only colors change */
#custom-hyprwhspr {
  margin: 0 16px 0 0;
  font-size: 13px;
  font-weight: bold;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transition: color 150ms ease-in-out, border-color 150ms ease-in-out;
}

#custom-hyprwhspr.ready {
  color: inherit;
  border-color: transparent;
}

#custom-hyprwhspr.recording {
  color: #E75143;
  border-bottom-color: #E75143;
  font-family: monospace;    /* Better rendering of dot characters */
  letter-spacing: 0.5px;     /* Slight spacing for better dot visibility */
}

#custom-hyprwhspr.stopped {
  color: inherit;
  border-color: transparent;
}

#custom-hyprwhspr.error {
  color: #d97706;
  border-bottom-color: #d97706;
}

/* Hover effects - Waybar doesn't support filter, so we use opacity instead */
#custom-hyprwhspr:hover {
  opacity: 0.8;
}
