/* =========================================================
   Beta 1.0 — lớp chung cho mọi trang
   - Ô tài khoản dạng avatar ở góc phải header (thay mục "Quản lý tài khoản")
   - Ẩn: chọn Hạng (Royalty), nút demo "Trúng thưởng lớn", toàn bộ lối vào giỏ hàng
   Các phần tử bị ẩn vẫn còn trong DOM để mã sẵn có (đếm giỏ, đổi hạng…) không lỗi.
   ========================================================= */

/* ---- ô tài khoản (avatar) ---- */
.site-header .profile-menu {
  position: relative;
  flex-shrink: 0;
  margin-left: 2px;
  color: #29354a;
  font-family: var(--app-font);
}
.site-header .profile-menu > summary {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  list-style: none;
  border: 1px solid #f3c3cf;
  border-radius: 50%;
  background: #fff1f5;
  color: #d4143c;
  cursor: pointer;
}
.site-header .profile-menu > summary::-webkit-details-marker {
  display: none;
}
.site-header .profile-menu > summary:focus-visible {
  outline: 3px solid #b40032;
  outline-offset: 3px;
}
.profile-avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  overflow: hidden;
}
.profile-avatar svg {
  width: 25px;
  height: 25px;
}
.profile-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.site-header .profile-panel {
  position: absolute;
  right: 0;
  top: 54px;
  width: 280px;
  max-width: calc(100vw - 24px);
  padding: 15px;
  background: #fff;
  border: 1px solid #e0d8df;
  border-radius: 14px;
  box-shadow: 0 12px 35px #28121d25;
  z-index: 1500;
  max-height: calc(100dvh - 140px);
  overflow: auto;
  text-align: left;
}
.profile-panel h3 {
  font-size: 16px;
  margin: 0 0 10px;
  color: #28374e;
}
.profile-panel > a {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 9px 10px;
  border-radius: 7px;
  font-size: 14px;
  color: #29354a !important;
  text-decoration: none;
}
.profile-panel > a:hover,
.profile-panel > a:focus-visible {
  background: #fff0f4;
  color: #b00032 !important;
}
.profile-panel > a:last-child {
  border-top: 1px solid #e9e2e6;
  margin-top: 5px;
  color: #af0030 !important;
}
.profile-panel > button {
  padding: 8px 12px;
  min-height: 40px;
  border: 1px solid #dfc5ce;
  border-radius: 8px;
  background: #fff4f7;
  color: #a40030;
  font: 600 13px var(--app-font);
  cursor: pointer;
}
.profile-panel > small {
  display: block;
  line-height: 1.5;
  font-size: 11px;
  margin: 8px 0;
  color: #687384;
}

/* ---- ẩn chọn Hạng + demo Trúng thưởng lớn ---- */
.site-header .tier-chip,
.tier-menu,
.bigwin-fab {
  display: none !important;
}

/* ---- ẩn giỏ hàng: nút giỏ trên header, thanh giỏ, và mọi nút "thêm vào giỏ" ---- */
.site-header .cart-btn,
.cartbar,
#cartbar,
.app-bottom-nav a[href='gio-hang'],
.drawer a[href='gio-hang'],
#mAdd,
.md-cartbtn,
.b18-cart,
.kl-top .kl-bag,
button[data-a='cart'],
[data-act='cart'],
.btn-cart,
.add-cart {
  display: none !important;
}

/* ---- trang chủ: trước và sau đăng nhập giống nhau (ẩn dải trạng thái tài khoản) ---- */
body[data-page='home'] #account-overview {
  display: none !important;
}
.kb-cart,
a[href='gio-hang']:not(.b18-watch-row) {
  display: none !important;
}

/* ---- Giao diện Sáng cho các màn sản phẩm đã thiết kế lại (Bingo18, Max 3D) ---- */
html[data-product-theme='light'] body.bingo-page .b18-panel,
html[data-product-theme='light'] body.bingo-page .b18-guide-link {
  background: #fff !important;
  border-color: #cfe3d7 !important;
  box-shadow: 0 6px 18px rgba(20, 60, 40, 0.07);
}
html[data-product-theme='light']
  body.bingo-page
  :is(
    .b18-live-title strong,
    .b18-draw-meta strong,
    .b18-countdown b,
    .b18-last-result strong,
    .b18-panel-head h2,
    .b18-center-head h1,
    .b18-gh,
    .b18-gh > span,
    .b18-section-label,
    .b18-section-label > span,
    .b18-slip-head h2,
    .b18-stake-title h3,
    .b18-total span,
    .b18-slip-links button,
    .b18-guide-link,
    .b18-side-links a,
    .b18-ticket-main b,
    .b18-stake-stepper strong,
    .b18-watch-row b,
    .b18-watch-row small,
    .b18-icon-btn,
    .b18-rules-link
  ) {
  color: #12382a !important;
}
html[data-product-theme='light']
  body.bingo-page
  :is(
    .b18-draw-meta small,
    .b18-last-result span,
    .b18-last-result i,
    .b18-section-label small,
    .b18-slip-head > span,
    .b18-stake-title small,
    .b18-select-note,
    .b18-demo,
    .b18-demo a,
    .b18-watch-empty,
    .b18-ticket-empty p,
    .b18-ticket-main small,
    .b18-info-dot,
    .b18-guide-link b
  ) {
  color: #47645a !important;
}
html[data-product-theme='light'] body.bingo-page .b18-info-dot {
  border-color: #8fb3a2;
}
html[data-product-theme='light'] body.bingo-page .b18-select-note i {
  background: #47645a;
  color: #fff !important;
}
html[data-product-theme='light'] body.bingo-page .b18-last-result {
  background: #f3faf6;
  border-color: #cfe3d7;
}
html[data-product-theme='light'] body.bingo-page .b18-last-result b {
  color: #12894f !important;
}
html[data-product-theme='light'] body.bingo-page .b18-countdown b {
  background: #f3faf6;
  border-color: #b8d9c6;
}
html[data-product-theme='light'] body.bingo-page .b18-open-status {
  color: #0f7a45;
  background: #e3f6ea;
  border-color: #a9dcbd;
}
html[data-product-theme='light'] body.bingo-page .b18-app .b18-tabs {
  background: #eef6f1;
  border-color: #cfe3d7;
}
html[data-product-theme='light'] body.bingo-page .b18-app .b18-tabs button:not(.active) {
  color: #2c4a3d !important;
}
html[data-product-theme='light']
  body.bingo-page
  .b18-app
  :is(.b18-cell.choice, .b18-cell.choice.tie, .b18-cell.number, .b18-sp):not(.chosen) {
  background: #f3faf6 !important;
  border-color: #b8d9c6 !important;
  box-shadow: none !important;
}
html[data-product-theme='light'] body.bingo-page .b18-app :is(.b18-cell, .b18-sp):not(.chosen) :is(strong, small) {
  color: #12382a !important;
}
html[data-product-theme='light'] body.bingo-page .b18-app :is(.b18-cell, .b18-sp):not(.chosen) em {
  color: #47645a !important;
}
html[data-product-theme='light'] body.bingo-page .b18-app :is(.b18-cell, .b18-sp):not(.chosen):hover {
  background: #e3f3ea !important;
  border-color: #5aa77a !important;
}
html[data-product-theme='light'] body.bingo-page .b18-triple-wrap {
  border-top-color: #d9e9e0;
}
html[data-product-theme='light'] body.bingo-page .b18-ticket-row {
  background: #f7fbf9;
  border-color: #cfe3d7;
}
html[data-product-theme='light'] body.bingo-page .b18-ticket-row.active {
  border-color: #e0b63f;
  background: #fffaf0;
}
html[data-product-theme='light'] body.bingo-page .b18-ticket-main strong,
html[data-product-theme='light'] body.bingo-page .b18-total strong,
html[data-product-theme='light'] body.bingo-page .b18-watch-row small em {
  color: #b47b05 !important;
}
html[data-product-theme='light'] body.bingo-page .b18-ticket-x {
  background: #e3ede8;
  color: #12382a;
}
html[data-product-theme='light'] body.bingo-page .b18-ticket-empty {
  background: #f7fbf9;
  border-color: #b8d9c6;
}
html[data-product-theme='light'] body.bingo-page .b18-stake-stepper strong {
  background: #f3faf6;
  border-color: #b8d9c6;
}
html[data-product-theme='light'] body.bingo-page .b18-stake-stepper button {
  background: #e3f3ea;
  border-color: #b8d9c6;
  color: #12382a;
}
html[data-product-theme='light'] body.bingo-page .b18-quick-stakes button:not(.active) {
  background: #f3faf6;
  border-color: #b8d9c6;
  color: #2c4a3d !important;
}
html[data-product-theme='light'] body.bingo-page :is(.b18-stake-stepper button, .b18-quick-stakes button):disabled {
  opacity: 0.55;
}
html[data-product-theme='light'] body.bingo-page .b18-watch-row {
  background: #f7fbf9;
  border-color: #cfe3d7;
}
html[data-product-theme='light'] body.bingo-page .b18-watch-status {
  background: #e3ede8;
  color: #47645a;
}
html[data-product-theme='light'] body.bingo-page .b18-side-links a + a {
  border-left-color: #b8d9c6;
}
html[data-product-theme='light'] body.bingo-page .b18-demo i {
  background: #b8d9c6;
}
html[data-product-theme='light'] body.bingo-page .b18-live-head {
  border-bottom-color: #d9e9e0;
}
html[data-product-theme='light'] body.bingo-page .b18-reference,
html[data-product-theme='light'] body.bingo-page .b18-reference .panel {
  background: #fff;
  border-color: #cfe3d7;
  color: #12382a;
}
html[data-product-theme='light'] body.bingo-page .b18-reference :is(h2, .steps, .steps li, .rtable td) {
  color: #12382a !important;
}
html[data-product-theme='light'] body.bingo-page .b18-reference .tabs {
  background: #eef6f1;
  border-color: #cfe3d7;
}
html[data-product-theme='light'] body.bingo-page .b18-reference .tabs button:not(.on) {
  color: #2c4a3d;
}
html[data-product-theme='light'] body.bingo-page .b18-reference .steps b {
  color: #b47b05;
}

html[data-product-theme='light']
  body.m3-on
  :is(
    .m3-brand b,
    .m3-brand > div > span,
    .m3-var p,
    .m3-var p b,
    .m3-clock small,
    .m3-clock b,
    .m3-clock em,
    .m3-buy-top p,
    .m3-cic svg
  ) {
  color: #0f1d4a !important;
}
html[data-product-theme='light'] body.m3-on .m3-brand b em,
html[data-product-theme='light'] body.m3-on .m3-brand b small {
  color: #e6197e !important;
}
html[data-product-theme='light'] body.m3-on .m3-i {
  border-color: #0f1d4a;
  color: #0f1d4a;
}
html[data-product-theme='light'] body.m3-on .m3 .md-vr {
  background: #c5cde0;
}
html[data-product-theme='light'] body.m3-on .m3 .md-foot,
html[data-product-theme='light'] body.m3-on .m3 .md-foot a {
  color: #3b4a70;
}
html[data-product-theme='light'] body.m3-on .m3-card {
  box-shadow: 0 6px 18px rgba(20, 30, 70, 0.1);
  border: 1px solid #e3e8f2;
}

/* ---- trang chủ: biểu tượng hỗ trợ không bị trắng trên nền trắng ---- */
body.premium-home .site-header .hicon,
body.premium-home .site-header .wallet-chip {
  color: #b40032 !important;
}

/* ---- Giao diện Sáng cho trang Keno (khung ngoài; phần trong shadow DOM nằm ở keno-light.css) ---- */
html[data-product-theme='light'],
html[data-product-theme='light'] body.kl-page {
  background: #f5f6f8 !important;
}
html[data-product-theme='light'] body.kl-page .site-header {
  background: #fff !important;
  color: #17283e !important;
  border-bottom-color: #e3e8ef !important;
}
html[data-product-theme='light'] body.kl-page .site-header .nav-i > a,
html[data-product-theme='light'] body.kl-page .site-header .nav-i > button {
  color: #17283e !important;
}
html[data-product-theme='light'] body.kl-page .site-header .nav-i.active > a,
html[data-product-theme='light'] body.kl-page .site-header .nav-i.active > button {
  color: #e50929 !important;
}
html[data-product-theme='light'] body.kl-page .site-header .brand-img {
  content: url('../img/brand/logo-figma.png') !important;
}
html[data-product-theme='light'] body.kl-page .site-header :is(.lang-sel, .hicon, .burger, .wallet-chip) {
  background: #fff !important;
  color: #17283e !important;
  border-color: #e3e8ef !important;
}
html[data-product-theme='light'] body.kl-page .site-header :is(.wallet-chip, .wallet-chip *) {
  color: #17283e !important;
}
html[data-product-theme='light'] body.kl-page .site-header .burger span,
html[data-product-theme='light'] body.kl-page .site-header .burger span:before,
html[data-product-theme='light'] body.kl-page .site-header .burger span:after {
  background: #17283e !important;
}
html[data-product-theme='light'] body.kl-page .site-header .drop {
  background: #fff !important;
  color: #17283e !important;
  border-color: #e3e8ef !important;
}
html[data-product-theme='light'] body.kl-page .site-header .drop > a {
  color: #17283e !important;
}
body.kl-page .product-theme-toolbar {
  margin: 0 auto;
  padding: 6px 24px;
}
@media (min-width: 880px) {
  body.kl-page #kenoLive {
    height: calc(100dvh - 72px - 52px);
  }
}

/* ---- di động: trang Mua vé không cuộn ngang (ngăn kéo menu nằm ngoài màn hình) ---- */
html:has(body.catalog-page),
body.catalog-page {
  overflow-x: hidden;
}

/* ---- Trang sản phẩm: lề rộng như web mới (khung tối đa 1800px, cách mép 24px) ---- */
html body[data-page='games'][data-game] :is(.pw-shell, .lo-shell, .md-wrap, .b18-page-wrap) {
  width: calc(100% - 48px) !important;
  max-width: 1800px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: auto;
  margin-right: auto;
}
html body[data-page='games'][data-game] :is(.pw-columns, .lo-columns, .md-grid, .m3-grid, .b18-cols) > * {
  min-width: 0;
}
html body[data-page='games'][data-game] .product-theme-toolbar {
  width: calc(100% - 48px);
  max-width: 1800px;
  padding-left: 0;
  padding-right: 0;
}
html body[data-page='games'][data-game] :is(.pw-jackpot strong, .md-jp b) {
  font-size: clamp(22px, 2vw, 36px);
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.2;
  display: block;
}
html body[data-page='games'][data-game] :is(.pw-panel-head, .lo-panel-head, .pd-panh, .ld-panh, .md-lh) {
  gap: 10px;
  flex-wrap: wrap;
}
html body[data-page='games'][data-game] :is(.pd-meta p, .ld-meta p, .md-clock em) {
  white-space: normal;
  line-height: 1.5;
}
@media (min-width: 1200px) {
  html body[data-page='games'][data-game] :is(.pw-columns, .md-grid) {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 16px;
    align-items: start;
  }
  html body[data-page='games'][data-game] .pw-jackpot-band {
    grid-template-columns: 86px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.95fr) !important;
    gap: 18px;
    padding: 16px 20px;
  }
  html body[data-page='games'][data-game] .pw-jackpot-band .pd-meta {
    grid-column: 1/-1;
    flex-direction: row;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px 18px;
    border-top: 1px solid #ffffff20;
    padding-top: 8px;
    text-align: left;
  }
  html body[data-page='games'][data-game] .pw-jackpot-band .pw-jackpot strong {
    font-size: clamp(22px, 1.9vw, 34px);
  }
  html body[data-page='games'][data-game] .md-hero {
    flex-wrap: wrap;
    gap: 16px;
  }
}
@media (max-width: 1199px) {
  html body[data-page='games'][data-game] .pw-jackpot-band {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
  }
  html body[data-page='games'][data-game] :is(.pw-jackpot, .pw-draw-clock) {
    flex: 1 1 240px;
  }
  html body[data-page='games'][data-game] .md-hero {
    flex-wrap: wrap;
  }
}
@media (max-width: 760px) {
  html body[data-page='games'][data-game] :is(.pw-shell, .lo-shell, .md-wrap, .b18-page-wrap, .product-theme-toolbar) {
    width: calc(100% - 24px) !important;
  }
  html body[data-page='games'][data-game] :is(.pw-columns, .lo-columns, .md-grid) {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ---- menu trên các trang sản phẩm nền tối: chữ sáng (chế độ Sáng thì chữ tối) ---- */
body.dash-on .site-header .nav-i:not(.active) > a,
body.dash-on .site-header .nav-i:not(.active) > button {
  color: #dfe7fb;
}
body.bingo-page .site-header .nav-i:not(.active) > a,
body.bingo-page .site-header .nav-i:not(.active) > button {
  color: #e8f6ed;
}
html[data-product-theme='light'] body:is(.dash-on, .bingo-page) .site-header .nav-i:not(.active) > a,
html[data-product-theme='light'] body:is(.dash-on, .bingo-page) .site-header .nav-i:not(.active) > button {
  color: #17283e;
}

/* ---- màn hình hẹp: Lucy thu gọn thành nút tròn, đứng trên nút lên đầu trang; Thần Tài nhỏ lại ---- */
@media (max-width: 760px) {
  html .lucy-widget {
    right: 10px !important;
    bottom: 132px !important;
  }
  html .lucy-launch {
    width: 48px !important;
    height: 48px !important;
    padding: 2px !important;
    justify-content: center;
    transform: none !important;
    border-radius: 50% !important;
  }
  html .lucy-launch > span:last-child {
    display: none !important;
  }
  html .lucy-launch .lucy-face {
    width: 42px !important;
    height: 42px !important;
    animation: none;
  }
  html .lucy-panel {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
    top: auto !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100dvh - 24px) !important;
  }
  html .fortune-presence {
    transform: scale(0.78);
    transform-origin: left bottom;
  }
}

/* ---- Trang sản phẩm (trừ Keno): dùng đủ menu của web mình (có Thần Tài Học, Bộ sưu tập + Hướng dẫn, Quy định chung) ---- */
@media (min-width: 1101px) {
  html body:is(.dash-on, .bingo-page) .site-header .nav-i:has(> a[href='than-tai-hoc']),
  html body:is(.dash-on, .bingo-page) .site-header .nav-i:has(> a[href='bo-suu-tap']) {
    display: block;
  }
  html body:is(.dash-on, .bingo-page) .site-header .hbar {
    gap: clamp(8px, 1vw, 18px);
  }
  html body:is(.dash-on, .bingo-page) .site-header .nav {
    min-width: 0;
  }
  html body:is(.dash-on, .bingo-page) .site-header .nav-i > a,
  html body:is(.dash-on, .bingo-page) .site-header .nav-i > button {
    padding-left: clamp(5px, 0.62vw, 12px);
    padding-right: clamp(5px, 0.62vw, 12px);
    font-size: clamp(12.5px, 1vw, 15px);
    white-space: nowrap;
  }
}
@media (min-width: 1101px) and (max-width: 1380px) {
  html body:is(.dash-on, .bingo-page) .site-header .hicon::after {
    content: none;
  }
  html body:is(.dash-on, .bingo-page) .site-header .hicon {
    padding: 0;
    width: 44px;
    justify-content: center;
  }
}
@media (min-width: 1101px) {
  html body.bingo-page .site-header .nav {
    display: flex !important;
  }
  html body.bingo-page .site-header .burger {
    display: none;
  }
  html body.bingo-page .site-header .hright .auth-btns {
    display: flex !important;
  }
}

/* ---- Lotto 5/35: dải jackpot giữ bố cục gốc, chỉ nới theo khung rộng ---- */
@media (min-width: 1200px) {
  html body.ld-on[data-game='lotto'] .lo-jackpot-band {
    grid-template-columns: 170px minmax(0, 1.3fr) auto minmax(0, 1fr) auto !important;
    align-items: center;
  }
  html body.ld-on[data-game='lotto'] .ld-buy {
    align-self: center;
  }
}

/* ---- Header đồng bộ trên mọi màn sản phẩm: cùng độ cao, cùng logo trắng không khung, nền theo màu từng màn ---- */
html body[data-page='games'][data-game] .site-header .hbar {
  height: 72px !important;
  min-height: 72px;
}
html body[data-page='games'][data-game] .site-header .logo {
  display: inline-flex !important;
  align-items: center;
  padding: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
html body[data-page='games'][data-game] .site-header .brand-img {
  height: 46px !important;
  width: auto !important;
  filter: none !important;
  content: url('../img/brand/logo-figma-white.png') !important;
}
html body[data-page='games'][data-game] .site-header {
  backdrop-filter: none;
  box-shadow: none !important;
}
html body[data-game='power'] .site-header {
  background: #07172c !important;
  border-bottom: 1px solid rgba(120, 160, 255, 0.2) !important;
}
html body[data-game='mega'] .site-header {
  background: #0a1a42 !important;
  border-bottom: 1px solid rgba(120, 160, 255, 0.2) !important;
}
html body[data-game='lotto'] .site-header {
  background: #09163a !important;
  border-bottom: 1px solid rgba(120, 160, 255, 0.2) !important;
}
html body[data-game='max3d'] .site-header {
  background: #0a1a42 !important;
  border-bottom: 1px solid rgba(255, 120, 190, 0.22) !important;
}
html body[data-game='bingo'] .site-header {
  background: #052b20 !important;
  border-bottom: 1px solid rgba(108, 190, 146, 0.22) !important;
}
html body[data-page='games'][data-game] .site-header :is(.nsel.lang-sel, .lang-sel, .hicon, .wallet-chip, .burger) {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #eef3ff !important;
}
html body[data-page='games'][data-game] .site-header :is(.wallet-chip *, .nsel-btn, .nsel-v) {
  color: #eef3ff !important;
}
html body[data-page='games'][data-game] .site-header .nav-i:not(.active) > a,
html body[data-page='games'][data-game] .site-header .nav-i:not(.active) > button {
  color: #e6edfb;
}
html body[data-page='games'][data-game] .site-header .nav .caret {
  border-color: currentColor;
}
html body[data-game='power'] .site-header .nav-i.active > :is(a, button),
html body[data-game='mega'] .site-header .nav-i.active > :is(a, button),
html body[data-game='lotto'] .site-header .nav-i.active > :is(a, button) {
  color: #ff4d6d !important;
}
html body[data-game='max3d'] .site-header .nav-i.active > :is(a, button) {
  color: #ff5aa8 !important;
}
html body[data-game='bingo'] .site-header .nav-i.active > :is(a, button) {
  color: #ffd768 !important;
}
html body[data-page='games'][data-game] .site-header .auth-btns .btn-line {
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
  color: #fff !important;
}
/* chế độ Sáng: header trắng, logo màu, chữ tối */
html[data-product-theme='light'] body[data-page='games'][data-game] .site-header {
  background: #fff !important;
  border-bottom: 1px solid #e3e8ef !important;
}
html[data-product-theme='light'] body[data-page='games'][data-game] .site-header .brand-img {
  content: url('../img/brand/logo-figma.png') !important;
}
html[data-product-theme='light']
  body[data-page='games'][data-game]
  .site-header
  :is(.nsel.lang-sel, .lang-sel, .hicon, .wallet-chip, .burger) {
  background: #fff !important;
  border-color: #e3e8ef !important;
  color: #17283e !important;
}
html[data-product-theme='light']
  body[data-page='games'][data-game]
  .site-header
  :is(.wallet-chip *, .nsel-btn, .nsel-v) {
  color: #17283e !important;
}
html[data-product-theme='light'] body[data-page='games'][data-game] .site-header .nav-i:not(.active) > a,
html[data-product-theme='light'] body[data-page='games'][data-game] .site-header .nav-i:not(.active) > button {
  color: #17283e !important;
}
html[data-product-theme='light'] body[data-page='games'][data-game] .site-header .nav-i.active > :is(a, button) {
  color: #e50929 !important;
}
html[data-product-theme='light'] body[data-page='games'][data-game] .site-header .auth-btns .btn-line {
  border-color: #e3e8ef !important;
  color: #17283e !important;
}

/* ---- Max 3D: cụm 3 quả bóng hồng (bóng cầu rõ khối, có điểm sáng, không nhòe) ---- */
.m3-orbs {
  width: 96px;
  height: 84px;
  flex: none;
}
.m3-orbs i {
  background: radial-gradient(
    circle at 33% 27%,
    #fff 0,
    #ffd3ea 7%,
    #ff7cc0 26%,
    #f02a8f 55%,
    #c40d6c 80%,
    #8f0050 100%
  ) !important;
  box-shadow:
    inset -5px -7px 12px rgba(95, 0, 52, 0.5),
    inset 3px 3px 6px rgba(255, 255, 255, 0.35),
    0 4px 8px rgba(0, 0, 0, 0.35) !important;
}
.m3-orbs i::after {
  content: '';
  position: absolute;
  left: 19%;
  top: 13%;
  width: 30%;
  height: 20%;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0) 70%);
  transform: rotate(-28deg);
}
.m3-orbs i:nth-child(1) {
  left: 0 !important;
  top: 6px !important;
  width: 46px !important;
  height: 46px !important;
  z-index: 1;
}
.m3-orbs i:nth-child(2) {
  left: 42px !important;
  top: 0 !important;
  width: 50px !important;
  height: 50px !important;
  z-index: 2;
}
.m3-orbs i:nth-child(3) {
  left: 20px !important;
  top: 32px !important;
  width: 52px !important;
  height: 52px !important;
  z-index: 3;
}
html body[data-page='games'][data-game] .site-header :is(.logo, .logo .brand, .brand) {
  padding: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}

/* ---- Lotto 5/35 chế độ Sáng: nền sáng, chữ đồng hồ/tần suất màu tối ---- */
html[data-product-theme='light'] body.ld-on[data-game='lotto'] {
  background: #f5f6f8 !important;
}
html[data-product-theme='light']
  body.ld-on[data-game='lotto']
  :is(
    .lo-clock small,
    .lo-clock strong,
    .lo-clock em,
    .lo-clock > span,
    .lo-frequency,
    .lo-frequency b,
    .lo-jackpot small
  ) {
  color: #17283e !important;
}
html[data-product-theme='light'] body.ld-on[data-game='lotto'] .lo-frequency {
  border-right-color: #d3dcea !important;
}
html[data-product-theme='light'] body.ld-on[data-game='lotto'] :is(main, #game-root, .gp2, .lo-shell) {
  background: #f5f6f8 !important;
}
html[data-product-theme='light'] body.ld-on[data-game='lotto'] .lo-frequency * {
  color: #17283e !important;
}

/* ---- Kết quả: thẻ chọn sản phẩm — logo không đè lên tên, màu chữ như bản Demo 1.0 ---- */
html body[data-page='results'] #rtabs button {
  gap: 6px !important;
  min-height: 86px !important;
  padding: 10px 8px !important;
  justify-content: center;
  color: var(--ink-2) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2;
}
html body[data-page='results'] #rtabs button .plw {
  max-height: none !important;
  flex: none;
  display: grid;
  place-items: center;
  width: 76px !important;
  height: 44px !important;
  overflow: hidden;
}
html body[data-page='results'] #rtabs button .plw > img.plogo {
  max-height: 100%;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}
body[data-page='results'] #rtabs button > span:not(.plw) {
  position: static;
  white-space: nowrap;
}
body[data-page='results'] #rtabs button:is(.on, [aria-selected='true']) {
  color: var(--red) !important;
}
body[data-page='results'] #rtabs {
  height: auto !important;
  align-items: stretch;
}
html body[data-page='results'] #rtabs.ltabs button span.plw > img.plogo {
  width: 76px !important;
  height: 44px !important;
  max-width: none !important;
  object-fit: contain !important;
  aspect-ratio: auto !important;
}