/* ===== card-stats.css =====
   Stats sur cartes + fullart combat
   Scripts/styles/card-stats.css
*/

/* ----- Boîte stat (position left/top = CardLayout) ----- */
.card .stat {
  position: absolute;
  z-index: 6;
  width: 44px;
  height: 28px;
  margin: 0 !important;
  padding: 0;
  box-sizing: border-box;
  overflow: visible;
  pointer-events: none;
}

.card .stat img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.card .stat span {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  font-size: 11px;
  letter-spacing: -0.3px;
}

/* Banc combat : un peu plus compact, jamais de margin qui décale */
.battle-char-card .card .stat {
  width: 40px;
  height: 26px;
  margin: 0;
}

.battle-char-card .card .stat span {
  font-size: 10px;
  letter-spacing: -0.4px;
}

/* Couleurs buff / debuff */
.stat span.stat-up,
.fullart-stat-row span.stat-up,
.fullart-stat b.stat-up {
  color: #2ecc71 !important;
  text-shadow: 0 0 6px rgba(46, 204, 113, 0.35);
}

.stat span.stat-down,
.fullart-stat-row span.stat-down,
.fullart-stat b.stat-down {
  color: #e74c3c !important;
  text-shadow: 0 0 6px rgba(231, 76, 60, 0.35);
}

/* ----- Colonne stats fullart ----- */
.fullart-stats {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 0;
  flex-shrink: 0;
  min-width: 96px;
  align-self: stretch;
  height: 100%;
  padding: 12px 0;
}

.fullart-stat {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #eee;
  font-size: 24px;
  position: relative;
}

.fullart-stat b {
  font-size: 20px;
}