/* =========================================================
   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;
  line-height:2.6;
  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;
  margin-right:6px;
  align-items:center;
  justify-content:center;
  flex:0 0 32px;
}

/* 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;
  min-width:0;
}
.ex-honor-line{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:nowrap;
  min-width:0;
  line-height:1.6;
  overflow:hidden;
}
.ex-honor-stat{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
  padding:2px 8px;
  border-radius:999px;
  background:rgba(40, 54, 69, .06);
  color:#4b5965;
  white-space:nowrap;
  line-height:1.4;
}

@media (max-width: 720px){
  .ex-meta .row{ align-items:flex-start; line-height:1.65; }
  .ex-honor-line{ gap:4px; padding-top:2px; }
  .ex-best-user{
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .ex-honor-stat{ padding:1px 6px; font-size:11px; }
}