/*
 * assets/match-card-channel-hint.css
 *
 * FONT ONLY FIX
 * Không JS.
 * Không tạo dòng mới.
 * Không ẩn dòng cũ.
 * Chỉ thu nhỏ dòng "Kênh phát sóng" + badge VTV để ép về 1 dòng.
 */

/* Xóa pseudo lỗi nếu còn sót từ bản cũ */
.match-card::after,
.wc-match-card::after,
[class*="match-card"]::after,
.match-card [class*="broadcast"]::after,
.wc-match-card [class*="broadcast"]::after,
[class*="match-card"] [class*="broadcast"]::after {
  content: none !important;
  display: none !important;
}

/* Căn giữa + glow cho Bảng A/B/C */
.match-card .match-foot {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  width: 100% !important;
  color: #facc15 !important;
  font-weight: 1000 !important;
  text-shadow:
    0 0 8px rgba(250,204,21,.45),
    0 0 18px rgba(249,115,22,.25) !important;
}

/*
 * Thu nhỏ dòng kênh phát sóng.
 * Bắt rộng theo nhiều class vì dòng này do broadcasts.js bơm sau.
 */
.match-card .match-broadcasts,
.match-card .broadcast-row,
.match-card .broadcasts-row,
.match-card .broadcast-list,
.match-card .broadcast-channels,
.match-card .tv-channels,
.match-card [class*="broadcast"],
.wc-match-card .match-broadcasts,
.wc-match-card .broadcast-row,
.wc-match-card .broadcasts-row,
.wc-match-card .broadcast-list,
.wc-match-card .broadcast-channels,
.wc-match-card .tv-channels,
.wc-match-card [class*="broadcast"],
[class*="match-card"] .match-broadcasts,
[class*="match-card"] .broadcast-row,
[class*="match-card"] .broadcasts-row,
[class*="match-card"] .broadcast-list,
[class*="match-card"] .broadcast-channels,
[class*="match-card"] .tv-channels,
[class*="match-card"] [class*="broadcast"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 3px !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  font-size: 9px !important;
  line-height: 1 !important;
}

/* Chữ "Kênh phát sóng" */
.match-card .match-broadcasts b,
.match-card .match-broadcasts strong,
.match-card .broadcast-row b,
.match-card .broadcast-row strong,
.match-card .broadcasts-row b,
.match-card .broadcasts-row strong,
.match-card [class*="broadcast"] b,
.match-card [class*="broadcast"] strong,
.match-card .broadcast-label,
.match-card .broadcast-title,
.wc-match-card .match-broadcasts b,
.wc-match-card .match-broadcasts strong,
.wc-match-card .broadcast-row b,
.wc-match-card .broadcast-row strong,
.wc-match-card .broadcasts-row b,
.wc-match-card .broadcasts-row strong,
.wc-match-card [class*="broadcast"] b,
.wc-match-card [class*="broadcast"] strong,
.wc-match-card .broadcast-label,
.wc-match-card .broadcast-title,
[class*="match-card"] .match-broadcasts b,
[class*="match-card"] .match-broadcasts strong,
[class*="match-card"] .broadcast-row b,
[class*="match-card"] .broadcast-row strong,
[class*="match-card"] .broadcasts-row b,
[class*="match-card"] .broadcasts-row strong,
[class*="match-card"] [class*="broadcast"] b,
[class*="match-card"] [class*="broadcast"] strong,
[class*="match-card"] .broadcast-label,
[class*="match-card"] .broadcast-title {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  font-size: 8.8px !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Badge VTV */
.match-card .match-broadcasts a,
.match-card .match-broadcasts span,
.match-card .broadcast-row a,
.match-card .broadcast-row span,
.match-card .broadcasts-row a,
.match-card .broadcasts-row span,
.match-card [class*="broadcast"] a,
.match-card [class*="broadcast"] span,
.match-card .broadcast-badge,
.match-card .channel-badge,
.match-card .tv-channel,
.wc-match-card .match-broadcasts a,
.wc-match-card .match-broadcasts span,
.wc-match-card .broadcast-row a,
.wc-match-card .broadcast-row span,
.wc-match-card .broadcasts-row a,
.wc-match-card .broadcasts-row span,
.wc-match-card [class*="broadcast"] a,
.wc-match-card [class*="broadcast"] span,
.wc-match-card .broadcast-badge,
.wc-match-card .channel-badge,
.wc-match-card .tv-channel,
[class*="match-card"] .match-broadcasts a,
[class*="match-card"] .match-broadcasts span,
[class*="match-card"] .broadcast-row a,
[class*="match-card"] .broadcast-row span,
[class*="match-card"] .broadcasts-row a,
[class*="match-card"] .broadcasts-row span,
[class*="match-card"] [class*="broadcast"] a,
[class*="match-card"] [class*="broadcast"] span,
[class*="match-card"] .broadcast-badge,
[class*="match-card"] .channel-badge,
[class*="match-card"] .tv-channel {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  padding: 3px 5px !important;
  margin: 0 !important;
  border-radius: 999px !important;
}

/* Dòng "Nhấn để xem chi tiết" nếu match-card.php đã thêm */
.match-card .match-detail-hint {
  display: block !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 6px auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  outline: none !important;
  cursor: pointer !important;
  color: #38bdf8 !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
  font-weight: 1000 !important;
  text-align: center !important;
  text-shadow:
    0 0 8px rgba(56,189,248,.58),
    0 0 18px rgba(59,130,246,.36) !important;
}

/* Mobile càng nhỏ hơn chút */
@media (max-width: 760px) {
  .match-card .match-broadcasts,
  .match-card .broadcast-row,
  .match-card .broadcasts-row,
  .match-card .broadcast-list,
  .match-card .broadcast-channels,
  .match-card .tv-channels,
  .match-card [class*="broadcast"],
  .wc-match-card .match-broadcasts,
  .wc-match-card .broadcast-row,
  .wc-match-card .broadcasts-row,
  .wc-match-card .broadcast-list,
  .wc-match-card .broadcast-channels,
  .wc-match-card .tv-channels,
  .wc-match-card [class*="broadcast"],
  [class*="match-card"] .match-broadcasts,
  [class*="match-card"] .broadcast-row,
  [class*="match-card"] .broadcasts-row,
  [class*="match-card"] .broadcast-list,
  [class*="match-card"] .broadcast-channels,
  [class*="match-card"] .tv-channels,
  [class*="match-card"] [class*="broadcast"] {
    gap: 2px !important;
    font-size: 8.5px !important;
  }

  .match-card [class*="broadcast"] b,
  .match-card [class*="broadcast"] strong,
  .wc-match-card [class*="broadcast"] b,
  .wc-match-card [class*="broadcast"] strong,
  [class*="match-card"] [class*="broadcast"] b,
  [class*="match-card"] [class*="broadcast"] strong {
    font-size: 8px !important;
  }

  .match-card [class*="broadcast"] a,
  .match-card [class*="broadcast"] span,
  .wc-match-card [class*="broadcast"] a,
  .wc-match-card [class*="broadcast"] span,
  [class*="match-card"] [class*="broadcast"] a,
  [class*="match-card"] [class*="broadcast"] span {
    font-size: 8px !important;
    padding: 3px 4px !important;
  }
}