/* =========================================================
   Thumbs: META / ICON / ACTIONS
   - tách riêng để dễ quản lý (icon, top1.png, line-height)
   ========================================================= */

.ex-meta .row{
  display:flex;
  align-items:center; /* canh text ngang giữa icon (đặc biệt top1.png cao) */
  line-height:2.8;
  color:#555;
}

/*
  Icon khu "Bài tập" (trang chủ + danh sách liên quan)
  - Icon FontAwesome = 24px
  - Icon vinh danh (top1.png) = 30x37
*/
.ex-meta .icon{
  display:inline-flex;
  width:32px;       /* đủ chỗ cho icon 24px + canh giữa */
  margin-right:6px; /* tách icon và text ra 1 chút */
  align-items:center;
  justify-content:center;
}

/* Icon (FontAwesome) */
.ex-meta .icon i{
  font-size:24px;
  line-height:1;
  vertical-align:middle;
}

/* Icon vinh danh */
.ex-meta .icon .ex-medal{
  width:30px;
  height:37px;
  display:block;
}

/* "lượt thử" theo màu link của site */
.ex-tries{color:#555}

/* Copy FEN: hiển thị như text (không phải button viền) */
.btn-copy-fen-link{
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  font:inherit;
  color:#555;
  cursor:pointer;
}

.btn-copy-fen-link:hover{ text-decoration:underline; }
.btn-copy-fen-link:active{ transform:translateY(1px); }

.ex-actions{ margin-top:10px; }
.btn-copy-fen{ cursor:pointer; }

/* Best user highlight */
.ex-best-user{color:#f70a0a;font-weight:600;}