/**
 * @file
 * Styles for help text tooltips.
 */

.help-text-icon {
  display: inline-block;
  cursor: help;
  color: var(--bs-primary, #0d6efd);
  font-size: 1rem;
  line-height: 1;
  transition: color 0.2s ease;
}

.help-text-icon:hover,
.help-text-icon:focus {
  color: var(--bs-primary-dark, #0a58ca);
}

.help-text-icon i {
  vertical-align: middle;
}

/* Ensure tooltip has good readability */
.tooltip.help-text-tooltip-wide,
.help-text-tooltip-wide {
  font-size: 0.875rem;
  max-width: 50vw !important;
  width: auto !important;
}

@media (max-width: 768px) {
  .tooltip.help-text-tooltip-wide,
  .help-text-tooltip-wide {
    max-width: 80vw !important;
  }
}

.tooltip.help-text-tooltip-wide .tooltip-inner,
.help-text-tooltip-wide .tooltip-inner {
  text-align: left;
  padding: 0.75rem 1rem;
  white-space: normal;
  word-wrap: break-word;
  max-width: 100%;
  line-height: 1.5;
}