/* Tooltips: faithful WoW readability with Forever Atlas visual language. */
.forever-item-tooltip{
  --item-rarity:#e9e4d8;
  position:fixed;z-index:9999;left:0;top:0;
  width:min(354px,calc(100vw - 24px));max-height:calc(100vh - 24px);
  overflow-y:auto;overscroll-behavior:contain;
  background:linear-gradient(160deg,rgba(11,19,38,.98),rgba(4,9,24,.99) 62%,rgba(5,10,19,.99));
  border:1px solid #66769e;border-radius:3px;
  box-shadow:0 0 0 1px #111d38 inset,0 0 0 3px #060a12aa,0 18px 56px #000b;
  pointer-events:none;color:#eeeefa;
  font:13px/1.4 "Trebuchet MS","Segoe UI",Arial,sans-serif;
  text-align:left;white-space:normal;overflow-wrap:anywhere;
}
.forever-item-tooltip[hidden]{display:none!important}
.forever-item-tooltip[data-quality="poor"]{--item-rarity:#9d9d9d}
.forever-item-tooltip[data-quality="common"]{--item-rarity:#f7f7f7}
.forever-item-tooltip[data-quality="uncommon"]{--item-rarity:#1eff00}
.forever-item-tooltip[data-quality="rare"]{--item-rarity:#2d91ff}
.forever-item-tooltip[data-quality="epic"]{--item-rarity:#be60f4}
.forever-item-tooltip[data-quality="legendary"]{--item-rarity:#ff9800}
.forever-item-tooltip__inner{padding:11px 13px 12px}
.forever-item-tooltip__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.forever-item-tooltip__eyebrow{font:800 9px/1.2 "Trebuchet MS",sans-serif;letter-spacing:.13em;color:#a4b4d4}
.forever-item-tooltip__close{display:none;border:1px solid #7d819c;border-radius:2px;background:#1c273e;color:#eee;font-size:22px;line-height:1;min-width:32px;min-height:32px;cursor:pointer}
.forever-item-tooltip__title{display:flex;align-items:start;gap:10px;margin-bottom:9px}
.forever-item-tooltip__icon{height:42px;width:42px;flex:none;border:1px solid var(--item-rarity);border-radius:3px;object-fit:cover}
.forever-item-tooltip__heading{min-width:0}
.forever-item-tooltip__name{font-size:15px;line-height:1.23;color:var(--item-rarity);font-weight:800}
.forever-item-tooltip__itemlevel{font-size:12px;font-weight:700;color:#f6cb58;margin-top:3px}
.forever-item-tooltip__body{font-size:12px;line-height:1.35;color:#f6f5ff;display:grid;gap:2px}
.forever-item-tooltip__line{color:#f1f1f7}
.forever-item-tooltip__muted{color:#a9b3cb;font-size:11px;font-style:italic}
.forever-item-tooltip__stat{color:#f1f1f7}
.forever-item-tooltip__effect{color:#2dfa5e}
.forever-item-tooltip__set{color:#f5bf49;font-weight:750;margin-top:5px}
.forever-item-tooltip__origin{margin-top:11px;padding-top:8px;border-top:1px solid #394663;font-size:11px;color:#f0cf83}
.forever-item-tooltip__disclaimer{margin-top:7px;font-size:10px;line-height:1.35;color:#b8b0a1}
.forever-item-tooltip__foot{margin-top:7px;border-top:1px solid #29344c;padding-top:7px}
.forever-item-tooltip__source{font-size:10px;color:#a4b7d5;text-decoration:none}
.forever-item-tooltip__source:hover{text-decoration:underline;color:#f5d28f}
.forever-item-tooltip.is-pinned{pointer-events:auto;left:50%!important;top:50%!important;transform:translate(-50%,-50%);max-height:80vh;box-shadow:0 0 0 1px #111d38 inset,0 0 0 200vmax #02060388,0 14px 45px #000c}
.forever-item-tooltip.is-pinned .forever-item-tooltip__close{display:inline-flex;align-items:center;justify-content:center}
.bis-v2-info-button{
  background:#182820;border:1px solid #5d6d59;color:#dbd0b0;border-radius:3px;
  padding:6px 10px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  font-size:11px;font-weight:800;cursor:pointer;
}
.bis-v2-info-button:hover,.bis-v2-info-button:focus-visible{background:#2c4230;border-color:#dbb97a;color:#fff1cc}
.bis-v2-actions .bis-v2-info-button{color:#e7d29f}
@media(hover:none), (pointer:coarse){
  .forever-item-tooltip.is-pinned{
    left:12px!important;right:12px!important;bottom:max(12px,env(safe-area-inset-bottom))!important;top:auto!important;
    width:auto;max-height:min(76vh,690px);transform:none;
    box-shadow:0 0 0 1px #111d38 inset,0 0 0 200vmax #02060388,0 14px 45px #000c;
  }
}
@media(max-width:600px){
  .forever-item-tooltip{font-size:12px}
  .forever-item-tooltip__body{font-size:12px}
  .forever-item-tooltip__inner{padding:12px 13px}
}
@media(prefers-reduced-motion:reduce){.forever-item-tooltip{scroll-behavior:auto}}

/* Detail button is separate from the item-selection button, to avoid nested buttons. */
.bis-v2-candidate-wrap{position:relative;min-width:0}
.bis-v2-candidate-wrap>.bis-v2-candidate{padding-right:48px;min-height:64px}
.bis-v2-candidate-wrap>.bis-v2-info-button{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;font-size:14px;z-index:1}
.item-v2-name .item-v2-info{display:inline-flex;vertical-align:middle;margin-left:7px;width:29px;height:29px;min-height:29px;font-size:13px;padding:0}
.item-v2-name .item-v2-label{vertical-align:middle}
@media(hover:hover){.item-v2-name .item-v2-info{opacity:.63}.item-v2-name .item-v2-info:hover,.item-v2-name .item-v2-info:focus-visible{opacity:1}}

/* The merchant module uses the same equipment tooltip and its keyboard / touch behavior. */
.forever-item-tooltip__vendor{
 margin-top:11px;padding-top:9px;border-top:1px solid #40516e;
 display:grid;gap:3px;font-size:11px;color:#e8eaf5
}
.forever-item-tooltip__vendor-heading{
 font-size:10px;letter-spacing:.095em;font-weight:800;color:#dbbc79;margin-bottom:3px
}
.forever-item-tooltip__vendor .forever-item-tooltip__line{font-size:11px;color:#dce5f5}
.forever-item-tooltip__vendor-warning{font-size:11px;color:#efca83}
#npcs-app[data-mode="merchant"] .npc-result-group{cursor:help}
#npcs-app[data-mode="merchant"] .npc-item-heading[tabindex="0"]{cursor:help;outline-offset:3px}
#npcs-app[data-mode="merchant"] .npc-item-heading[tabindex="0"]:focus-visible{outline:2px solid #c8ab77}
#npcs-app[data-mode="merchant"] .npc-item-info-button{white-space:nowrap}

.forever-item-tooltip__vendor-currency{font-size:12px;font-weight:700;color:#d7c181;padding-top:3px}