/* ITENS
   pages/wiki/itens.html: blocos por linha de equipamento e grade de pecas.
   Carregado por ultimo, depois de 18-mapas.css. */

.linha-itens {
  padding:24px;
  margin:0 0 18px;
  border:1px solid var(--line);
  background:linear-gradient(160deg,#151318,#0f0e12);
  scroll-margin-top:112px
}
/* o conjunto inicial e o do topo ganham destaque */
.linha-itens.inicial {
  border-color:#5fc46a3d
}
.linha-itens.topo {
  border-color:#c5a77359
}

.linha-itens header {
  display:flex;
  align-items:baseline;
  gap:14px;
  flex-wrap:wrap;
  margin-bottom:8px
}
.linha-itens h2 {
  margin:0 !important;
  font-size:23px
}
.selo-linha {
  padding:5px 11px;
  border:1px solid #c5a77347;
  font:9px var(--sans);
  font-weight:700;
  letter-spacing:.16em;
  color:var(--gold-light);
  white-space:nowrap
}
.linha-itens.inicial .selo-linha {
  border-color:#5fc46a4d;
  color:#7fd189
}
.linha-resumo {
  margin:0 0 10px !important;
  font-size:13.5px;
  line-height:1.75;
  color:#cfc8c4
}
.linha-onde {
  margin:0 0 20px !important;
  font:10px var(--sans);
  font-weight:600;
  letter-spacing:.12em;
  color:#7d7478;
  text-transform:uppercase
}
.linha-onde a {
  color:var(--gold);
  border-bottom:1px solid #c5a77347
}
.linha-onde a:hover {
  color:var(--gold-light)
}
.linha-onde b {
  color:#b9b1ac
}

/* subtitulo de grupo: ARMAS / DEFESAS / ACESSORIOS */
.grupo-itens {
  margin:18px 0 10px !important;
  font:9px var(--sans) !important;
  font-weight:600;
  letter-spacing:.26em;
  color:var(--gold)
}

.itens-grade {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(112px,1fr));
  gap:10px;
  list-style:none;
  margin:0;
  padding:0
}
.item-peca {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:2px;
  margin:0;
  padding:12px 8px 10px;
  border:1px solid var(--line);
  background:#121115;
  transition:border-color .2s ease
}
.item-peca:hover {
  border-color:#c5a77347
}
/* caixa de altura fixa para alinhar icones de tamanhos diferentes:
   arma ocupa varias celulas do inventario, anel ocupa uma so */
.item-arte {
  height:64px;
  display:grid;
  place-items:center;
  margin-bottom:6px
}
.item-arte img {
  max-width:58px;
  max-height:64px;
  width:auto;
  height:auto;
  image-rendering:pixelated
}
.sem-icone {
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px dashed #6f676b4d;
  font:15px var(--serif);
  color:#6f676b
}
.item-peca b {
  font-size:11.5px;
  font-weight:600;
  line-height:1.35;
  color:var(--text)
}
.item-peca small {
  font:9px var(--sans);
  font-weight:600;
  letter-spacing:.12em;
  color:#7d7478;
  text-transform:uppercase
}
.item-peca code {
  margin-top:3px;
  padding:0;
  border:0;
  background:none;
  font:10px ui-monospace,Consolas,monospace;
  color:#6f676b
}

@media(max-width:600px) {
  .linha-itens {
    padding:16px
  }
  .itens-grade {
    grid-template-columns:repeat(auto-fill,minmax(94px,1fr));
    gap:8px
  }
  .item-arte {
    height:54px
  }
  .item-arte img {
    max-width:48px;
    max-height:54px
  }
}

/* marca de peca cuja linha foi deduzida, nao lida do servidor */
.deduzido {
  color:var(--gold);
  cursor:help
}
/* observacao dentro do bloco de uma linha */
.linha-extra {
  margin:0 0 12px !important;
  padding:10px 14px;
  border-left:2px solid #c5a77347;
  background:#ffffff05;
  font-size:12.5px;
  line-height:1.7;
  color:#b9b1ac
}