/*
  Tooltip předmětu ve stylu hry (WotLK 3.3.5a). Společný pro Armory (portál)
  a databázi AoWoW - HTML sestavuje wowhead/includes/wlci_tooltip.php.
  Barvy kvality, zelená, žlutá a šedá jsou pevná konvence hry.
*/
.wt{
  font:13px/1.38 "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; color:#fff;
  text-align:left; letter-spacing:.005em;
}
.wt a{color:inherit; text-decoration:none}
.wt a:hover{text-decoration:underline}
.wt-name{font-size:15.5px; font-weight:700; line-height:1.25; margin-bottom:2px}
.wt-name.q0{color:#9d9d9d}.wt-name.q1{color:#fff}.wt-name.q2{color:#1eff00}.wt-name.q3{color:#0070dd}
.wt-name.q4{color:#a335ee}.wt-name.q5{color:#ff8000}.wt-name.q6,.wt-name.q7{color:#e6cc80}
.wt-y{color:#ffd100}
.wt-zel,.wt a.wt-zel{color:#1eff00}
.wt-sed,.wt a.wt-sed{color:#9d9d9d}
.wt-sk{color:#ffd100}
.wt-r{display:flex; justify-content:space-between; gap:2em}
.wt-sada{margin-top:.7em}
.wt-kusy{margin:.2em 0 .5em .9em}
.wt-cena{margin-top:.55em; display:flex; align-items:center; gap:.4em; flex-wrap:wrap}

/* objímky a vsazené drahokamy */
.wt-sock{display:flex; align-items:center; gap:.45em; color:#9d9d9d}
.wt-sock i{width:14px; height:14px; border-radius:3px; transform:rotate(45deg) scale(.78);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.6), 0 0 4px rgba(255,255,255,.18)}
.wt-sr i{background:linear-gradient(135deg,#ff6a6a,#a31212)}
.wt-sy i{background:linear-gradient(135deg,#ffe36a,#a37c0a)}
.wt-sb i{background:linear-gradient(135deg,#6aa7ff,#1244a3)}
.wt-sm i{background:linear-gradient(135deg,#e8e8f8,#5c5c8a)}
.wt-gem{display:flex; align-items:center; gap:.45em}
.wt-gem img{width:16px; height:16px; border-radius:3px; box-shadow:0 0 0 1px rgba(255,255,255,.28)}

/* peníze */
.wt-m{display:inline-flex; align-items:center; gap:.3em; font-weight:600}
.wt-m::after{content:""; width:11px; height:11px; border-radius:50%; box-shadow:inset 0 -1px 2px rgba(0,0,0,.45), inset 0 1px 1px rgba(255,255,255,.55)}
.wt-mg::after{background:radial-gradient(circle at 35% 30%,#fff1a8,#d9a300 70%)}
.wt-ms::after{background:radial-gradient(circle at 35% 30%,#fff,#9aa3ad 70%)}
.wt-mc::after{background:radial-gradient(circle at 35% 30%,#ffd6b0,#b4622a 70%)}

/* samostatné pole (armory, plovoucí tooltip) */
.wlci-tooltip{
  position:fixed; z-index:9999; width:max-content; min-width:230px; max-width:min(360px,calc(100vw - 24px));
  padding:9px 12px 10px; pointer-events:none;
  background:linear-gradient(180deg,rgba(18,20,34,.985),rgba(8,9,18,.985));
  border:1px solid rgba(214,189,120,.55); border-radius:6px;
  box-shadow:0 0 0 1px rgba(0,0,0,.85), 0 14px 38px rgba(0,0,0,.72), inset 0 1px 0 rgba(255,255,255,.07);
}
.wlci-tooltip.skryto{display:none}