/* wgf-talent-detail.css - the single-talent detail page (/talent/<slug>-<id>/).
   Reuses the calculator's in-game tooltip skin (.wgf-tc-tip* from wgf-talents.css) via a --static
   modifier so the tooltip plate reads exactly like the hover card, just anchored in page flow. */

.wgf-talent-detail__plate {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  flex-wrap: wrap;
}

.wgf-talent-detail__icon {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  border-radius: 6px;
  border: 1px solid #7a7a96;
  background: #05050f;
}
.wgf-talent-detail__icon.wgf-talent-icon--empty {
  display: inline-block;
}

/* Static, in-flow variant of the floating hover card: same skin, no fixed positioning. */
.wgf-tc-tip.wgf-tc-tip--static {
  position: static;
  pointer-events: auto;
  max-width: 520px;
  z-index: auto;
}

.wgf-talent-detail__spell {
  flex-basis: 100%;
  margin-top: var(--space-1);
  font-size: 13px;
}

/* The "Recently changed" line the calculator hover card grows when a talent changed in a recent
   build (added by wgf-talent-history.js). */
.wgf-tc-tip__changed {
  display: block;
  margin: var(--space-1) 0 0;
  font-size: 12px;
  font-weight: 600;
  color: #ffd100;
}
.wgf-tc-tip__pagelink {
  display: block;
  margin: var(--space-1) 0 0;
  font-size: 12px;
  color: #8fb8ff;
}