/* GAMEIOS_WHITE_THEME_UNIFY_20260604 */

html[data-theme^="white-"]{
  color-scheme: light;
  --gws-bg: #fff7f3;
  --gws-bg-2: #fffaf7;
  --gws-surface: rgba(255,255,255,.96);
  --gws-surface-2: rgba(255,255,255,.92);
  --gws-surface-soft: #f8fafc;
  --gws-border: rgba(203,213,225,.96);
  --gws-border-2: rgba(226,232,240,.96);
  --gws-text: #0f172a;
  --gws-text-2: #334155;
  --gws-text-3: #64748b;
  --gws-title: #0b132b;
  --gws-orange: #ea7a2f;
  --gws-orange-2: #f59e0b;
  --gws-cyan: #22b8cf;
  --gws-purple: #8b5cf6;
  --gws-pink: #ec4899;
  --gws-shadow: 0 18px 48px rgba(15,23,42,.08);
  --gws-shadow-soft: 0 10px 28px rgba(15,23,42,.05);
}

html[data-theme^="white-"] body{
  color: var(--gws-text-2) !important;
  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, #fff8f4 0%, #fff7f3 30%, #fefcfb 100%) !important;
}

html[data-theme^="white-"] body,
html[data-theme^="white-"] .bg-dark-bg,
html[data-theme^="white-"] .min-h-screen,
html[data-theme^="white-"] main,
html[data-theme^="white-"] .page-wrapper,
html[data-theme^="white-"] .site-wrapper{
  background-color: transparent !important;
}

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

html[data-theme^="white-"] .text-gray-100,
html[data-theme^="white-"] .text-gray-200{
  color: var(--gws-text) !important;
}

html[data-theme^="white-"] .text-gray-300,
html[data-theme^="white-"] .text-slate-300,
html[data-theme^="white-"] .text-zinc-300{
  color: var(--gws-text-2) !important;
}

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

/* generic cards / containers */
html[data-theme^="white-"] .bg-dark-card,
html[data-theme^="white-"] .bg-dark-surface,
html[data-theme^="white-"] .admin-card,
html[data-theme^="white-"] .dashboard-card,
html[data-theme^="white-"] .stat-card,
html[data-theme^="white-"] .profile-card,
html[data-theme^="white-"] .wallet-card,
html[data-theme^="white-"] .summary-card,
html[data-theme^="white-"] .quick-menu-card,
html[data-theme^="white-"] .category-card,
html[data-theme^="white-"] .game-card,
html[data-theme^="white-"] .package-card,
html[data-theme^="white-"] .product-card,
html[data-theme^="white-"] .blog-card,
html[data-theme^="white-"] .ticket-card,
html[data-theme^="white-"] .link-card,
html[data-theme^="white-"] .flash-card,
html[data-theme^="white-"] .order-card,
html[data-theme^="white-"] .card,
html[data-theme^="white-"] [class*="glass-card"],
html[data-theme^="white-"] [class*="dashboard-card"],
html[data-theme^="white-"] [class*="profile-card"],
html[data-theme^="white-"] [class*="quick-menu"],
html[data-theme^="white-"] [class*="account-card"]{
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(252,252,253,.96)) !important;
  border-color: var(--gws-border) !important;
  color: var(--gws-text-2) !important;
  box-shadow: var(--gws-shadow-soft) !important;
}

/* forms */
html[data-theme^="white-"] input,
html[data-theme^="white-"] select,
html[data-theme^="white-"] textarea{
  background: #fff !important;
  color: var(--gws-text) !important;
  border-color: var(--gws-border) !important;
  box-shadow: none !important;
}

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

/* top nav / bottom nav / sidebar */
html[data-theme^="white-"] .navbar,
html[data-theme^="white-"] .admin-topbar,
html[data-theme^="white-"] .admin-sidebar,
html[data-theme^="white-"] .mobile-bottom-nav,
html[data-theme^="white-"] .mobile-menu,
html[data-theme^="white-"] .footer,
html[data-theme^="white-"] .sidebar-logo{
  background: rgba(255,255,255,.94) !important;
  border-color: var(--gws-border) !important;
  box-shadow: var(--gws-shadow-soft) !important;
  color: var(--gws-text-2) !important;
}

html[data-theme^="white-"] .sidebar-link,
html[data-theme^="white-"] .nav-link,
html[data-theme^="white-"] .menu-link{
  color: var(--gws-text-2) !important;
}

html[data-theme^="white-"] .sidebar-link.active,
html[data-theme^="white-"] .nav-link.active,
html[data-theme^="white-"] .mobile-bottom-nav .active,
html[data-theme^="white-"] .menu-link.active{
  color: #c9772e !important;
}

/* dropdown / account popup */
html[data-theme^="white-"] .dropdown-menu,
html[data-theme^="white-"] .dropdown-content,
html[data-theme^="white-"] .account-dropdown,
html[data-theme^="white-"] .profile-dropdown,
html[data-theme^="white-"] .user-dropdown,
html[data-theme^="white-"] .admin-dropdown,
html[data-theme^="white-"] [class*="dropdown-menu"],
html[data-theme^="white-"] [class*="profile-menu"]{
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98)) !important;
  color: var(--gws-text) !important;
  border: 1px solid var(--gws-border) !important;
  box-shadow: var(--gws-shadow) !important;
}

html[data-theme^="white-"] .dropdown-menu a,
html[data-theme^="white-"] .dropdown-content a,
html[data-theme^="white-"] .account-dropdown a,
html[data-theme^="white-"] .profile-dropdown a,
html[data-theme^="white-"] .user-dropdown a{
  color: var(--gws-text) !important;
}

/* modal / quick menu */
html[data-theme^="white-"] .modal-content,
html[data-theme^="white-"] .fui-modal,
html[data-theme^="white-"] .drawer,
html[data-theme^="white-"] .quick-menu-modal,
html[data-theme^="white-"] .user-quick-menu,
html[data-theme^="white-"] .support-panel,
html[data-theme^="white-"] .admin-chat-panel,
html[data-theme^="white-"] [class*="modal-panel"],
html[data-theme^="white-"] [class*="quick-menu"]{
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(250,250,252,.96)) !important;
  color: var(--gws-text-2) !important;
  border-color: var(--gws-border) !important;
  box-shadow: var(--gws-shadow) !important;
}

html[data-theme^="white-"] .modal-backdrop,
html[data-theme^="white-"] .overlay{
  background: rgba(15,23,42,.30) !important;
}

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

html[data-theme^="white-"] .btn-primary,
html[data-theme^="white-"] .ui-btn-primary,
html[data-theme^="white-"] .bg-gradient-to-r,
html[data-theme^="white-"] button[class*="gradient"],
html[data-theme^="white-"] a[class*="gradient"]{
  color: #111827 !important;
}

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

/* table */
html[data-theme^="white-"] table,
html[data-theme^="white-"] .admin-table{
  color: var(--gws-text-2) !important;
}
html[data-theme^="white-"] th,
html[data-theme^="white-"] .admin-table th{
  color: var(--gws-text-2) !important;
  background: #f8fafc !important;
  border-color: var(--gws-border-2) !important;
}
html[data-theme^="white-"] td,
html[data-theme^="white-"] .admin-table td{
  border-color: var(--gws-border-2) !important;
}

/* route group: blog */
html[data-theme^="white-"][data-route-group="blog"] body,
html[data-theme^="white-"][data-route-group="blog"] .blog-page,
html[data-theme^="white-"][data-route-group="blog"] main{
  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, #fff8f4 0%, #fff7f3 30%, #fefcfb 100%) !important;
}

html[data-theme^="white-"][data-route-group="blog"] .blog-hero,
html[data-theme^="white-"][data-route-group="blog"] .blog-header,
html[data-theme^="white-"][data-route-group="blog"] .hero-blog,
html[data-theme^="white-"][data-route-group="blog"] [class*="blog-hero"],
html[data-theme^="white-"][data-route-group="blog"] [class*="hero-blog"],
html[data-theme^="white-"][data-route-group="blog"] [class*="blog-header"]{
  background:
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,247,243,.96)) !important;
  border-color: rgba(226,232,240,.90) !important;
  color: var(--gws-text) !important;
  box-shadow: var(--gws-shadow-soft) !important;
}

html[data-theme^="white-"][data-route-group="blog"] .blog-hero h1,
html[data-theme^="white-"][data-route-group="blog"] .blog-header h1,
html[data-theme^="white-"][data-route-group="blog"] [class*="blog-hero"] h1{
  color: #0f172a !important;
  background: linear-gradient(135deg, #5bc0eb, #d18dfb) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

html[data-theme^="white-"][data-route-group="blog"] .blog-hero p,
html[data-theme^="white-"][data-route-group="blog"] .blog-header p,
html[data-theme^="white-"][data-route-group="blog"] [class*="blog-hero"] p{
  color: var(--gws-text-3) !important;
}

html[data-theme^="white-"][data-route-group="blog"] .blog-filter,
html[data-theme^="white-"][data-route-group="blog"] .blog-search-panel,
html[data-theme^="white-"][data-route-group="blog"] [class*="blog-filter"],
html[data-theme^="white-"][data-route-group="blog"] [class*="search-panel"]{
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,250,252,.96)) !important;
  border: 1px solid var(--gws-border) !important;
  box-shadow: var(--gws-shadow-soft) !important;
}

html[data-theme^="white-"][data-route-group="blog"] .blog-card,
html[data-theme^="white-"][data-route-group="blog"] article{
  background: rgba(255,255,255,.96) !important;
  border-color: var(--gws-border) !important;
  box-shadow: var(--gws-shadow-soft) !important;
}

/* route group: account/profile */
html[data-theme^="white-"][data-route-group="account"] .profile-card,
html[data-theme^="white-"][data-route-group="account"] .account-card,
html[data-theme^="white-"][data-route-group="account"] .wallet-card,
html[data-theme^="white-"][data-route-group="account"] .stat-card{
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,250,.96)) !important;
}

/* route group: game */
html[data-theme^="white-"][data-route-group="game"] .sort-box,
html[data-theme^="white-"][data-route-group="game"] .filter-box,
html[data-theme^="white-"][data-route-group="game"] .category-filter,
html[data-theme^="white-"][data-route-group="game"] [class*="sort-section"],
html[data-theme^="white-"][data-route-group="game"] [class*="filter-section"]{
  background: rgba(255,255,255,.94) !important;
  border-color: var(--gws-border) !important;
  box-shadow: var(--gws-shadow-soft) !important;
}

/* floating buttons */
html[data-theme^="white-"] .floating-chat,
html[data-theme^="white-"] .floating-support,
html[data-theme^="white-"] .support-fab{
  box-shadow: 0 18px 34px rgba(234,122,47,.18) !important;
}

/* image card titles that were too pale */
html[data-theme^="white-"] .game-title,
html[data-theme^="white-"] .product-title,
html[data-theme^="white-"] .package-title,
html[data-theme^="white-"] .blog-title,
html[data-theme^="white-"] .category-title{
  color: #1f2937 !important;
}

/* Safari mobile safe text */
@media (max-width: 768px){
  html[data-theme^="white-"] .dropdown-menu,
  html[data-theme^="white-"] .profile-dropdown,
  html[data-theme^="white-"] .user-dropdown,
  html[data-theme^="white-"] .modal-content,
  html[data-theme^="white-"] .quick-menu-modal{
    backdrop-filter: blur(16px) !important;
  }
}