/* hv-menu-fix-1310.css — đề xuất của Trang 13/10/2026. File RIÊNG, nạp sau pillar-header.css / pillar-drawer.css.
   Không đụng hv-link-hover.css. Hoàn tác: bỏ enqueue file này. Chỉ dùng biến màu theme nên tự theo Sáng/Tối. */

/* 1) Mega "Dịch vụ khác": mô tả thẻ 11px quá nhỏ, khó đọc (ảnh mkt-video-1440-*-mega-dich-vu-khac.jpg) */
.hvx-mega__in--oth .hvx-card small{font-size:13px!important;line-height:1.45!important}

/* 2) Mega "Dịch vụ khác": thẻ cao 233px, khoảng trống lớn giữa mô tả và SĐT (bị kéo cao theo cột link chung).
      Cho thẻ cao theo nội dung. Cần xem lại ảnh sau khi áp: nếu muốn 3 thẻ bằng nhau thì bỏ dòng align-self. */
.hvx-mega__in--oth .hvx-cards{align-items:start}
.hvx-mega__in--oth .hvx-card{align-self:start;min-height:0}

/* 3) Viền focus của nút "Dịch vụ khác" ở chế độ Tối: vòng trắng 4px quanh viền đỏ bị loá (ảnh mkt-video-1440-dark-mega-dich-vu-khac.jpg) */
html[data-theme="dark"] .hvx-oth .main-nav__link:focus-visible{box-shadow:0 0 0 4px var(--bg,#0F1012)}

/* 4) Thanh "Thông tin có chỗ chưa đúng…" (.vfb-rep): nút "⚑ Báo cho chúng tôi" padding 0, chữ 16px gạch chân
      chạm sát viền bo tròn, to hơn câu hỏi 13px bên cạnh (ảnh video-1440-*-nut-bao-loi.jpg) */
.vfb-rep{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
.vfb-rep button{padding:5px 14px!important;font-size:13px!important;line-height:1.4!important;text-decoration:none!important;border-radius:999px;cursor:pointer}
.vfb-rep button:hover{text-decoration:underline!important;text-underline-offset:3px}
.vfb-rep button:focus-visible{outline:2px solid var(--brand,#E31E24);outline-offset:2px}