/* Подсказки базы знаний (предмет, заклинание, НПС, объект, задание) — на всех страницах сайта.
   Разметку отдаёт /db/tt/<тип>/<id> (dbTtHtml в app/features/db/lib/core.php), показывает js/dbtt.js;
   та же разметка стоит на карточках предмета и заклинания. Вид — как в старой базе (AoWoW / Wowhead 2.4):
   Verdana 12/17, тёмно-синий полупрозрачный фон, светлая рамка, иконка в рамке слева. Цвета рамки и фона
   сняты с её tooltip.png, картинки рамок иконок и гнёзд — dbimg/ui. */

.dbtt{display:flex;align-items:flex-start;font:12px/17px Verdana,sans-serif;color:#fff;text-align:left;
  font-variant-numeric:normal;letter-spacing:0;text-transform:none;-webkit-font-smoothing:auto}

/* иконка: 36 px в рамке 44 px (наведение), на карточке предмета — 56 px в рамке 68 px */
.dbtt-ic{flex:none;position:relative;width:44px;height:44px;background:4px 4px/36px 36px no-repeat}
.dbtt-ic i{position:absolute;inset:0;background:url(../../dbimg/ui/icon_border_medium.png) 0 0/100% 100% no-repeat}
.dbtt-l .dbtt-ic{width:68px;height:68px;background-position:6px 6px;background-size:56px 56px}
.dbtt-l .dbtt-ic i{background-image:url(../../dbimg/ui/icon_border_large.png)}

.dbtt-box{box-sizing:border-box;min-width:0;max-width:500px;padding:5px 7px 4px 6px;border:1px solid;
  border-color:#cfcfcf #777 #7f7f7f;border-radius:3px;background:rgba(1,7,33,.8);
  box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 0 2px rgba(0,0,0,.25);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.dbtt-ic+.dbtt-box{margin:3px 0 0 2px}
@media(max-width:640px){
  .dbtt-l .dbtt-ic{width:44px;height:44px;background-position:4px 4px;background-size:36px 36px}
  .dbtt-l .dbtt-ic i{background-image:url(../../dbimg/ui/icon_border_medium.png)}
}

/* !important — против panel_custom.css кабинета: table{font-size:1rem!important;line-height:1.45!important} раздувал текст до 14/20 */
.dbtt table{width:100%;border-collapse:collapse;border:0;margin:0;background:none;font-size:inherit!important;line-height:inherit!important}
.dbtt td,.dbtt th{padding:0;border:0;vertical-align:top;font:inherit;text-align:left;color:inherit;background:none}
.dbtt th{text-align:right;padding-left:4em;white-space:nowrap}
@media(max-width:640px){.dbtt th{padding-left:1.5em}}
.dbtt a{color:inherit;text-decoration:none}
.dbtt a:hover{text-decoration:underline}
.dbtt b{font-weight:400}
.dbtt small{font-size:10px}
.dbtt .tt-name td,.dbtt .tt-name th{font-size:14px;line-height:19px}
.dbtt .tt-name th{font-size:12px}
.dbtt .tt-g td,.dbtt .tt-g a{color:#1eff00}
.dbtt .tt-y td,.dbtt b.tt-y,.dbtt .tt-ilvl td{color:#ffd100}
.dbtt .tt-desc td{color:#d8dde6;padding:3px 0 2px}
.dbtt .tt-warn td{color:#f0b43c}
.dbtt .tt-ind td{padding-left:.6em}
.dbtt .tt-gap td{height:17px}
.dbtt .tt-gap-t td{padding-top:17px}
.dbtt .tt-sub{padding:0}
.dbtt .tt-q0,.dbtt tr.tt-q0 td,.dbtt tr.tt-q0 a{color:#9d9d9d}
.dbtt .tt-q1{color:#fff}
.dbtt .tt-q2{color:#1eff00}
.dbtt .tt-q3{color:#0070dd}
.dbtt .tt-q4{color:#a335ee}
.dbtt .tt-q5{color:#ff8000}
.dbtt .tt-q6{color:#e6cc80}
/* свой предмет Moonwell: последняя строка голубым цвета сервера со значком-фавиконкой (путь относительный — подсказка
   на форуме тянет картинку с moonwell.su) */
.dbtt .tt-mw td{padding-top:2px;color:#8ff3ff}
.dbtt .tt-mw-ic{display:inline-block;width:12px;height:12px;margin-right:5px;vertical-align:-1px;background:url(../favicons/favicon-sm.png) center/contain no-repeat}
.tt-react-f{color:#3dd65a}
.tt-react-n{color:#ffd100}
.tt-react-h{color:#ff4a3d}

/* гнёзда: картинка 14 px слева, текст с отступом 26 px */
.dbtt .tt-sock{padding-left:26px;background:no-repeat left center}
.dbtt .tt-sock-1{background-image:url(../../dbimg/ui/socket_meta.gif)}
.dbtt .tt-sock-2{background-image:url(../../dbimg/ui/socket_red.gif)}
.dbtt .tt-sock-4{background-image:url(../../dbimg/ui/socket_yellow.gif)}
.dbtt .tt-sock-8{background-image:url(../../dbimg/ui/socket_blue.gif)}

/* всплывающая подсказка у курсора */
#dbtt-pop{position:fixed;left:0;top:0;z-index:2147483000;pointer-events:none;opacity:0;transition:opacity .08s}
#dbtt-pop.on{opacity:1}
#dbtt-pop .dbtt-box{background:rgba(1,7,33,.92)}
#dbtt-pop .dbtt-wait{padding:5px 7px 4px 6px;border:1px solid;border-color:#cfcfcf #777 #7f7f7f;border-radius:3px;
  background:rgba(1,7,33,.8);box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 0 2px rgba(0,0,0,.25);font:12px/17px Verdana,sans-serif;color:#9d9d9d}