/**
 * abbr-tooltip.css — стили для кастомных tooltip-аббревиатур
 * cvetkov.org compliance iteration 4
 */

/* Trigger element */
abbr.tt {
  border-bottom: 1px dotted currentColor;
  cursor: help;
  text-decoration: none;
  /* Override any inherited underline from <abbr> default */
  text-decoration-line: none;
}

abbr.tt:focus {
  outline: 2px solid #007fff;
  outline-offset: 2px;
}

/* Tooltip popup */
#abbr-tooltip {
  position: absolute;
  max-width: 320px;
  padding: 8px 12px;
  background: #222;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  border-radius: 4px;
  z-index: 10000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  pointer-events: auto;
  word-break: break-word;
}

#abbr-tooltip[hidden] {
  display: none !important;
}

/* Arrow above (tooltip shown below the trigger) */
#abbr-tooltip[data-pos="below"]::before {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 6px 8px 6px;
  border-style: solid;
  border-color: transparent transparent #222 transparent;
}

/* Arrow below (tooltip shown above the trigger) */
#abbr-tooltip[data-pos="above"]::after {
  content: '';
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px 6px 0 6px;
  border-style: solid;
  border-color: #222 transparent transparent transparent;
}