/* Game Center GT: targeted counter-rules for the site's existing CSS-GAMECENTERGT.txt.
   The existing Additional CSS uses #070b12 and many !important declarations.
   Do not edit, disable or remove that CSS; overrides are scoped by visitor choice.
   Never touch product imagery, currency values, price calculation, checkout JS or gateways. */

/* Re-map variables from the original Gaming Neon UI V3 stylesheet. */
html[data-gcgt-mode="day"] {
  --gc-bg: #f8f6f1;
  --gc-bg-soft: #f2ede4;
  --gc-card: #ffffff;
  --gc-card-2: #ffffff;
  --gc-card-hover: #fff9eb;
  --gc-border: #d9dde5;
  --gc-border-light: #c9b37f;
  --gc-white: #101114;
  --gc-text: #303744;
  --gc-muted: #526072;
  --gc-cyan: #98700f;
  --gc-blue: #9f7613;
  --gc-purple: #93701e;
  --gc-green: #147d3a;
  --gc-pink: #ba376c;
  --gc-gold: #d4a634;
}
html[data-gcgt-mode="night"] {
  --gc-bg: #0b1220;
  --gc-bg-soft: #101c31;
  --gc-card: #172b4d;
  --gc-card-2: #172b4d;
  --gc-card-hover: #21395f;
  --gc-border: #344c6a;
  --gc-border-light: #5f7fa7;
  --gc-white: #ffffff;
  --gc-text: #dbe8fa;
  --gc-muted: #acc3de;
  --gc-cyan: #60a5fa;
  --gc-blue: #2563eb;
  --gc-purple: #7795ff;
  --gc-green: #10b981;
  --gc-pink: #f285b4;
  --gc-gold: #e6b54e;
}

/* Site's global backgrounds are declared !important. Higher specificity is needed. */
html[data-gcgt-mode] body,
html[data-gcgt-mode] body #page,
html[data-gcgt-mode] body #inner-wrap,
html[data-gcgt-mode] body :is(.site, .site-wrap, .site-content, .content-area, .site-main, .content-bg, .entry-content, .entry-content-wrap, .woocommerce-page),
html[data-gcgt-mode] body :is(.post-type-archive-product, .woocommerce-shop, .single-product) {
  background: var(--gcgt-page) !important;
  background-color: var(--gcgt-page) !important;
  color: var(--gcgt-text);
}
/* WooCommerce's .woocommerce also inherits the hardcoded global background. */
html[data-gcgt-mode] body .woocommerce {
  background-color: transparent !important;
}

/* Headers + menus: existing CSS forces rgba(7,11,18,.98) with !important. */
html[data-gcgt-mode] body :is(.site-header, .site-header-wrap, .site-main-header-wrap, .site-header-row-container, .site-header-row-container-inner, #masthead, #mobile-header) {
  background: var(--gcgt-header) !important;
  color: var(--gcgt-text) !important;
  border-bottom-color: var(--gcgt-border) !important;
}
html[data-gcgt-mode] body .site-main-header-wrap { box-shadow: 0 3px 14px rgba(10, 20, 35, .08) !important; }
html[data-gcgt-mode] body :is(.site-branding, .site-branding a, .site-title, .site-title a, .main-navigation a, .site-header .menu-item > a) {
  color: var(--gcgt-text) !important;
  text-shadow: none !important;
}
html[data-gcgt-mode] body :is(.main-navigation a:hover, .site-header .menu-item > a:hover, .main-navigation .current-menu-item > a) {
  color: var(--gcgt-link) !important;
  text-shadow: none !important;
}

/* Title hero background and subtitle readability in categories. */
html[data-gcgt-mode] body :is(.entry-hero-container-inner, .entry-header, .page-title-wrap, .page-header, .woocommerce-products-header) {
  background: var(--gcgt-surface) !important;
  border-bottom-color: var(--gcgt-border) !important;
}
html[data-gcgt-mode] body :is(.entry-title, .page-title, .woocommerce-products-header__title, .entry-hero h1, .entry-hero-title) {
  color: var(--gcgt-text) !important;
  -webkit-text-fill-color: var(--gcgt-text) !important;
  text-shadow: none !important;
}
html[data-gcgt-mode] body :is(.woocommerce-products-header p, .entry-hero-container-inner p, .entry-header p, .entry-header .taxonomy-description, .term-description p) {
  color: var(--gcgt-muted) !important;
  -webkit-text-fill-color: var(--gcgt-muted) !important;
  opacity: 1 !important;
}
html[data-gcgt-mode] body .site-content :is(h1, h2, h3, h4, h5, h6) {
  color: var(--gcgt-text) !important;
}
html[data-gcgt-mode] body .site-content :is(p, li) { color: var(--gcgt-text); }

/* Homepage layout tiles (existing CSS defines gradients directly). */
html[data-gcgt-mode] body.home .wp-block-kadence-column > .kt-inside-inner-col {
  background: var(--gcgt-card) !important;
  border-color: var(--gcgt-border) !important;
  box-shadow: 0 6px 20px rgba(9, 20, 36, .07) !important;
}
html[data-gcgt-mode] body.home .wp-block-kadence-column > .kt-inside-inner-col:hover {
  background: var(--gcgt-card) !important;
  border-color: var(--gcgt-accent) !important;
  box-shadow: 0 9px 20px rgba(9, 20, 36, .13) !important;
}
html[data-gcgt-mode] body.home :is(.kb-svg-icon-wrap svg, .kt-svg-icon-list-item-wrap svg, .kt-inside-inner-col:hover svg) {
  color: var(--gcgt-accent) !important;
  filter: none !important;
}

/* FiboSearch input and catalogue search. */
html[data-gcgt-mode] body :is(.dgwt-wcas-search-input, input.dgwt-wcas-search-input, .woocommerce-ordering select, .woocommerce .woocommerce-ordering select) {
  background: var(--gcgt-input) !important;
  color: var(--gcgt-text) !important;
  -webkit-text-fill-color: var(--gcgt-text) !important;
  border-color: var(--gcgt-border) !important;
}
html[data-gcgt-mode] body .dgwt-wcas-search-input::placeholder { color: var(--gcgt-muted) !important; -webkit-text-fill-color: var(--gcgt-muted) !important; opacity: 1 !important; }

/* Catalog cards, hover, name, price: these are hardcoded in original CSS. */
html[data-gcgt-mode] body.woocommerce-page ul.products li.product,
html[data-gcgt-mode] body .woocommerce ul.products li.product {
  background: var(--gcgt-card) !important;
  border-color: var(--gcgt-border) !important;
  box-shadow: 0 6px 17px rgba(10, 20, 35, .09) !important;
}
html[data-gcgt-mode] body.woocommerce-page ul.products li.product:hover,
html[data-gcgt-mode] body .woocommerce ul.products li.product:hover {
  border-color: var(--gcgt-accent) !important;
  box-shadow: 0 9px 22px rgba(10, 20, 35, .16) !important;
}
html[data-gcgt-mode] body .woocommerce ul.products li.product :is(.entry-content-wrap, .product-details),
html[data-gcgt-mode] body.woocommerce-page ul.products li.product :is(.entry-content-wrap, .product-details) {
  background: var(--gcgt-card) !important;
  color: var(--gcgt-text) !important;
}
html[data-gcgt-mode] body .woocommerce ul.products li.product :is(h2, h3, .woocommerce-loop-product__title),
html[data-gcgt-mode] body.woocommerce-page ul.products li.product :is(h2, h3, .woocommerce-loop-product__title) {
  color: var(--gcgt-text) !important;
  -webkit-text-fill-color: var(--gcgt-text) !important;
  text-shadow: none !important;
}
html[data-gcgt-mode] body .woocommerce ul.products li.product :is(.price, .price *, .amount),
html[data-gcgt-mode] body.woocommerce-page ul.products li.product :is(.price, .price *, .amount) {
  color: var(--gcgt-link) !important;
  -webkit-text-fill-color: var(--gcgt-link) !important;
}
html[data-gcgt-mode] body .woocommerce ul.products li.product :is(del, del .amount) { color: var(--gcgt-muted) !important; }
/* Do NOT recolor WooCommerce Sale tags that use images or custom warning background. */

/* Product overview; do not change product images or the cart mechanism. */
html[data-gcgt-mode] body.single-product div.product {
  background: var(--gcgt-card) !important;
  color: var(--gcgt-text) !important;
  border-color: var(--gcgt-border) !important;
}
html[data-gcgt-mode] body.single-product :is(.product_title, .summary .price, .summary .price *, .summary .amount, .woocommerce-product-details__short-description, .woocommerce-product-details__short-description *) {
  color: var(--gcgt-text) !important;
  -webkit-text-fill-color: var(--gcgt-text) !important;
}
html[data-gcgt-mode] body.single-product .summary :is(.price, .price *, .amount) {
  color: var(--gcgt-link) !important;
  -webkit-text-fill-color: var(--gcgt-link) !important;
}

/* Only recolor swatch surfaces / visible labels. Never change selection styles, sizes, data or input state. */
html[data-gcgt-mode] body.single-product :is(.variable-item, .button-variable-item, .image-variable-item, .radio-variable-item, .variation-item, .swatch, .cfvsw-swatches-option, .thwvsf-wrapper-item-li, .rtwpvs-term, form.variations_form [role="radio"], form.cart input[type="radio"] + label, form.cart label:has(input[type="radio"])) {
  background: var(--gcgt-card) !important;
  color: var(--gcgt-text) !important;
  border-color: var(--gcgt-border) !important;
}
html[data-gcgt-mode] body.single-product .summary form.cart :is(.variable-item-span, .variable-item-contents, .cfvsw-swatches-option span, .thwvsf-wrapper-item-li span, .rtwpvs-term span, [class*="variation-item"] span, [class*="package"] span, [class*="option"] span, label:has(img) span, label:has(img) strong, label:has(img) div),
html[data-gcgt-mode] body.single-product :is(.variations label, table.variations th.label, table.variations th.label label) {
  color: var(--gcgt-text) !important;
  -webkit-text-fill-color: var(--gcgt-text) !important;
}
html[data-gcgt-mode] body.single-product .summary form.cart :is(.price, .amount, ins, ins *, [class*="price"]:not(del)) {
  color: var(--gcgt-link) !important;
  -webkit-text-fill-color: var(--gcgt-link) !important;
}

/* Classic WooCommerce inputs and notices, excluding payment provider internals. */
html[data-gcgt-mode] body :is(.woocommerce-pagination .page-numbers, .woocommerce-cart .cart_totals, .woocommerce-cart table.shop_table, .woocommerce-account .woocommerce-MyAccount-content) {
  background-color: var(--gcgt-card) !important;
  color: var(--gcgt-text) !important;
  border-color: var(--gcgt-border) !important;
}
/* Avoid global recolors of [id^="payment"], .payment_method_* and gateway iframes. */

/* Compact two-icon control in Kadence header, before existing currency selector. */
.gcgt-switch-mount { display: none; }
.gcgt-switch-mount.is-in-header,
.gcgt-switch-mount.is-fallback { display: inline-flex; align-items: center; }
.gcgt-switch-mount.is-in-header,
.gcgt-switch-mobile-copy.is-in-header { flex: 0 0 auto; margin: 0 9px; }
.gcgt-switch-mount.is-in-header .gcgt-switch-title,
.gcgt-switch-mobile-copy .gcgt-switch-title { display: none !important; }
.gcgt-switch-mount.is-in-header .gcgt-appearance-switch,
.gcgt-switch-mobile-copy.is-in-header .gcgt-appearance-switch {
  padding: 3px !important; gap: 0 !important; border-radius: 999px !important;
  box-shadow: none !important; background: transparent !important;
  border: 1px solid var(--gcgt-border) !important;
}
.gcgt-switch-mount.is-in-header .gcgt-switch-options,
.gcgt-switch-mobile-copy.is-in-header .gcgt-switch-options { padding: 1px !important; }
.gcgt-switch-mount.is-in-header .gcgt-switch-button,
.gcgt-switch-mobile-copy.is-in-header .gcgt-switch-button {
  width: 28px !important; height: 28px !important; min-width: 28px !important; min-height: 28px !important;
  padding: 5px !important;
}
.gcgt-switch-mount.is-in-header .gcgt-switch-button svg,
.gcgt-switch-mobile-copy.is-in-header .gcgt-switch-button svg { width: 17px !important; height: 17px !important; flex-basis: 17px !important; }
.gcgt-switch-mobile-copy { display: inline-flex; align-items: center; }
.gcgt-header-menu-item { list-style: none; margin: 0 8px !important; padding: 0 !important; }
.gcgt-switch-mount.is-fallback {
  position: fixed; left: 12px; bottom: 20px; z-index: 9998;
}
@media (max-width: 1024px) {
  .site-header:has(.gcgt-switch-mobile-copy) .gcgt-switch-mount.is-in-header:not(.gcgt-switch-mobile-copy) { display: none; }
  .gcgt-switch-mobile-copy.is-in-header { margin: 0 3px; }
}
@media (min-width: 1025px) { .gcgt-switch-mobile-copy { display: none !important; } }

/* Single moon/sun icon, like the user-provided reference site. */
.gcgt-appearance-switch.gcgt-switch-inline {
  display: inline-flex !important;
  position: static !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.gcgt-appearance-switch.gcgt-switch-inline .gcgt-single-toggle,
html[data-gcgt-mode] .gcgt-appearance-switch.gcgt-switch-inline .gcgt-single-toggle {
  display: inline-flex !important;
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  min-height: 35px !important;
  padding: 7px !important;
  margin: 0 !important;
  border: 1px solid var(--gcgt-border) !important;
  border-radius: 50% !important;
  background: transparent !important;
  color: var(--gcgt-text) !important;
  box-shadow: none !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.gcgt-appearance-switch.gcgt-switch-inline .gcgt-single-toggle svg { width: 19px !important; height: 19px !important; }
html[data-gcgt-mode="day"] .gcgt-appearance-switch .gcgt-icon-sun { display: none !important; }
html[data-gcgt-mode="night"] .gcgt-appearance-switch .gcgt-icon-moon { display: none !important; }
html[data-gcgt-mode="day"] .gcgt-appearance-switch .gcgt-icon-moon { display: block !important; }
html[data-gcgt-mode="night"] .gcgt-appearance-switch .gcgt-icon-sun { display: block !important; }
.gcgt-appearance-switch .gcgt-single-toggle:focus-visible { outline: 2px solid #2563eb !important; outline-offset: 3px; }
