/* Fix cho viền màu tím của video-card */

/* Thiết lập lại biến màu primary trong :root */
:root {
  --primary: 199 89% 48% !important; /* Sky Blue thay vì màu tím */
}

/* Chỉ định trực tiếp cho video-card-wrap */
.video-card-wrap {
  outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
  border-color: rgba(0, 0, 0, 0.3) !important;
}

/* Fix cho hiệu ứng hover */
.video-card a:hover .video-card-wrap,
.group:hover .video-card-wrap,
.video-card > a.tap-active .video-card-wrap,
.video-card-wrap:hover {
  outline: none !important;
  outline-width: 0 !important;
  outline-style: none !important;
  outline-color: transparent !important;
  border-color: rgba(0, 0, 0, 0.3) !important;
}

/* Fix cụ thể cho media query */
@media (hover: hover) and (pointer: fine) {
  .group:hover .video-card-wrap {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    border-color: rgba(0, 0, 0, 0.3) !important;
  }
}