/* Tooltip Silkroad-Laravel para player_detail */
.ui-tooltip {
  position: absolute;
  z-index: 9999;
  max-width: 190px;
  padding: 8px !important;
  background: url(/static/img/sro/equipment/com_bg_tile_tl.PNG) no-repeat !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 1px !important;
}
.ui-tooltip-content {
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 11px !important;
  line-height: 15px;
  font-weight: lighter;
  font-style: normal;
  text-shadow: 1px 1px #000;
  color: #fff;
}
/* Ajustes visuais dos slots de equipamento */
.itemslot .image {
  width: 34px !important;
  height: 34px !important;
  background-size: 34px 34px !important;
  border-radius: 6px;
  box-shadow: 0 1px 4px #0008;
}
.itemslot .qinfo {
  font-size: 9px;
  color: #fff;
  position: absolute;
  bottom: 2px;
  right: 4px;
  background: rgba(0,0,0,0.5);
  border-radius: 3px;
  padding: 0 3px;
}

/* Efeito SOX - Animação itemplus.png nos slots de equipamento */
.itemslot .image span.plus {
  display: block;
  width: 32px;
  height: 32px;
  background: url('/static/img/sro/equipment/itemplus.png') left top;
  -webkit-animation: play 1.8s steps(32) infinite;
  -moz-animation: play 1.8s steps(32) infinite;
  -ms-animation: play 1.8s steps(32) infinite;
  -o-animation: play 1.8s steps(32) infinite;
  animation: play 1.8s steps(32) infinite;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}

/* Garantir que o container .image tenha posição relativa */
.itemslot .image {
  position: relative;
}

@-webkit-keyframes play {
  100% {
    background-position: -1024px;
  }
}

@-moz-keyframes play {
  100% {
    background-position: -1024px;
  }
}

@-ms-keyframes play {
  100% {
    background-position: -1024px;
  }
}

@-o-keyframes play {
  100% {
    background-position: -1024px;
  }
}

@keyframes play {
  100% {
    background-position: -1024px;
  }
}