.item-hover-card[hidden] { display: none !important; }
.item-hover-card {
  position: fixed;
  z-index: 2000;
  box-sizing: border-box;
  width: 360px;
  max-width: calc(100vw - 24px);
  padding: 14px 13px 10px;
  border: 5px solid transparent;
  border-image: url('assets/ui/wowhead-tooltip.png') 5 fill stretch;
  border-radius: 0;
  background: #070d29;
  box-shadow: 0 6px 26px #000a;
  overflow: auto;
  overscroll-behavior: contain;
  color: #f0eee5;
  font: 400 13px/1.55 var(--sans, 'Segoe UI', sans-serif);
}
.item-hover-card:focus { outline: none; }
.item-hover-card .game-item-tooltip { padding: 0; margin: 0; border: 0; background: none; color: #e9e9e7; }
.item-hover-card :is(h3,b.q0,b.q1,b.q2,b.q3,b.q4) { margin: 0 0 8px; color: var(--quality-text); font-size: 17px; font-weight: 600; line-height: 1.3; }
.item-hover-card p { margin: 3px 0; color: inherit; font-size: inherit; line-height: inherit; }
.item-hover-card .item-type { margin: 5px 0 10px; color: #d0d5df; }
.item-hover-card .item-localized-name { margin: -3px 0 8px; color: #bcc5d8; font-size: 12px; }
.item-hover-card .item-stat-lines { margin: 10px 0; }
.item-hover-card .priority-stat { color: #c3eeb1; }
.item-hover-card .stat-priority-mark { color: #ffd769; }
.item-hover-card :is(.item-effect,.q2) { color: #74e568; }
.item-hover-card .q3 { color: #75bdff; }
.item-hover-card .q4 { color: #c88cff; }
.item-hover-card .q0 { color: #9d9d9d; }
.item-hover-card .q1 { color: #efefef; }
.item-hover-card .item-effect { margin-top: 9px; }
.item-hover-card .weapon-damage > div { display: flex; justify-content: space-between; gap: 12px; margin: 9px 0; }
.item-hover-card .item-required { margin-top: 10px; color: #e9e9e7; }
.item-hover-card .item-evidence { margin-top: 11px; color: #9daac2; font-size: 11px; }
.item-hover-card table { width: 100%; margin: 0; border: 0; border-collapse: collapse; background: transparent; }
.item-hover-card td { padding: 0; border: 0; background: transparent; font-size: 13px; }
.item-hover-card .item-hover-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 12px; padding-top: 8px; border-top: 1px solid #64718c55; }
.item-hover-actions a { color: #bedaff; font-size: 11px; text-decoration: underline; text-underline-offset: 3px; }
.item-hover-actions button { min-height: 28px; margin: 0; padding: 3px 7px; border: 1px solid #64718c88; border-radius: 2px; background: #111b38; box-shadow: none; color: #dce4f3; font: 400 11px/1.4 var(--sans, sans-serif); text-transform: none; letter-spacing: 0; }
.item-hover-card :is(a,button):focus-visible { outline: 2px solid #bfdcff; outline-offset: 3px; }
@media print { .item-hover-card { display: none !important; } }
