/* ═══════════════════════════════════════════════════════════════════════
   NHẬN DIỆN MRBO ADS — theo Brand Kit v1.2 (10/2026), sổ tay 05-Brand-Guide
   Nạp SAU style riêng của từng trang: ghi đè biến màu, font, logo, nút.
   Màu:  Navy Mrbo #16254F (chữ, tiêu đề) · Cam Tăng trưởng #F7931E (nút, nền nhấn, đường nhấn)
         Kem Sân khấu #FFE6BD (mảng ấm) · Navy Đêm #0B1330 (nền tối) · Trắng Ngà #F4F6FB (nền trang)
         Phụ: Xanh Áo #3B5FC4 (liên kết) · Nâu Lông #A35E2E (minh hoạ)
   Quy tắc: KHÔNG dùng cam cho chữ nhỏ (2.3:1) — cam chỉ làm nền / nút / đường nhấn,
            chữ trên nền cam là navy (6.5:1). Tỉ lệ: Navy 50 · Trắng ngà 30 · Cam 15 · Kem 5.
   Chữ:  Baloo 2 (800 tiêu đề lớn, 700 tiêu đề nhỏ, số liệu) · Be Vietnam Pro (400 nội dung, 600 nhấn/nút)
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --mrbo-navy:#16254F; --mrbo-cam:#F7931E; --mrbo-kem:#FFE6BD; --mrbo-dem:#0B1330; --mrbo-nga:#F4F6FB; --mrbo-xanh:#3B5FC4; --mrbo-nau:#A35E2E;
}
/* Trang giao diện tối (data-giao-dien=toi) giữ bảng màu riêng — chỉ nhận logo, font, nút */
:root:not([data-giao-dien=toi]){
  --mrbo-navy:#16254F; --mrbo-cam:#F7931E; --mrbo-kem:#FFE6BD; --mrbo-dem:#0B1330; --mrbo-nga:#F4F6FB;
  --mrbo-xanh:#3B5FC4; --mrbo-nau:#A35E2E;
  /* biến cũ của các trang → ánh xạ sang màu thương hiệu */
  --nen:#F4F6FB; --nen2:#EDF1F9; --nen3:#ffffff;
  --chu:#16254F; --chu2:#46527A; --chu3:#6E7796;
  --vang:#3B5FC4;            /* chữ nhấn nhỏ / liên kết: Xanh Áo (cam không đủ tương phản) */
  --vang2:#F7931E;           /* nền / viền / đường nhấn: Cam Tăng trưởng */
  --vangnhat:#FFE6BD;        /* mảng ấm: Kem Sân khấu */
  --vien:#DCE2EF; --toi:#0B1330;
}
:root:not([data-giao-dien=toi]) body{background:var(--mrbo-nga);color:var(--mrbo-navy)}
body{font-family:'Be Vietnam Pro',system-ui,sans-serif}

/* ── Chữ ─────────────────────────────────────────────────────────── */
h1,h2,h3,.so-n,.he-so,.kq-chinh .so{font-family:'Baloo 2','Be Vietnam Pro',system-ui,sans-serif !important;letter-spacing:0 !important}
h1{font-weight:800 !important;line-height:1.12 !important}
h2{font-weight:800 !important;line-height:1.18 !important}
h3{font-weight:700 !important;line-height:1.25 !important}
/* Chữ nhấn trong tiêu đề: giữ chữ navy, gạch dưới bằng mảng cam — không tô chữ cam */
:root:not([data-giao-dien=toi]) h1 em,:root:not([data-giao-dien=toi]) h2 em{color:var(--mrbo-navy) !important;font-style:normal;
  background:linear-gradient(transparent 60%,rgba(247,147,30,.55) 60%);padding:0 .06em;border-radius:2px}
.toi h1 em,.toi h2 em{color:#fff !important;background:linear-gradient(transparent 60%,rgba(247,147,30,.7) 60%)}
main a:not([class]),article a:not([class]),.bai a:not([class]){color:var(--mrbo-xanh)}

/* ── Nhãn nhỏ ─────────────────────────────────────────────────────── */
.nhan{color:var(--mrbo-navy) !important;background:var(--mrbo-kem) !important;border-color:rgba(247,147,30,.55) !important}
.toi .nhan{background:rgba(247,147,30,.16) !important;color:#FFE6BD !important}

/* ── Nút: nền cam, chữ navy ───────────────────────────────────────── */
.nut-chinh,.thanh .t-form,header nav .nut-tv,.nut.nut-chinh{background:var(--mrbo-cam) !important;color:var(--mrbo-navy) !important;
  border:0 !important;font-weight:700 !important;box-shadow:0 6px 18px rgba(247,147,30,.28) !important}
.nut-chinh:hover,.thanh .t-form:hover,header nav .nut-tv:hover{filter:brightness(.96)}
.nut-phu{color:var(--mrbo-navy) !important;border-color:var(--mrbo-navy) !important}

/* ── Logo (Brand Kit): ảnh logo ngang, không bóng, không hiệu ứng ─── */
.logo-brand{display:inline-flex;align-items:center;padding:0 !important;background:none !important}
.logo-brand img{height:46px;width:auto;display:block}
@media (max-width:560px){.logo-brand img{height:38px}}
.ft-logo img{height:42px;width:auto;display:block}

/* ── Khối tối, dải chữ chạy ───────────────────────────────────────── */
.toi{background:var(--mrbo-dem) !important}
.chay{background:var(--mrbo-navy) !important}
.chay span::after{color:var(--mrbo-cam) !important}
::selection{background:var(--mrbo-cam);color:var(--mrbo-navy)}

/* ── Trang công cụ có đầu trang riêng (Đua vịt, Vòng quay, Tính ngân sách) ── */
header .brand{color:var(--mrbo-navy) !important}
[data-giao-dien=toi] .logo-brand + nav{display:flex !important;align-items:center;gap:18px;flex-wrap:wrap}
[data-giao-dien=toi] .logo-brand + nav .nut-tv{display:inline-flex !important}
[data-giao-dien=toi] header nav .nut-tv{width:auto !important;flex:0 0 auto !important;padding:8px 14px !important;min-height:0 !important}
.kq-chinh .so{background:none !important;border:0 !important;box-shadow:none !important;padding:0 !important}

/* ── Khỉ Bo ───────────────────────────────────────────────────────── */
.lv{display:block;height:auto;pointer-events:none;user-select:none}

/* Nút chính riêng của từng trang (đang dùng nền var(--vang)) → nền cam, chữ navy */
.goi .g1,.goi-nhanh .g1,.nn-nut .chinh,.pk-nut .pk-chinh{background:var(--mrbo-cam) !important;border-color:var(--mrbo-cam) !important;color:var(--mrbo-navy) !important;font-weight:700 !important}