/* Header + thanh day kieu kgame.info cho trang con 14 site (zz-kgx-app-chrome).
   Mau giong trang chu: nen #222b2e, nut #4b96eb, thanh day #323738. */

/* an header theme + lop phu cu (thay bang header/thanh day moi) */
body.kgx-chrome #header.header,body.kgx-chrome #header.ct-header,
body.kgx-chrome .wp-site-blocks>header.wp-block-template-part,
body.kgx-chrome #zz-mnav,body.kgx-chrome #zz-cta-topbar,body.kgx-chrome #zz-haudai-btn,body.kgx-chrome #casfit-banner-wrapper{display:none!important}
body.kgx-chrome{padding-bottom:72px!important}

.kc-top,.kc-top *,.kc-drawer,.ka-bnav,.ka-bnav *{box-sizing:border-box}
.kc-top{position:sticky;top:0;z-index:99990;display:flex;align-items:center;gap:10px;padding:10px 12px;
  background:#222b2e;border-bottom:1px solid #34444b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.kc-burger{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  margin:0;padding:0;border:0;border-radius:10px;background:#2f3a3f;color:#dcdddd;cursor:pointer}
.kc-burger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.kc-logo{flex:0 0 auto;display:block;line-height:0}
.kc-logo img{width:104px!important;height:auto!important;max-width:none;margin:0!important;border:0!important}
.kc-menu{display:none}
.kc-auth{margin-left:auto;display:flex;gap:6px}
.kc-top .ka-btn,.kc-top .ka-btn:visited{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;
  border-radius:10px;font:700 14.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#fff!important;
  text-decoration:none!important;white-space:nowrap;text-transform:none;letter-spacing:0;
  background:linear-gradient(180deg,#7db8ff 0%,#4b96eb 55%,#3d84d6 100%)!important;border:1px solid rgba(255,255,255,.35)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 8px rgba(0,0,0,.25)!important;animation:none!important}
/* snippet "Tech Hover Buttons" gan lua chay cho moi nut dang nhap/dang ky -> tat */
.kc-top .ka-btn::before,.kc-top .ka-btn::after{display:none!important;content:none!important}

/* ngan keo menu (mobile) */
.kc-drawer{display:none;position:fixed;top:61px;left:0;right:0;bottom:64px;z-index:99989;overflow-y:auto;
  padding:8px 12px 16px;background:#222b2e;border-top:1px solid #34444b}
.kc-drawer.is-open{display:block}
.kc-drawer a{display:block;padding:13px 12px;margin-bottom:4px;border-radius:10px;background:#2a3438;
  color:#dcdddd!important;text-decoration:none!important;font:600 15px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.kc-drawer a:hover{background:#334047}

/* thanh day (giong trang chu) */
.ka-bnav{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  background:#323738;border-top:1px solid #41484a;padding:6px 0 calc(6px + env(safe-area-inset-bottom));
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.ka-bnav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;
  font-size:12px;font-weight:600;line-height:1.2;color:#a7b0b3!important;text-decoration:none!important;white-space:nowrap}
.ka-bnav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ka-bnav-mid em{position:absolute;top:-16px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;
  font-size:11.5px;font-weight:800;color:#fff;padding:2px 9px;border-radius:8px;
  background:linear-gradient(180deg,#ff8a4c,#e8452c);box-shadow:0 2px 6px rgba(0,0,0,.3)}
@media (max-width:360px){.kc-logo img{width:86px!important}.kc-top .ka-btn{padding:0 9px;font-size:13px}.ka-bnav a{font-size:10.5px}}

/* desktop: menu ngang trong header, khong co thanh day / ngan keo */
@media (min-width:1024px){
  body.kgx-chrome{padding-bottom:0!important}
  .ka-bnav,.kc-burger,.kc-drawer,.kc-drawer.is-open{display:none!important}
  .kc-top{height:64px;padding:0 24px;background:#1c2427}
  .kc-logo img{width:126px!important}
  .kc-menu{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;margin-left:12px;min-width:0}
  .kc-menu::-webkit-scrollbar{display:none}
  .kc-menu a{flex:0 0 auto;padding:8px 11px;border-radius:8px;color:#dcdddd!important;text-decoration:none!important;
    font:600 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;white-space:nowrap}
  .kc-menu a:hover{background:#2f3a3f;color:#fff!important}
}