/* ===========================================================
   GANSOR THEME SYSTEM v4.0 — Premium Quality
   Dark = original site, untouched
   Light = fully redesigned, premium, inspired by 28bit/torg-pc
   =========================================================== */

/* ===== SHARED IMPROVEMENTS (both themes) ===== */
header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}
.search-form .form-control.input-lg { border-radius: 8px !important; }
.search-form .form-control.input-lg:focus {
  border-color: #22c55e !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,0.12) !important;
}
.search-form .search-btn { border-radius: 6px !important; }
.search-form .search-btn:hover { background: #22c55e !important; color: #000 !important; }
.add_to_cart { border-radius: 8px !important; }
a.btn, .btn-primary { border-radius: 8px !important; }
.product-thumb { border-radius: 8px !important; }
.product-thumb:before { border-left: none !important; }
.product-thumb:after { border-bottom: none !important; }
.menu_links > li > a { transition: all 0.15s !important; }
.menu_links > li > a:hover { border-bottom: 2px solid #22c55e !important; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #111; }
::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #22c55e; }

/* ===========================================================
   LIGHT THEME — Premium Design
   =========================================================== */

/* --- Body & Global --- */
html[data-theme="light"] body {
  background-color: #f2f3f5 !important;
  color: #1a1a1a !important;
}

/* --- Typography --- */
html[data-theme="light"] h1 { color: #111 !important; }
html[data-theme="light"] h2 { color: #15803d !important; }
html[data-theme="light"] h3 { color: #15803d !important; }
html[data-theme="light"] h4 { color: #16a34a !important; }
html[data-theme="light"] h5 { color: #555 !important; }
html[data-theme="light"] h8 { color: #15803d !important; }
html[data-theme="light"] div.heading { color: #15803d !important; }
html[data-theme="light"] a { color: #1a1a1a !important; }
html[data-theme="light"] a:hover, html[data-theme="light"] a:focus { color: #16a34a !important; }

/* --- TOP BAR — subtle dark strip --- */
html[data-theme="light"] #top,
html[data-theme="light"] #top > .container {
  background: #1e293b !important;
  border-bottom: none !important;
}
html[data-theme="light"] #top li > a,
html[data-theme="light"] #top i,
html[data-theme="light"] #top .btn-group > .btn span {
  color: #94a3b8 !important;
}
html[data-theme="light"] #top li > a:hover,
html[data-theme="light"] #top .btn-group > .btn:hover span {
  color: #fff !important;
}
html[data-theme="light"] #top-links ul li { background: transparent !important; }

/* --- HEADER — clean white with soft shadow --- */
html[data-theme="light"] header .first-row {
  background: #fff !important;
  background-image: none !important;
  padding: 16px 0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.03) !important;
  border-bottom: none !important;
}
html[data-theme="light"] header .first-row,
html[data-theme="light"] header .first-row > div[class*='col-'] {
  background-image: none !important;
}

/* Phone */
html[data-theme="light"] header .phone > div:first-child,
html[data-theme="light"] #phone .phone .show-phone a,
html[data-theme="light"] #phone .phone .show-phone span {
  color: #111 !important;
}
html[data-theme="light"] #phone .phone .show-phone a:hover { color: #16a34a !important; }
html[data-theme="light"] #phone .additional-phone > span { color: #64748b !important; border-bottom: none !important; }
html[data-theme="light"] #phone .phone .fa-chevron-down { color: #94a3b8 !important; }
html[data-theme="light"] #phone .dropdown-menu { background: #fff !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important; border-radius: 8px !important; }
html[data-theme="light"] #phone .dropdown-menu li a { color: #334155 !important; }
html[data-theme="light"] #phone .dropdown-menu li a:hover { color: #16a34a !important; }

/* Search */
html[data-theme="light"] .search { box-shadow: none !important; background: transparent !important; }
html[data-theme="light"] .search input[name="search"] {
  color: #1a1a1a !important;
  background: #f1f5f9 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 8px !important;
}
html[data-theme="light"] .search input[name="search"]:focus {
  background: #fff !important;
  border-color: #22c55e !important;
  box-shadow: 0 0 0 3px rgba(34,197,94,0.1) !important;
}
html[data-theme="light"] .search input::-webkit-input-placeholder { color: #94a3b8 !important; }
html[data-theme="light"] .search input::-moz-placeholder { color: #94a3b8 !important; }
html[data-theme="light"] .search-form .search-btn { color: #64748b !important; background: transparent !important; }
html[data-theme="light"] .search .btn { color: #64748b !important; background: transparent !important; }

/* Cart */
html[data-theme="light"] #cart > .btn span { color: #334155 !important; background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; border-radius: 6px !important; }
html[data-theme="light"] #cart .btn i { color: #16a34a !important; }
html[data-theme="light"] #cart .dropdown-menu { background: #fff !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 10px 40px rgba(0,0,0,0.1) !important; border-radius: 8px !important; }
html[data-theme="light"] #cart .dropdown-menu table td strong { color: #111 !important; }
html[data-theme="light"] #cart .dropdown-menu table td { color: #334155 !important; }

/* --- NAVIGATION — clean bar --- */
html[data-theme="light"] .menu_links {
  background: #fff !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03) !important;
}
html[data-theme="light"] .menu_links a,
html[data-theme="light"] .menu_links .btn i,
html[data-theme="light"] .menu_links .dropdown-menu > li > a {
  color: #334155 !important;
  font-weight: 500 !important;
}
html[data-theme="light"] .menu_links a:hover,
html[data-theme="light"] .menu_links .btn:hover i {
  color: #16a34a !important;
}

/* Sidebar menu */
html[data-theme="light"] #menu { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; color: #334155 !important; }
html[data-theme="light"] #menu #category { color: #111 !important; background: #fff !important; }
html[data-theme="light"] #menu .btn-navbar { color: #111 !important; }
html[data-theme="light"] #menu .nav { background: #fff !important; }
html[data-theme="light"] #menu .nav > li { background: #fff !important; background-image: none !important; border-bottom: 1px solid #f1f5f9 !important; border-color: #f1f5f9 !important; }
html[data-theme="light"] #menu .nav > li > a { color: #334155 !important; }
html[data-theme="light"] #menu .nav > li:hover > a { color: #16a34a !important; background: #f0fdf4 !important; }
html[data-theme="light"] #menu .nav > li > .dropdown-menu { background: #fff !important; border: 1px solid #e2e8f0 !important; box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important; }
html[data-theme="light"] #menu .nav > li:hover { background: #f0fdf4 !important; }
html[data-theme="light"] #menu .nav > li.has-children::before { background: #fff !important; box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important; }
html[data-theme="light"] #menu .nav li ul li a { color: #475569 !important; font-weight: 600 !important; }
html[data-theme="light"] #menu .nav li ul li a:hover { color: #16a34a !important; }
html[data-theme="light"] #menu .nav li ul li ul li a { color: #64748b !important; font-weight: 400 !important; }
html[data-theme="light"] #menu .nav li ul li ul li a:hover { color: #16a34a !important; }
html[data-theme="light"] #menu.menu2 { background: #fff !important; color: #334155 !important; }
html[data-theme="light"] #menu.menu2 .nav > li > a { color: #334155 !important; box-shadow: none !important; }
html[data-theme="light"] #menu.menu2 .nav > li > .dropdown-menu { background: #fff !important; }
html[data-theme="light"] #menu.menu2 .nav > li ul li a { color: #475569 !important; }
html[data-theme="light"] #menu.menu2 .nav > li ul li a:hover { color: #16a34a !important; }

/* --- MAIN CONTENT --- */
html[data-theme="light"] #main-content { background: #f2f3f5 !important; }
html[data-theme="light"] .config { background: #f2f3f5 !important; }
html[data-theme="light"] .navigation { background: #fff !important; border-radius: 8px !important; border: 1px solid #e2e8f0 !important; }

/* General text in content */
html[data-theme="light"] #main-content p,
html[data-theme="light"] #main-content span:not(.sticker *):not(.price *):not(#cart-total),
html[data-theme="light"] #main-content li,
html[data-theme="light"] #main-content td { color: #475569 !important; }
html[data-theme="light"] #main-content strong,
html[data-theme="light"] #main-content b { color: #1e293b !important; }

/* Breadcrumb */
html[data-theme="light"] .breadcrumb { color: #94a3b8 !important; }
html[data-theme="light"] .breadcrumb a { color: #64748b !important; }
html[data-theme="light"] .breadcrumb a:hover { color: #16a34a !important; }

/* --- PRODUCT CARDS — clean, elevated --- */
html[data-theme="light"] .product-thumb,
html[data-theme="light"] .news {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  border-radius: 12px !important;
  transition: all 0.2s ease !important;
}
html[data-theme="light"] .product-thumb:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08) !important;
  border-color: #16a34a !important;
}
html[data-theme="light"] .product-thumb .caption > a {
  color: #1e293b !important;
  font-weight: 500 !important;
}
html[data-theme="light"] .product-thumb .caption > a:hover { color: #16a34a !important; }
html[data-theme="light"] .product-thumb .price {
  color: #111 !important;
  font-weight: 700 !important;
}
html[data-theme="light"] .product-thumb .price-new { color: #dc2626 !important; }
html[data-theme="light"] .product-thumb .price-old { color: #94a3b8 !important; text-decoration: line-through !important; }
html[data-theme="light"] .product-thumb .attribute { color: #64748b !important; }
html[data-theme="light"] .product-thumb .attribute .attr_name { color: #94a3b8 !important; }
html[data-theme="light"] .product-thumb .attribute .attr_value { color: #475569 !important; }
html[data-theme="light"] .product-thumb .description { color: #64748b !important; }
html[data-theme="light"] .product-thumb .rating i { color: #f59e0b !important; }
html[data-theme="light"] .product-thumb .wishlist,
html[data-theme="light"] .product-thumb .compare { color: #94a3b8 !important; background: #f8fafc !important; }
html[data-theme="light"] .product-thumb .wishlist:hover,
html[data-theme="light"] .product-thumb .compare:hover { color: #dc2626 !important; }

/* Buy buttons */
html[data-theme="light"] .add_to_cart {
  color: #fff !important;
  background: #16a34a !important;
  box-shadow: 0 2px 6px rgba(22,163,74,0.2) !important;
  font-weight: 600 !important;
}
html[data-theme="light"] .add_to_cart:hover {
  background: #15803d !important;
  box-shadow: 0 4px 12px rgba(22,163,74,0.25) !important;
  transform: translateY(-1px) !important;
}
html[data-theme="light"] .add_to_cart.in_cart { background: #16a34a !important; color: #fff !important; }
html[data-theme="light"] .btn.quick_order { color: #475569 !important; background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; }
html[data-theme="light"] .btn.quick_order:hover { background: #e2e8f0 !important; color: #1e293b !important; }

/* --- PRODUCT PAGE --- */
html[data-theme="light"] #price, html[data-theme="light"] #price_credit {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
html[data-theme="light"] .price { color: #111 !important; }
html[data-theme="light"] .price .price-new { color: #dc2626 !important; }

/* Tabs */
html[data-theme="light"] .nav-tabs { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; border-radius: 8px 8px 0 0 !important; }
html[data-theme="light"] .nav-tabs li a { background: transparent !important; color: #64748b !important; border: none !important; }
html[data-theme="light"] .nav-tabs li a:hover { color: #1e293b !important; }
html[data-theme="light"] .nav-tabs li:hover a { border-bottom: 2px solid #16a34a !important; background: transparent !important; }
html[data-theme="light"] .nav-tabs > li.active > a,
html[data-theme="light"] .nav-tabs > li.active > a:focus,
html[data-theme="light"] .nav-tabs > li.active > a:hover {
  background: #fff !important;
  color: #111 !important;
  border-top: 2px solid #16a34a !important;
  border-bottom: none !important;
}

/* Tables */
html[data-theme="light"] .table-bordered > tbody > tr > td { border-color: #f1f5f9 !important; color: #475569 !important; }
html[data-theme="light"] .table > thead > tr > th { background: #f8fafc !important; color: #1e293b !important; border-color: #e2e8f0 !important; }

/* Options */
html[data-theme="light"] .option label input + span,
html[data-theme="light"] .option select { color: #334155 !important; background: #f1f5f9 !important; }

/* --- SIDEBAR --- */
html[data-theme="light"] .list-group a {
  color: #334155 !important;
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
}
html[data-theme="light"] .list-group a.active,
html[data-theme="light"] .list-group a:hover {
  color: #16a34a !important;
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
}

/* --- FILTER --- */
html[data-theme="light"] .filter-default .group { border-bottom: 1px solid #f1f5f9 !important; }
html[data-theme="light"] .filter-default .group-name { color: #1e293b !important; font-weight: 600 !important; }
html[data-theme="light"] .filter-default label { color: #475569 !important; }
html[data-theme="light"] .form-control { background: #fff !important; border: 1px solid #cbd5e1 !important; color: #1a1a1a !important; }

/* --- BANNERS & MODULES --- */
html[data-theme="light"] .home_banners > div > div {
  background: #fff !important;
  color: #334155 !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
}
html[data-theme="light"] .home_banners > div i { color: #16a34a !important; }

/* Games carousel strip */
html[data-theme="light"] .games-wrap {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  border-radius: 12px !important;
}

/* Uni modules */
html[data-theme="light"] .uni-module:before { color: #15803d !important; }

/* --- NEWS --- */
html[data-theme="light"] .news { background: #fff !important; border: 1px solid #e2e8f0 !important; }
html[data-theme="light"] .news a { color: #1e293b !important; }
html[data-theme="light"] .news a:hover { color: #16a34a !important; }

/* --- ABOUT / CORPORATE --- */
html[data-theme="light"] .corporate-clients-section {
  background: #fff !important;
  color: #475569 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
}
html[data-theme="light"] .corporate-clients-section h2,
html[data-theme="light"] .corporate-clients-section h3 { color: #15803d !important; }
html[data-theme="light"] .corporate-clients-section p { color: #475569 !important; }
html[data-theme="light"] .corporate-clients-section ul li {
  background: #f8fafc !important;
  color: #475569 !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 8px !important;
}
html[data-theme="light"] .corporate-clients-section strong { color: #16a34a !important; }

/* --- BUTTONS --- */
html[data-theme="light"] .btn.btn-default { color: #334155 !important; background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; }
html[data-theme="light"] .btn.btn-default:hover { background: #e2e8f0 !important; }
html[data-theme="light"] .btn.btn-primary { color: #fff !important; background: #16a34a !important; }
html[data-theme="light"] .btn.btn-primary:hover { background: #15803d !important; }

/* --- PAGINATION --- */
html[data-theme="light"] .pagination li a { color: #475569 !important; background: #fff !important; border: 1px solid #e2e8f0 !important; }
html[data-theme="light"] .pagination li.active span { color: #fff !important; background: #16a34a !important; border-color: #16a34a !important; }

/* --- DROPDOWNS (global) --- */
html[data-theme="light"] .dropdown-menu {
  background: #fff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.08) !important;
  border-radius: 8px !important;
}
html[data-theme="light"] .dropdown-menu li > a { color: #475569 !important; }
html[data-theme="light"] .dropdown-menu li > a:hover { color: #16a34a !important; background: #f0fdf4 !important; }

/* --- CHECKOUT --- */
html[data-theme="light"] .table > tbody > tr > td { border-color: #f1f5f9 !important; color: #475569 !important; }

/* --- MODALS --- */
html[data-theme="light"] .modal-content { background: #fff !important; color: #1a1a1a !important; border: 1px solid #e2e8f0 !important; }
html[data-theme="light"] .modal-header { border-bottom: 1px solid #f1f5f9 !important; }
html[data-theme="light"] .modal-footer { border-top: 1px solid #f1f5f9 !important; }

/* --- FOOTER — stays dark in both themes --- */
footer { background: #0f172a !important; }
html[data-theme="light"] footer { background: #0f172a !important; }
html[data-theme="light"] footer .footer-container { background: #0f172a !important; }

/* --- STICKERS (keep colorful) --- */
html[data-theme="light"] .sticker div { opacity: 0.9 !important; }

/* --- FLY BLOCKS --- */
html[data-theme="light"] .fly-wishlist, html[data-theme="light"] .fly-compare {
  background: #fff !important;
  color: #475569 !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .fly-callback { background: #16a34a !important; }
html[data-theme="light"] .scroll-up i { color: #94a3b8 !important; }

/* --- CATEGORY WALL --- */
html[data-theme="light"] .uni-category-wall .item:before { border-left-color: #f1f5f9 !important; }
html[data-theme="light"] .uni-category-wall .item:after { border-bottom-color: #f1f5f9 !important; }
html[data-theme="light"] .uni-category-wall .name { color: #1e293b !important; }

/* --- SLIDESHOW (keep as-is, dark banners look fine on light bg) --- */

/* --- OWL CAROUSEL --- */
html[data-theme="light"] .owl-carousel .owl-dots .owl-dot span { background: #cbd5e1 !important; }
html[data-theme="light"] .owl-carousel .owl-dots .owl-dot.active span { background: #16a34a !important; }

/* --- News cards --- */
html[data-theme="light"] .news { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; }
html[data-theme="light"] .news:before { border: none !important; }
html[data-theme="light"] .news:after { border: none !important; }

/* --- Game carousel images section --- */
html[data-theme="light"] #game-carousel { background: transparent !important; }

/* --- Slideshow/Banner area --- */
html[data-theme="light"] .uni-slideshow { border-radius: 12px !important; overflow: hidden !important; }
html[data-theme="light"] .carousel { border-color: #e2e8f0 !important; border-radius: 12px !important; }

/* --- Any remaining dark backgrounds --- */
html[data-theme="light"] .row.bg { background: #f8fafc !important; }
html[data-theme="light"] .footer-container .row.bg { background: transparent !important; }

/* --- Sticker labels stay colorful --- */
html[data-theme="light"] .sticker div { border-radius: 4px !important; }

/* --- Quantity buttons --- */
html[data-theme="light"] .quantity span .btn { color: #475569 !important; }
html[data-theme="light"] .quantity input { background: #fff !important; color: #111 !important; border-color: #e2e8f0 !important; }

/* --- Image hover effects --- */
html[data-theme="light"] .image-after:after { background: rgba(0,0,0,0.02) !important; }

/* --- Alert boxes --- */
html[data-theme="light"] .alert-success { background: #f0fdf4 !important; color: #166534 !important; border: 1px solid #bbf7d0 !important; }
html[data-theme="light"] .alert-danger { background: #fef2f2 !important; color: #991b1b !important; border: 1px solid #fecaca !important; }

/* --- LIGHT SCROLLBAR --- */
html[data-theme="light"] ::-webkit-scrollbar-track { background: #f2f3f5; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: #cbd5e1; }
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: #16a34a; }

/* ===========================================================
   THEME TOGGLE
   =========================================================== */
#gansor-theme-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  margin: auto 0 auto 10px;
  flex-shrink: 0;
  cursor: pointer;
}
#gansor-theme-toggle {
  position: relative;
  width: 58px;
  height: 28px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 7px;
  transition: all 0.3s;
  overflow: hidden;
}
/* Toggle in dark mode */
html[data-theme="dark"] #gansor-theme-toggle {
  background: #333;
  border: 1px solid rgba(255,255,255,0.12);
}
html[data-theme="light"] #gansor-theme-toggle {
  background: #e2e8f0;
  border: 1px solid #cbd5e1;
}
#gansor-theme-wrap:hover #gansor-theme-toggle { border-color: #22c55e; }
.gt-side {
  position: relative;
  z-index: 2;
  width: 22px; height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  transition: color 0.3s;
}
.gt-slider {
  position: absolute;
  top: 2px; left: 2px;
  width: 24px; height: 24px;
  background: #22c55e;
  border-radius: 50%;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
  z-index: 1;
}
#gansor-theme-toggle .gt-dark-side { color: #fff; }
#gansor-theme-toggle .gt-light-side { color: rgba(255,255,255,0.3); }
html[data-theme="light"] #gansor-theme-toggle .gt-dark-side { color: #94a3b8; }
html[data-theme="light"] #gansor-theme-toggle .gt-light-side { color: #fff; }
#gansor-theme-toggle.is-light .gt-slider { transform: translateX(30px); }
#gansor-theme-toggle.is-light .gt-dark-side { color: rgba(255,255,255,0.3); }
#gansor-theme-toggle.is-light .gt-light-side { color: #fff; }

#gansor-theme-label {
  font-family: 'Play', Arial, sans-serif !important;
  font-size: 10px;
  line-height: 1;
  transition: color 0.3s;
  user-select: none;
}
html[data-theme="dark"] #gansor-theme-label { color: #777; }
html[data-theme="light"] #gansor-theme-label { color: #94a3b8; }
#gansor-theme-wrap:hover #gansor-theme-label { color: #22c55e; }