/* style-hitclub-vb.css — per-site override cho hitclub-vb.com.co
   KHÔNG viết lại component CSS dùng chung — mọi component vẫn từ design/library/lib.css.
   File này CHỈ: (1) đặt palette riêng site (biến --brand/--brand2/--heading/--bg — trích PIL
   từ mainsite hitclub.ml THẬT, KHÔNG bịa/không dùng navy mặc định), (2) vài chỉnh layout nhỏ
   riêng cho bố cục bodyE 3-6-3 của trang chủ site này.

   MÀU TỰ TRÍCH (Python PIL, đếm pixel trọng số):
     --brand  #f5c71f  ← trung bình có trọng số các pixel "vàng-gold" (đã loại nền trắng/viền
                đen) trên design/brands/hitclub/hitclub-logo.webp (logo slot-machine HIT.CLUB —
                mảng vàng kim chiếm đa số diện tích logo, đối chiếu khớp tông với chữ
                "HIT.CLUB"/nút "MỚI NHẤT" trên banner4.webp/banner6.webp mainsite thật).
     --brand2 #9f8114  ← darken(--brand, 35%) tự tính — dùng cho gradient/hover.
     --heading #ffffff ← giữ mặc định lib.css (đủ tương phản trên nền tối).
     --bg     #120800  ← mẫu vùng nền tối mainsite (banner4.webp/banner6.webp dominant cluster
                ~#100000–#201000, nâu-đen ấm) — KHÔNG dùng navy mặc định lib.css (#0b0e16).
   Trùng tông "vàng-gold" với default lib.css (#ffc83d) là NGẪU NHIÊN nhưng ĐÚNG THỰC TẾ mainsite
   (logo Hitclub bản chất là slot-machine vàng kim) — không phải copy mặc định không kiểm chứng.
   ============================================================ */

:root{
  --brand: #f5c71f;
  --brand2: #9f8114;
  --heading: #ffffff;
  --bg: #120800;
  --brand-grad: linear-gradient(135deg,#ffe27a,#9f8114);
  --glow: 0 0 0 1px rgba(245,199,31,.35),0 8px 26px -8px rgba(245,199,31,.45);
}

body.lib{
  background:
    radial-gradient(900px 420px at 85% -120px,rgba(245,199,31,.08),transparent 60%),
    radial-gradient(700px 500px at -10% 0,rgba(159,129,20,.10),transparent 55%),
    var(--bg);
}

/* Rail trái/phải (bodyE 3-6-3): banner dọc bọc trong <a> — bỏ padding .box mặc định để ảnh full-bleed */
.b7-rail-banner{padding:0!important;overflow:hidden}
.b7-rail-banner img{border-radius:var(--rad)}

/* strip_dai_game: dải game marquee ngang (6 tile), tile dùng .gcard trong .marquee (đã có sẵn lib.css) */
.hc-gcard{width:168px}
.hc-gcard .nm{font-size:12.5px;line-height:1.35;margin-top:8px;color:var(--ink);font-weight:600}

/* Bruce fix 2026-07-10 #6: dải game ĐỔI sang xếp từng dòng dọc (mỗi silo 1 hàng full-width) —
   thay cho .marquee ngang cũ. Hàng = ảnh thumb trái (140px, giữ nguyên tỉ lệ 2:1, KHÔNG crop) +
   nội dung phải (tên + mô tả). */
.dai-game-list{display:flex;flex-direction:column;gap:12px}
.dai-game-row{display:flex;align-items:center;gap:16px;background:var(--panel-grad);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow);transition:transform var(--ease),border-color var(--ease)}
.dai-game-row:hover{transform:translateX(4px);border-color:rgba(255,200,61,.4)}
.dai-game-row-img{width:140px;flex:0 0 140px;height:auto;display:block;border-radius:8px}
.dai-game-row-body{flex:1;min-width:0}
.dai-game-row-body .nm{display:block;font-weight:700;font-size:15px;color:#fff;margin-bottom:2px}
@media(max-width:640px){
  .dai-game-row{gap:10px;padding:8px}
  .dai-game-row-img{width:88px;flex:0 0 88px}
  .dai-game-row-body .nm{font-size:13.5px}
}

/* Bruce fix 2026-07-10 #1: LOGO HEADER to hơn ~120px — CHỈ trang chủ (body.home, gắn bởi
   _render_home.py post-process). Selector khớp/độ đặc thù ngang lib.css nhưng có thêm ".home" nên
   luôn thắng ở mọi breakpoint (bao gồm cả trong media query mobile 640px của lib.css). Mobile
   dùng size nhỏ hơn (64px) để không phá layout header/burger ở 390px. */
body.home .lh .lh-main .logo img{height:120px;max-height:120px;width:auto}
@media(max-width:640px){
  body.home .lh .lh-main .logo img{height:64px;max-height:64px;width:auto}
}

/* alert box (khối "Xử lý khi truy cập nhầm" — không có ảnh, dùng khung cảnh báo) */
.hc-alert{background:rgba(245,199,31,.08);border:1px solid rgba(245,199,31,.35);border-left:4px solid var(--brand);border-radius:var(--rad);padding:16px}

/* doi_tac: dải logo đối tác cuối trang, full-width trước footer */
.hc-partners{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center;padding:20px 0;border-top:1px solid var(--line)}
.hc-partners img{height:34px;width:auto;object-fit:contain;opacity:.85;transition:opacity .2s}
.hc-partners img:hover{opacity:1}

@media(max-width:640px){
  .hc-partners img{height:28px}
}

/* noi rong cot giua (main) trong luoi 3-6-3, chi ap trang chu + chi desktop */
@media(min-width:1025px){
  body.home .lay-363{grid-template-columns:2.5fr 7fr 2.5fr}
}