.elementor-152542 .elementor-element.elementor-element-70e65415{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-12bcb317 *//* ====== HALO – Bảng game Việt hóa PS4 ====== */


.vh-wrap{
  color:var(--halo-text);
  line-height:1.6;
}

.vh-intro{
  max-width:900px;
  margin:0 auto 1.25rem auto;
  font-weight:400;
}
.vh-intro p{ margin:0 0 .75rem 0; }
.vh-intro a{ color:var(--halo-accent); text-decoration:none; }
.vh-intro a:hover{ text-decoration:underline; }

.vh-title{
  margin:1rem 0 .75rem;
  font-size:1.25rem;
  letter-spacing:.3px;
  text-transform:uppercase;
}

/* Table shell */
.vh-table-container{
  background:var(--halo-card);
  border:1px solid var(--halo-border);
  border-radius:var(--radius);
  box-shadow:0 10px 24px rgba(0,0,0,.25);
  overflow:auto;               /* responsive scroll trên mobile */
  -webkit-overflow-scrolling:touch;
}

/* Table core */
.vh-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  min-width:680px;
  font-size:15px;
  counter-reset: rownum;
}
.vh-table caption.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}

/* Head */
.vh-table thead th{
  position:sticky; top:0; z-index:2;
  background:linear-gradient(180deg, rgba(59,130,246,.22), rgba(59,130,246,.1));
  color:#000;
  text-align:center;
  padding:.9rem .8rem;
  font-weight:700;
  letter-spacing:.3px;
  border-bottom:1px solid var(--halo-border);
  backdrop-filter: blur(6px);
}

/* Body */
.vh-table tbody tr{
  transition:background .18s ease, transform .18s ease;
}
.vh-table tbody tr:nth-child(odd){
  background:rgba(255,255,255,.02);
}
.vh-table tbody tr:hover{
  background:rgba(59,130,246,.08);
  transform: translateY(-1px);
}
.vh-table td{
  padding:.8rem .9rem;
  border-bottom:1px dashed var(--halo-border);
  vertical-align:middle;
  text-align:center;
}

/* Auto STT bằng CSS counter */
.vh-table tbody.auto-index tr td:first-child{
  width:72px;
}
.vh-table tbody.auto-index tr td:first-child::before{
  counter-increment: rownum;
  content: counter(rownum);
  display:inline-block;
  min-width:2ch;
  font-variant-numeric: tabular-nums;
  color:var(--halo-muted);
}

/* Cột tên & dung lượng */
.vh-table .col-name{ min-width:360px; }
.vh-table .col-size{ width:160px; }

/* Badge dung lượng */
.badge{
  display:inline-block;
  padding:.28rem .6rem;
  border:1px solid rgba(59,130,246,.45);
  border-radius:999px;
  font-size:.85em;
  line-height:1.2;
  background:rgba(59,130,246,.12);
  color:#000000;
  font-variant-numeric: tabular-nums;
}

/* Mobile tweaks */
@media (max-width: 768px){
  .vh-intro{ font-size:15px; }
  .vh-title{ font-size:1.05rem; }
  .vh-table{ font-size:14px; min-width:640px; }
  .vh-table thead th{ padding:.7rem .6rem; }
  .vh-table td{ padding:.6rem .7rem; }
}

/* Dark mode friendly (nếu theme hỗ trợ) */
@media (prefers-color-scheme: light){
  :root{
    --halo-card:#ffffff;
    --halo-text:#0b1220;
    --halo-border:rgba(0,0,0,.08);
  }
  .vh-table thead th{
    color:#000000;
    background:linear-gradient(180deg, rgba(59,130,246,.12), rgba(59,130,246,.06));
  }
  .badge{ color:#000; background:rgba(59,130,246,.10); }
}/* End custom CSS */