/*!
 * Copyright (c) 2023 D2ArmorPicker by Mijago.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published
 * by the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

$icon-with: 22px;
.element-icon {
  width: $icon-with;
}

.element-icon-mini {
  height: 12px;
}

.item-loading-spinner {
  width: $icon-with;
  height: $icon-with;
  margin-bottom: 6px;
}

.item-icon {
  width: $icon-with;
}

.item-icon-overlay {
  width: $icon-with;
  margin-left: -$icon-with;
}

.item-icon-container {
  position: relative;
  contain: layout paint style;
  box-sizing: border-box;
  width: var(--item-size);
  transition: opacity 0.2s, transform 0.2s;
  margin-top: -4px;
}

.item-icon-masterwork-overlay {
  pointer-events: none;
  box-sizing: border-box;
  top: -1px;
  left: -1px;
  border-width: 0;
  height: 24px;
  width: 24px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  background-image: url(data:image/png;base64,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);
}

.negative {
  color: lightcoral;
}

.positive {
  color: cornflowerblue;
}

table td {
  text-align: right;
}

table tr:not(:last-child) td {
  border-bottom: rgba(240, 248, 255, 0.08) solid 0.5px;
}

.result-total-gear td {
  border-bottom: aliceblue solid 1px !important;
}

.result-total-all > td,
.result-total-gear > td {
  border-top: aliceblue double;
}

.buttonContainer {
  margin-top: 10px;
  margin-bottom: 10px;

  button:not(:last-of-type) {
    margin-right: 6px;
    margin-bottom: 3px;
  }
}

.result-total td {
  position: relative;
  padding-right: 14px;
}

.statIcon {
  position: absolute;
  height: 14px;
  margin-left: 2px;
  top: 3px;
}

.item-info-menu-btn {
  height: $icon-with !important;
  width: $icon-with !important;
  line-height: $icon-with !important;
  top: -4px;
  left: -4px;

  mat-icon {
    font-size: 22px;
  }
}

.item-moved-icon {
  color: aquamarine;
}

.report-problem-icon {
  color: lightcoral;
}

.invalid-item-box {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: fit-content;
  height: fit-content;
  font-size: 15px;
  line-height: 20px;
}

.text-centered {
  text-align: center !important;
}

.specificStatTable {
  border-collapse: separate;
  border-spacing: 0 0;
}

.highlight-row {
  background-color: rgba(110, 110, 110, 0.13);
}

tr.legend td {
  padding-top: 3px;
}

.tier-column {
  min-width: 27px;
}

.energy-bar {
  width: 25px;
  height: 10px;

  border: white solid 2px;
  /*background-color: white;*/
  position: relative;

  &.normal {
    background-color: #fff;
  }

  &.mod {
    background-color: #808080;
    border: white ridge 2px;
  }

  &.config {
    background-color: #a3b1c2;
    border: white ridge 2px;
  }

  &.over100 {
    border-color: #ff5e5e;
    width: 10px;
  }
}

.item-stat-container {
  position: relative;
}

.item-stat-bonus {
  position: absolute;
  right: 20px;
  font-size: x-small;
}

.item-name-mw {
  text-decoration: underline;
  text-decoration-color: #ffbc00;
}

.text-mw,
.item-stat-bonus {
  color: #ffd86a;
}

app-armor-perk-icon {
  width: 23px;
  height: 23px;
  position: absolute;
  top: -14px;
  left: 0;
}

td.sum-tiers {
  text-align: center !important;
  border-left: #6e6e6e solid 1px;
}

.currency-icon {
  width: 16px;
  position: absolute;
  left: 0;
}

.currency-icon-container {
  position: relative;
  padding-left: 19px;
  padding-right: 10px;
}

.icon-column {
  padding-left: 4px;
}
