/* GAMEIOS_WHITE_THEME_FULL_FIX_20260604 */

html[data-gameios-white="1"],
html[data-theme^="white-"]{
  color-scheme: light;
  --gw-bg: #fff7f3;
  --gw-bg-2: #fffaf7;
  --gw-page: linear-gradient(180deg,#fffaf7 0%,#fff7f3 34%,#fffefd 100%);
  --gw-card: rgba(255,255,255,.965);
  --gw-card-2: rgba(255,255,255,.93);
  --gw-soft: #f8fafc;
  --gw-soft-2: #f1f5f9;
  --gw-border: rgba(203,213,225,.96);
  --gw-border-2: rgba(226,232,240,.98);
  --gw-title: #0f172a;
  --gw-text: #334155;
  --gw-muted: #64748b;
  --gw-faint: #94a3b8;
  --gw-orange: #ea7a2f;
  --gw-purple: #a855f7;
  --gw-cyan: #22b8cf;
  --gw-pink: #ec4899;
  --gw-green: #22c55e;
  --gw-shadow: 0 18px 50px rgba(15,23,42,.08);
  --gw-shadow-soft: 0 10px 30px rgba(15,23,42,.055);
  --gw-radius: 24px;
}

html[data-gameios-white="1"] body,
html[data-theme^="white-"] body{
  background:
    radial-gradient(circle at 10% -8%, rgba(34,184,207,.11), transparent 28%),
    radial-gradient(circle at 90% 4%, rgba(236,72,153,.09), transparent 24%),
    radial-gradient(circle at 55% 48%, rgba(168,85,247,.06), transparent 36%),
    var(--gw-page) !important;
  color: var(--gw-text) !important;
}

/* reset dark app backgrounds */
html[data-gameios-white="1"] :is(body,main,.min-h-screen,.page-wrapper,.site-wrapper,.app-wrapper),
html[data-theme^="white-"] :is(body,main,.min-h-screen,.page-wrapper,.site-wrapper,.app-wrapper){
  background-color: transparent !important;
}

/* hard override dark tailwind/container backgrounds, skip absolute image badges */
html[data-gameios-white="1"] :is(section,article,main,aside,nav,header,footer,form,ul,li,div):not([class*="absolute"]):not([class*="fixed"]):is(
  .bg-dark-bg,
  .bg-dark-card,
  .bg-dark-surface,
  .bg-black,
  .bg-gray-900,
  .bg-slate-900,
  .bg-zinc-900,
  .bg-neutral-900,
  .bg-stone-900,
  .bg-purple-950,
  .bg-indigo-950,
  .bg-slate-950,
  .bg-gray-950,
  .bg-zinc-950
),
html[data-theme^="white-"] :is(section,article,main,aside,nav,header,footer,form,ul,li,div):not([class*="absolute"]):not([class*="fixed"]):is(
  .bg-dark-bg,
  .bg-dark-card,
  .bg-dark-surface,
  .bg-black,
  .bg-gray-900,
  .bg-slate-900,
  .bg-zinc-900,
  .bg-neutral-900,
  .bg-stone-900,
  .bg-purple-950,
  .bg-indigo-950,
  .bg-slate-950,
  .bg-gray-950,
  .bg-zinc-950
),
html[data-gameios-white="1"] :is(section,article,main,aside,nav,header,footer,form,ul,li,div):not([class*="absolute"]):not([class*="fixed"])[class*="bg-[#0"],
html[data-gameios-white="1"] :is(section,article,main,aside,nav,header,footer,form,ul,li,div):not([class*="absolute"]):not([class*="fixed"])[class*="bg-[#1"],
html[data-gameios-white="1"] :is(section,article,main,aside,nav,header,footer,form,ul,li,div):not([class*="absolute"]):not([class*="fixed"])[class*="bg-[#2"],
html[data-theme^="white-"] :is(section,article,main,aside,nav,header,footer,form,ul,li,div):not([class*="absolute"]):not([class*="fixed"])[class*="bg-[#0"],
html[data-theme^="white-"] :is(section,article,main,aside,nav,header,footer,form,ul,li,div):not([class*="absolute"]):not([class*="fixed"])[class*="bg-[#1"],
html[data-theme^="white-"] :is(section,article,main,aside,nav,header,footer,form,ul,li,div):not([class*="absolute"]):not([class*="fixed"])[class*="bg-[#2"]{
  background: linear-gradient(180deg,var(--gw-card),rgba(250,250,252,.96)) !important;
  color: var(--gw-text) !important;
  border-color: var(--gw-border) !important;
}

/* dark gradient containers */
html[data-gameios-white="1"] :is(section,article,main,aside,div):not(button):not(a):not([class*="absolute"])[class*="bg-gradient"],
html[data-theme^="white-"] :is(section,article,main,aside,div):not(button):not(a):not([class*="absolute"])[class*="bg-gradient"]{
  background:
    radial-gradient(circle at 12% 0%, rgba(34,184,207,.10), transparent 24%),
    radial-gradient(circle at 88% 10%, rgba(236,72,153,.08), transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,247,243,.94)) !important;
  color: var(--gw-text) !important;
  border-color: var(--gw-border) !important;
}

/* all normal cards */
html[data-gameios-white="1"] :is(
  .card,
  .ui-card,
  .glass-card,
  .admin-card,
  .dashboard-card,
  .stat-card,
  .profile-card,
  .account-card,
  .wallet-card,
  .summary-card,
  .quick-menu-card,
  .category-card,
  .game-card,
  .product-card,
  .package-card,
  .blog-card,
  .ticket-card,
  .order-card,
  .flash-card,
  .link-unlock-card,
  .recent-card,
  .transaction-card
),
html[data-theme^="white-"] :is(
  .card,
  .ui-card,
  .glass-card,
  .admin-card,
  .dashboard-card,
  .stat-card,
  .profile-card,
  .account-card,
  .wallet-card,
  .summary-card,
  .quick-menu-card,
  .category-card,
  .game-card,
  .product-card,
  .package-card,
  .blog-card,
  .ticket-card,
  .order-card,
  .flash-card,
  .link-unlock-card,
  .recent-card,
  .transaction-card
),
html[data-gameios-white="1"] [class*="glass-card"],
html[data-gameios-white="1"] [class*="stat-card"],
html[data-gameios-white="1"] [class*="profile-card"],
html[data-gameios-white="1"] [class*="account-card"],
html[data-gameios-white="1"] [class*="wallet-card"],
html[data-gameios-white="1"] [class*="quick-menu"],
html[data-gameios-white="1"] [class*="dashboard-card"],
html[data-theme^="white-"] [class*="glass-card"],
html[data-theme^="white-"] [class*="stat-card"],
html[data-theme^="white-"] [class*="profile-card"],
html[data-theme^="white-"] [class*="account-card"],
html[data-theme^="white-"] [class*="wallet-card"],
html[data-theme^="white-"] [class*="quick-menu"],
html[data-theme^="white-"] [class*="dashboard-card"]{
  background: linear-gradient(180deg,var(--gw-card),rgba(255,255,255,.93)) !important;
  color: var(--gw-text) !important;
  border-color: var(--gw-border) !important;
  box-shadow: var(--gw-shadow-soft) !important;
}

/* text contrast */
html[data-gameios-white="1"] :is(h1,h2,h3,h4,h5,h6,.title,.section-title,.card-title),
html[data-theme^="white-"] :is(h1,h2,h3,h4,h5,h6,.title,.section-title,.card-title){
  color: var(--gw-title) !important;
}

html[data-gameios-white="1"] :is(.text-white,.text-gray-50,.text-gray-100,.text-gray-200,.text-slate-50,.text-slate-100,.text-slate-200,.text-zinc-100,.text-zinc-200),
html[data-theme^="white-"] :is(.text-white,.text-gray-50,.text-gray-100,.text-gray-200,.text-slate-50,.text-slate-100,.text-slate-200,.text-zinc-100,.text-zinc-200){
  color: var(--gw-title) !important;
}

html[data-gameios-white="1"] :is(.text-gray-300,.text-slate-300,.text-zinc-300,.text-neutral-300),
html[data-theme^="white-"] :is(.text-gray-300,.text-slate-300,.text-zinc-300,.text-neutral-300){
  color: var(--gw-text) !important;
}

html[data-gameios-white="1"] :is(.text-gray-400,.text-gray-500,.text-gray-600,.text-slate-400,.text-slate-500,.text-slate-600,.text-zinc-400,.text-zinc-500,.text-zinc-600),
html[data-theme^="white-"] :is(.text-gray-400,.text-gray-500,.text-gray-600,.text-slate-400,.text-slate-500,.text-slate-600,.text-zinc-400,.text-zinc-500,.text-zinc-600){
  color: var(--gw-muted) !important;
}

/* keep image badges readable */
html[data-gameios-white="1"] :is(.badge,.status-badge,.game-badge,.tag-badge,[class*="badge"],[class*="status"]):is(.text-white,[class*="text-white"]),
html[data-gameios-white="1"] :is(.badge,.status-badge,.game-badge,.tag-badge,[class*="badge"],[class*="status"]) .text-white,
html[data-theme^="white-"] :is(.badge,.status-badge,.game-badge,.tag-badge,[class*="badge"],[class*="status"]):is(.text-white,[class*="text-white"]),
html[data-theme^="white-"] :is(.badge,.status-badge,.game-badge,.tag-badge,[class*="badge"],[class*="status"]) .text-white{
  color: #fff !important;
}

/* forms */
html[data-gameios-white="1"] :is(input,select,textarea),
html[data-theme^="white-"] :is(input,select,textarea){
  background: #fff !important;
  color: var(--gw-title) !important;
  border-color: var(--gw-border) !important;
  box-shadow: inset 0 1px 0 rgba(15,23,42,.02), 0 1px 2px rgba(15,23,42,.03) !important;
}

html[data-gameios-white="1"] :is(input,textarea)::placeholder,
html[data-theme^="white-"] :is(input,textarea)::placeholder{
  color: #94a3b8 !important;
}

/* header/bottom nav */
html[data-gameios-white="1"] :is(.navbar,.site-header,.admin-topbar,.admin-sidebar,.mobile-menu,.mobile-bottom-nav,.bottom-nav,.footer,.sidebar-logo),
html[data-theme^="white-"] :is(.navbar,.site-header,.admin-topbar,.admin-sidebar,.mobile-menu,.mobile-bottom-nav,.bottom-nav,.footer,.sidebar-logo){
  background: rgba(255,255,255,.96) !important;
  color: var(--gw-text) !important;
  border-color: var(--gw-border) !important;
  box-shadow: var(--gw-shadow-soft) !important;
  backdrop-filter: blur(18px) !important;
}

html[data-gameios-white="1"] :is(.nav-link,.menu-link,.sidebar-link,.bottom-nav a,.mobile-bottom-nav a),
html[data-theme^="white-"] :is(.nav-link,.menu-link,.sidebar-link,.bottom-nav a,.mobile-bottom-nav a){
  color: var(--gw-muted) !important;
}

html[data-gameios-white="1"] :is(.nav-link.active,.menu-link.active,.sidebar-link.active,.bottom-nav a.active,.mobile-bottom-nav a.active),
html[data-theme^="white-"] :is(.nav-link.active,.menu-link.active,.sidebar-link.active,.bottom-nav a.active,.mobile-bottom-nav a.active){
  color: var(--gw-purple) !important;
}

/* user dropdown / popup */
html[data-gameios-white="1"] :is(
  .dropdown-menu,
  .dropdown-content,
  .account-dropdown,
  .profile-dropdown,
  .user-dropdown,
  .admin-dropdown,
  [class*="dropdown-menu"],
  [class*="profile-menu"],
  [class*="user-menu"]
),
html[data-theme^="white-"] :is(
  .dropdown-menu,
  .dropdown-content,
  .account-dropdown,
  .profile-dropdown,
  .user-dropdown,
  .admin-dropdown,
  [class*="dropdown-menu"],
  [class*="profile-menu"],
  [class*="user-menu"]
){
  background: linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,250,252,.985)) !important;
  color: var(--gw-title) !important;
  border: 1px solid var(--gw-border) !important;
  box-shadow: 0 22px 58px rgba(15,23,42,.14) !important;
}

html[data-gameios-white="1"] :is(.dropdown-menu,.dropdown-content,.account-dropdown,.profile-dropdown,.user-dropdown,[class*="dropdown-menu"],[class*="profile-menu"]) :is(a,button,span,div,p),
html[data-theme^="white-"] :is(.dropdown-menu,.dropdown-content,.account-dropdown,.profile-dropdown,.user-dropdown,[class*="dropdown-menu"],[class*="profile-menu"]) :is(a,button,span,div,p){
  color: var(--gw-title) !important;
}

/* modal / quick menu */
html[data-gameios-white="1"] :is(
  .modal-content,
  .fui-modal,
  .drawer,
  .quick-menu-modal,
  .user-quick-menu,
  .support-panel,
  .admin-chat-panel,
  [class*="modal-panel"],
  [class*="quick-panel"],
  [class*="quick-modal"]
),
html[data-theme^="white-"] :is(
  .modal-content,
  .fui-modal,
  .drawer,
  .quick-menu-modal,
  .user-quick-menu,
  .support-panel,
  .admin-chat-panel,
  [class*="modal-panel"],
  [class*="quick-panel"],
  [class*="quick-modal"]
){
  background: linear-gradient(180deg,rgba(255,255,255,.985),rgba(250,250,252,.965)) !important;
  color: var(--gw-title) !important;
  border-color: var(--gw-border) !important;
  box-shadow: 0 28px 80px rgba(15,23,42,.16) !important;
}

html[data-gameios-white="1"] :is(.modal-content,.fui-modal,.drawer,.quick-menu-modal,.user-quick-menu,[class*="quick-panel"],[class*="modal-panel"]) :is(h1,h2,h3,h4,p,span,div,a,button),
html[data-theme^="white-"] :is(.modal-content,.fui-modal,.drawer,.quick-menu-modal,.user-quick-menu,[class*="quick-panel"],[class*="modal-panel"]) :is(h1,h2,h3,h4,p,span,div,a,button){
  color: inherit;
}

html[data-gameios-white="1"] :is(.modal-backdrop,.overlay,.drawer-backdrop,[class*="backdrop"]),
html[data-theme^="white-"] :is(.modal-backdrop,.overlay,.drawer-backdrop,[class*="backdrop"]){
  background: rgba(15,23,42,.26) !important;
}

/* buttons/chips/sort/filter */
html[data-gameios-white="1"] :is(.btn-secondary,.btn-outline,.chip,.badge-soft,.sort-btn,.filter-btn,.tab-btn),
html[data-theme^="white-"] :is(.btn-secondary,.btn-outline,.chip,.badge-soft,.sort-btn,.filter-btn,.tab-btn){
  background: #f8fafc !important;
  color: var(--gw-text) !important;
  border-color: var(--gw-border) !important;
}

html[data-gameios-white="1"] :is(.btn-primary,.ui-btn-primary,button[class*="bg-gradient"],a[class*="bg-gradient"]),
html[data-theme^="white-"] :is(.btn-primary,.ui-btn-primary,button[class*="bg-gradient"],a[class*="bg-gradient"]){
  color: #111827 !important;
  box-shadow: 0 12px 32px rgba(168,85,247,.16) !important;
}

/* prices/accent */
html[data-gameios-white="1"] :is(.price,.price-text,.text-price,.text-orange-400,.text-orange-500,.text-neon-orange),
html[data-theme^="white-"] :is(.price,.price-text,.text-price,.text-orange-400,.text-orange-500,.text-neon-orange){
  color: var(--gw-orange) !important;
  font-weight: 800 !important;
}

/* tables */
html[data-gameios-white="1"] :is(table,.admin-table),
html[data-theme^="white-"] :is(table,.admin-table){
  color: var(--gw-text) !important;
}

html[data-gameios-white="1"] :is(th,.admin-table th),
html[data-theme^="white-"] :is(th,.admin-table th){
  background: #f8fafc !important;
  color: var(--gw-text) !important;
  border-color: var(--gw-border-2) !important;
}

html[data-gameios-white="1"] :is(td,.admin-table td),
html[data-theme^="white-"] :is(td,.admin-table td){
  color: var(--gw-text) !important;
  border-color: var(--gw-border-2) !important;
}

/* BLOG/VLOG: make hero/filter follow white system */
html[data-gameios-white="1"][data-gameios-route="blog"] body,
html[data-theme^="white-"][data-gameios-route="blog"] body{
  background:
    radial-gradient(circle at 10% -8%, rgba(34,184,207,.11), transparent 28%),
    radial-gradient(circle at 90% 4%, rgba(236,72,153,.09), transparent 24%),
    linear-gradient(180deg,#fffaf7 0%,#fff7f3 40%,#fffefd 100%) !important;
}

html[data-gameios-white="1"][data-gameios-route="blog"] :is(main > section:first-of-type,.blog-hero,.blog-header,.hero-blog,[class*="blog-hero"],[class*="blog-header"],[class*="hero-blog"]),
html[data-theme^="white-"][data-gameios-route="blog"] :is(main > section:first-of-type,.blog-hero,.blog-header,.hero-blog,[class*="blog-hero"],[class*="blog-header"],[class*="hero-blog"]){
  background:
    radial-gradient(circle at 14% 0%, rgba(34,184,207,.13), transparent 28%),
    radial-gradient(circle at 86% 8%, rgba(236,72,153,.10), transparent 24%),
    linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,247,243,.96)) !important;
  color: var(--gw-text) !important;
  border-color: rgba(226,232,240,.95) !important;
  box-shadow: none !important;
}

html[data-gameios-white="1"][data-gameios-route="blog"] :is(main > section:first-of-type,.blog-hero,.blog-header,.hero-blog,[class*="blog-hero"],[class*="blog-header"],[class*="hero-blog"]) h1,
html[data-theme^="white-"][data-gameios-route="blog"] :is(main > section:first-of-type,.blog-hero,.blog-header,.hero-blog,[class*="blog-hero"],[class*="blog-header"],[class*="hero-blog"]) h1{
  color: var(--gw-title) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: initial !important;
  background: none !important;
}

html[data-gameios-white="1"][data-gameios-route="blog"] :is(main > section:first-of-type,.blog-hero,.blog-header,.hero-blog,[class*="blog-hero"],[class*="blog-header"],[class*="hero-blog"]) p,
html[data-theme^="white-"][data-gameios-route="blog"] :is(main > section:first-of-type,.blog-hero,.blog-header,.hero-blog,[class*="blog-hero"],[class*="blog-header"],[class*="hero-blog"]) p{
  color: var(--gw-muted) !important;
}

html[data-gameios-white="1"][data-gameios-route="blog"] :is(.blog-filter,.blog-search-panel,[class*="blog-filter"],[class*="search-panel"],main > section:first-of-type form,main > section:first-of-type .container > div),
html[data-theme^="white-"][data-gameios-route="blog"] :is(.blog-filter,.blog-search-panel,[class*="blog-filter"],[class*="search-panel"],main > section:first-of-type form,main > section:first-of-type .container > div){
  background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,250,252,.96)) !important;
  color: var(--gw-text) !important;
  border-color: var(--gw-border) !important;
  box-shadow: var(--gw-shadow-soft) !important;
}

/* HOME: realtime/recent cards */
html[data-gameios-white="1"][data-gameios-route="home"] :is(.recent-orders,.recent-transactions,[class*="recent"],[class*="realtime"],[class*="transaction"]),
html[data-theme^="white-"][data-gameios-route="home"] :is(.recent-orders,.recent-transactions,[class*="recent"],[class*="realtime"],[class*="transaction"]){
  background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,250,252,.94)) !important;
  color: var(--gw-text) !important;
  border-color: var(--gw-border) !important;
  box-shadow: var(--gw-shadow-soft) !important;
}

html[data-gameios-white="1"][data-gameios-route="home"] :is(.recent-orders,.recent-transactions,[class*="recent"],[class*="realtime"],[class*="transaction"]) :is(h1,h2,h3,h4,p,span,div),
html[data-theme^="white-"][data-gameios-route="home"] :is(.recent-orders,.recent-transactions,[class*="recent"],[class*="realtime"],[class*="transaction"]) :is(h1,h2,h3,h4,p,span,div){
  color: var(--gw-text) !important;
}

/* GAME/CATEGORY: sort/filter/cards */
html[data-gameios-white="1"][data-gameios-route="game"] :is(.sort-box,.filter-box,.category-filter,[class*="sort"],[class*="filter"]),
html[data-theme^="white-"][data-gameios-route="game"] :is(.sort-box,.filter-box,.category-filter,[class*="sort"],[class*="filter"]){
  background: rgba(255,255,255,.95) !important;
  color: var(--gw-text) !important;
  border-color: var(--gw-border) !important;
  box-shadow: var(--gw-shadow-soft) !important;
}

html[data-gameios-white="1"][data-gameios-route="game"] :is(.game-card,.product-card,.package-card,[class*="game-card"],[class*="product-card"],[class*="package-card"]) :is(.title,.game-title,.product-title,.package-title,h3,h4),
html[data-theme^="white-"][data-gameios-route="game"] :is(.game-card,.product-card,.package-card,[class*="game-card"],[class*="product-card"],[class*="package-card"]) :is(.title,.game-title,.product-title,.package-title,h3,h4){
  color: var(--gw-title) !important;
}

/* ACCOUNT */
html[data-gameios-white="1"][data-gameios-route="account"] :is(.profile-card,.account-card,.wallet-card,.stat-card,[class*="profile"],[class*="account"],[class*="wallet"]),
html[data-theme^="white-"][data-gameios-route="account"] :is(.profile-card,.account-card,.wallet-card,.stat-card,[class*="profile"],[class*="account"],[class*="wallet"]){
  background: linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,248,250,.94)) !important;
  color: var(--gw-text) !important;
  border-color: var(--gw-border) !important;
}

/* floating buttons: keep accent but not dark */
html[data-gameios-white="1"] :is(.floating-chat,.floating-support,.support-fab,.chat-fab),
html[data-theme^="white-"] :is(.floating-chat,.floating-support,.support-fab,.chat-fab){
  box-shadow: 0 18px 34px rgba(168,85,247,.20) !important;
}

/* stronger mobile readability */
@media (max-width: 768px){
  html[data-gameios-white="1"] :is(h1,h2,h3),
  html[data-theme^="white-"] :is(h1,h2,h3){
    letter-spacing: -.02em;
  }

  html[data-gameios-white="1"] :is(.card,.glass-card,.game-card,.product-card,.blog-card,.profile-card,.account-card,.wallet-card),
  html[data-theme^="white-"] :is(.card,.glass-card,.game-card,.product-card,.blog-card,.profile-card,.account-card,.wallet-card){
    border-color: rgba(203,213,225,.92) !important;
  }
}