/* KnownBoost Marketplace Header V8 */
.kb-market-topbar{position:sticky;top:0;z-index:900;background:rgba(5,9,16,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.kb-market-topbar-inner{max-width:1440px;margin:0 auto;height:74px;padding:0 26px;display:grid;grid-template-columns:auto minmax(320px,720px) auto;gap:28px;align-items:center}
.kb-market-brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}
.kb-market-brand img{height:38px;width:auto;object-fit:contain}.kb-market-brand svg{width:34px;height:34px}
.kb-market-wordmark{font-size:25px;font-weight:900;letter-spacing:-.04em}.kb-market-known{color:#fff}.kb-market-boost{color:var(--gold)}
.kb-market-search{height:46px;border:1px solid rgba(255,255,255,.11);background:#171c27;border-radius:16px;display:flex;align-items:center;gap:12px;padding:0 16px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.kb-market-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.kb-market-search input::placeholder{color:#9299a8}
.kb-market-search-wrap{position:relative}
.kb-search-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;background:#12161f;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);padding:14px;z-index:950}
.kb-search-dropdown.open{display:block}
.kb-search-dropdown-label{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#7d8299;margin-bottom:10px;padding:0 2px}
.kb-search-game-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;gap:6px;max-height:calc(4 * 46px + 3 * 6px);overflow-y:auto}
.kb-search-game-item{display:flex;align-items:center;padding:9px 10px;border-radius:10px;text-decoration:none;color:#e8eaf6;font-size:12.5px;font-weight:600;transition:background .12s;min-height:30px}
.kb-search-game-item:hover{background:rgba(244,180,0,.1)}
.kb-search-game-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-search-game-item.kb-search-hidden{display:none}
.kb-search-no-results{padding:16px 4px;text-align:center;font-size:12px;color:#7d8299}
@media(max-width:820px){.kb-search-game-grid{grid-template-columns:repeat(2,1fr)}}
.kb-market-utilities{display:flex;align-items:center;gap:12px;justify-content:flex-end;white-space:nowrap}.kb-market-utility{border:0;background:transparent;color:#d8dce6;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.kb-market-live i{width:6px;height:6px;background:#2ecc71;border-radius:50%;box-shadow:0 0 10px rgba(46,204,113,.8)}
.kb-market-divider{width:1px;height:28px;background:rgba(255,255,255,.1)}.kb-market-icon-button{width:38px;height:38px;border-radius:10px;border:0;background:transparent;color:#d8dce6;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}.kb-market-icon-button:hover{background:rgba(255,255,255,.06)}
.kb-market-notification b{position:absolute;right:1px;top:1px;background:#e74c3c;color:#fff;border-radius:999px;font-size:9px;min-width:16px;height:16px;padding:0 4px;display:flex;align-items:center;justify-content:center}
.kb-market-login,.kb-market-signup{height:42px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px;font-weight:800}.kb-market-login{color:#fff;border:1px solid rgba(244,180,0,.55);background:transparent}.kb-market-signup{gap:7px;background:linear-gradient(135deg,#ffd76c,#f4b400);color:#191101;box-shadow:0 8px 20px rgba(244,180,0,.18)}
.kb-market-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;text-decoration:none}.kb-market-mobile-menu{display:none;background:transparent;border:0;color:#fff;cursor:pointer}
/* Existing shared navbar becomes the second category row. */
.kb-market-topbar ~ .navbar{position:sticky;top:74px;z-index:880;background:rgba(8,13,23,.97);border-bottom:1px solid rgba(255,255,255,.1)}
.kb-market-topbar ~ .navbar .navbar-inner{max-width:1440px;height:58px;padding:0 26px;justify-content:center}
.kb-market-topbar ~ .navbar .navbar-logo,.kb-market-topbar ~ .navbar .navbar-actions{display:none!important}
.kb-market-topbar ~ .navbar .navbar-nav{flex:0 1 auto;width:100%;justify-content:center;gap:34px}
.kb-market-topbar ~ .navbar .navbar-nav a{font-size:14px;font-weight:700;padding:19px 3px 17px;border-radius:0;background:transparent;position:relative}
.kb-market-topbar ~ .navbar .navbar-nav a:hover,.kb-market-topbar ~ .navbar .navbar-nav a.active{color:var(--gold);background:transparent}
.kb-market-topbar ~ .navbar .navbar-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold);box-shadow:0 0 12px rgba(244,180,0,.7)}
@media(max-width:1120px){.kb-market-topbar-inner{grid-template-columns:auto 1fr auto;gap:16px}.kb-market-utility span,.kb-market-divider{display:none}.kb-market-wordmark{font-size:21px}.kb-market-topbar ~ .navbar .navbar-nav{gap:18px}}
@media(max-width:820px){.kb-market-topbar-inner{height:64px;padding:0 14px;grid-template-columns:auto 1fr auto}.kb-market-wordmark{font-size:18px}.kb-market-brand svg{width:28px;height:28px}.kb-market-search{height:40px;border-radius:12px}.kb-market-utilities>.kb-market-utility,.kb-market-utilities>.kb-market-icon-button,.kb-market-login,.kb-market-signup{display:none}.kb-market-mobile-menu{display:flex}.kb-market-topbar ~ .navbar{top:64px}.kb-market-topbar ~ .navbar .navbar-inner{height:auto;padding:0}.kb-market-topbar ~ .navbar .navbar-nav{display:none;position:fixed;top:64px;left:0;right:0;background:#0a101b;border-bottom:1px solid rgba(255,255,255,.1);padding:10px 14px 16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kb-market-topbar ~ .navbar .navbar-nav.open{display:grid}.kb-market-topbar ~ .navbar .navbar-nav a{padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111826}.kb-market-topbar ~ .navbar .navbar-nav a.active:after{display:none}}
@media(max-width:560px){.kb-market-topbar-inner{grid-template-columns:auto 1fr auto;gap:10px}.kb-market-wordmark{font-size:16px}.kb-market-search{padding:0 11px}.kb-market-search input{font-size:13px}.kb-market-brand img{height:30px}}
.kb-market-topbar ~ .navbar .navbar-nav a{display:inline-flex;align-items:center;gap:8px}.kb-market-topbar ~ .navbar .navbar-nav a>.kb-category-icon{display:flex;color:#c8cfdb}.kb-market-topbar ~ .navbar .navbar-nav a>svg:last-child{opacity:.55}.kb-market-topbar ~ .navbar .navbar-nav a:hover>.kb-category-icon,.kb-market-topbar ~ .navbar .navbar-nav a.active>.kb-category-icon{color:var(--gold)}

/* ============================================================
   V8.4 — optimized floating gaming icons for the category bar
   Transform-only animation keeps the effect smooth and lightweight.
   ============================================================ */
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item {
  isolation: isolate;
  overflow: visible;
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon {
  --kb-float-delay: 0s;
  position: relative;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #cbd3df;
  background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  border: 1px solid rgba(255,255,255,.075);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 5px 13px rgba(0,0,0,.16);
  transform: translate3d(0,0,0);
  animation: kbGamingIconFloat 3.6s ease-in-out var(--kb-float-delay) infinite;
  transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
  will-change: transform;
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon::after {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: -1;
  border-radius: 7px;
  background: radial-gradient(circle, rgba(244,180,0,.15), transparent 70%);
  opacity: 0;
  transform: scale(.72);
  transition: opacity .2s ease, transform .2s ease;
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon svg {
  width: 18px;
  height: 18px;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.28));
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-label {
  line-height: 1;
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:hover .kb-category-icon,
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item.active .kb-category-icon {
  color: var(--gold);
  border-color: rgba(244,180,0,.42);
  background: linear-gradient(145deg, rgba(244,180,0,.16), rgba(244,180,0,.045));
  box-shadow: inset 0 1px 0 rgba(255,230,150,.14), 0 7px 18px rgba(244,180,0,.14);
  animation-play-state: paused;
  transform: translate3d(0,-2px,0) scale(1.06);
}
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:hover .kb-category-icon::after,
.kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item.active .kb-category-icon::after {
  opacity: 1;
  transform: scale(1);
}
@keyframes kbGamingIconFloat {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(0,-3px,0); }
}

/* Mobile cards already provide enough movement; keep icons still and clear. */
@media (max-width:820px) {
  .kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon {
    width: 28px;
    height: 28px;
    flex-basis: 28px;
    animation: none;
    will-change: auto;
    box-shadow: none;
  }
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item:hover .kb-category-icon,
  .kb-market-topbar ~ .navbar .navbar-nav .kb-game-nav-item.active .kb-category-icon {
    transform: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .kb-market-topbar ~ .navbar .navbar-nav .kb-category-icon {
    animation: none !important;
    transition: none;
    will-change: auto;
  }
}

/* ============================================================
   V8.5 — working language and display-currency preferences
   ============================================================ */
.kb-market-preferences{position:relative}
.kb-market-pref-trigger{padding:8px 4px;border-radius:9px!important}
.kb-market-pref-trigger:hover,.kb-market-preferences.open .kb-market-pref-trigger{color:#fff;background:rgba(255,255,255,.055)}
.kb-market-pref-menu{
  position:absolute;top:calc(100% + 14px);right:0;width:min(440px,calc(100vw - 28px));max-height:min(650px,calc(100vh - 100px));overflow:auto;
  padding:16px;background:#0c1320;border:1px solid rgba(255,255,255,.11);border-radius:16px;
  box-shadow:0 22px 60px rgba(0,0,0,.52);z-index:1200;color:#fff
}
.kb-market-pref-menu[hidden]{display:none!important}
.kb-market-pref-menu:before{content:"";position:absolute;right:28px;top:-7px;width:12px;height:12px;background:#0c1320;border-left:1px solid rgba(255,255,255,.11);border-top:1px solid rgba(255,255,255,.11);transform:rotate(45deg)}
.kb-market-pref-section+.kb-market-pref-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}
.kb-market-pref-title{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#aeb7c8;margin-bottom:10px}
.kb-market-pref-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kb-market-pref-option{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.075);background:#111a29;color:#eef2f8;cursor:pointer;text-align:left;transition:.16s ease}
.kb-market-pref-option:hover{border-color:rgba(244,180,0,.45);background:#151f30;transform:translateY(-1px)}
.kb-market-pref-option.active{border-color:var(--gold);background:rgba(244,180,0,.11);box-shadow:inset 0 0 0 1px rgba(244,180,0,.08)}
.kb-market-pref-option:disabled{opacity:.55;cursor:wait;transform:none}
.kb-market-pref-option span{font-size:13px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-market-pref-option small{font-size:10px;color:#8994a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kb-market-currency-options{grid-template-columns:repeat(2,minmax(0,1fr))}
.kb-market-pref-note{font-size:10.5px;line-height:1.5;color:#7f8a9e;margin:10px 2px 0}
.kb-market-pref-status{min-height:16px;font-size:11px;color:var(--gold);margin-top:10px}
html[dir="rtl"] .kb-market-pref-menu{right:auto;left:0}
html[dir="rtl"] .kb-market-pref-menu:before{right:auto;left:28px}
html[dir="rtl"] .kb-market-pref-option{text-align:right}
@media(max-width:1120px){.kb-market-preferences .kb-market-pref-trigger>span{display:none}.kb-market-pref-trigger{width:38px;height:38px;justify-content:center}.kb-market-pref-trigger>svg:last-child{display:none}}
@media(max-width:820px){
  .kb-market-utilities>.kb-market-preferences{display:block}
  .kb-market-preferences .kb-market-pref-trigger{display:flex}
  .kb-market-pref-menu{position:fixed;top:68px;right:10px;left:10px;width:auto;max-height:calc(100vh - 78px)}
  .kb-market-pref-menu:before{display:none}
}
@media(max-width:460px){.kb-market-pref-options,.kb-market-currency-options{grid-template-columns:1fr}.kb-market-pref-option{padding:11px 12px}}

/* ==========================================================
   LIGHT THEME — this whole header was built with hardcoded dark
   hex colors throughout, so it never responded to the theme
   toggle at all before this. Added as targeted overrides, same
   pattern the existing light-theme system in includes/header.php
   already uses for the older components — not a rewrite to
   variables, since that's a much larger, riskier change to make
   without live visual testing.
   ========================================================== */
[data-theme="light"] .kb-market-topbar{background:rgba(255,255,255,.97);border-bottom:1px solid rgba(0,0,0,.08)}
[data-theme="light"] .kb-market-known{color:#1a1d2e}
[data-theme="light"] .kb-market-search{background:#f4f5fb;border-color:rgba(0,0,0,.1);color:#1a1d2e;box-shadow:none}
[data-theme="light"] .kb-market-search input{color:#1a1d2e}
[data-theme="light"] .kb-market-search input::placeholder{color:#6b7290}
[data-theme="light"] .kb-search-dropdown{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 20px 50px rgba(0,0,0,.15)}
[data-theme="light"] .kb-search-dropdown-label{color:#6b7290}
[data-theme="light"] .kb-search-game-item{color:#1a1d2e}
[data-theme="light"] .kb-search-game-item:hover{background:rgba(244,180,0,.14)}
[data-theme="light"] .kb-search-no-results{color:#6b7290}
[data-theme="light"] .kb-market-utility{color:#3c4260}
[data-theme="light"] .kb-market-divider{background:rgba(0,0,0,.1)}
[data-theme="light"] .kb-market-icon-button{color:#3c4260}
[data-theme="light"] .kb-market-icon-button:hover{background:rgba(0,0,0,.05)}
[data-theme="light"] .kb-market-login{color:#1a1d2e;border-color:rgba(244,180,0,.7)}
[data-theme="light"] .kb-market-mobile-menu{color:#1a1d2e}
[data-theme="light"] .kb-market-topbar ~ .navbar .navbar-nav a{background:#fff;border-color:rgba(0,0,0,.08);color:#1a1d2e}