/* filename: wp-content/plugins/wp-wow/css/wow-character-cards.css */

.wp-wow-char-grid{
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap:14px;
  margin-top:12px;
}

.wp-wow-char-card{
  display:block;
  text-decoration:none;
  border:1px solid #2c2f33;
  border-radius:14px;
  padding:12px;
  background:#1f2226;
  color:#fff;
  transition: transform .12s ease, border-color .12s ease;
}

.wp-wow-char-card:hover{
  transform: translateY(-2px);
  border-color:#3a3f46;
}

.wp-wow-char-card.is-hidden{
  opacity:.55;
}

.wp-wow-char-card-top{
  display:flex;
  gap:10px;
  align-items:center;
}

.wp-wow-char-avatar{
  width:56px;
  height:56px;
  border-radius:12px;
  object-fit:cover;
  flex:0 0 auto;
}

.wp-wow-char-avatar-fallback{
  width:56px;
  height:56px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#2c2f33;
  font-weight:700;
  font-size:20px;
}

.wp-wow-char-name{
  font-weight:800;
  line-height:1.1;
}

.wp-wow-char-realm{
  opacity:.75;
  font-size:12px;
  margin-top:2px;
}

.wp-wow-char-card-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

.wp-wow-chip{
  display:inline-flex;
  align-items:center;
  padding:3px 8px;
  border-radius:999px;
  background:#2c2f33;
  font-size:12px;
  opacity:.95;
}

.wp-wow-char-card-actions{
  margin-top:10px;
  display:flex;
  gap:8px;
}

.wp-wow-char-card-actions button{
  cursor:pointer;
  border:1px solid #3a3f46;
  background:#2c2f33;
  color:#fff;
  border-radius:10px;
  padding:6px 10px;
}

.wp-wow-char-card-actions .hide-character{
  border-color:#7a1d1d;
  background:#3a1414;
}

.wp-wow-char-card-actions .unhide-character{
  border-color:#1d5a2a;
  background:#12361a;
}