/*!
Theme Name: Gearnix Optimized
Theme URI: https://gearnix.risingbamboo.com/
Author: Rising Bamboo
Author URI: https://risingbamboo.com
Description: Gear up for success with Gearnix Optimized, a high-performance WooCommerce WordPress theme designed for gaming gear and accessories stores.
Version: 1.1.5
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: gearnix-optimized
Tags: e-commerce, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, custom-header, rtl-language-support, theme-options, block-styles

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
*/

/* ==========================================================================
   GEARNIX OPTIMIZED - CUSTOM SITE STYLES (CLEAN STRUCTURE)
   ==========================================================================
   Table of Contents:
   1. Hardware Acceleration & Performance System
   2. Global Dark Theme Variables & Base Elements
   3. Offcanvas Containers (Mobile Drawer, Mini Cart, Shop Filter Panels)
   4. WooCommerce Shop, Price Slider & Category Hero Panel
   5. Custom Interactive Components (View More, WhatsApp, Accordion)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. HARDWARE ACCELERATION & PERFORMANCE SYSTEM
   -------------------------------------------------------------------------- */
*, *::before, *::after {
  box-sizing: border-box;
}

.rbb-view-more-btn,
.whatsapp-btn,
.fastindi-hero-panel,
.icv-image img {
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

img {
  content-visibility: auto;
}

/* --------------------------------------------------------------------------
   2. GLOBAL DARK THEME VARIABLES & BASE ELEMENTS
   -------------------------------------------------------------------------- */
:root,
body {
  --rbb-general-body-bg-color: #1e1e20 !important;
  --rbb-general-body-text-color: #e0e0e0 !important;
  --rbb-general-heading-color: #ffffff !important;
  --rbb-general-border-color: rgba(255, 255, 255, 0.1) !important;
}

body,
#page,
#rbb-main,
#rbb-primary,
.site-content,
.rbb-page-title,
.rbb-page-title.page-title-single,
.single-product,
.category-bottom-widget,
.archive.tax-product_cat,
.post-type-archive.archive,
.woocommerce-page,
.elementor-page {
  background-color: #1e1e20 !important;
  color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6,
.product_title,
.block_accordion h3,
.rbb-widget--product-tags .widget-title,
.text-\[color\:var\(--rbb-general-body-text-color\)\],
.rbb-sidebar-shop-filter-title,
.sidebar-shop-filter-title,
.filter-link {
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   3. OFFCANVAS CONTAINERS (Mobile Drawer, Side Cart & Shop Filters)
   -------------------------------------------------------------------------- */
#mobile_menu,
.canvas-menu,
.rbb-account-canvas .menu-canvas-right,
.menu-canvas-right,
.menu-canvas-left,
.rbb-mini-cart-canvas,
.rbb-mini-cart-canvas .cart-right,
.cart-right,
.rbb-off-canvas-menu,
.rbb-side-cart,
.rbb-mini-cart,
.rbb-sidebar-shop-filter,
.rbb-sidebar-shop-filter-left,
.rbb-sidebar-shop-filter-right,
[class*="rbb-sidebar-shop-filter"] {
  background-color: #18181c !important;
  color: #ffffff !important;
}

.rbb-main-navigation ul li ul {
  background-color: #1e1e20 !important;
  border: none !important;
}

.rbb-main-navigation ul li ul a,
.rbb-main-navigation ul li ul a span {
  color: #ffffff !important;
}

.rbb-default-header .rbb-header-sticky.header-stuck > div {
  height: auto !important;
}

/* --------------------------------------------------------------------------
   4. WOOCOMMERCE SHOP, PRICE SLIDER & CATEGORY HERO PANEL
   -------------------------------------------------------------------------- */
.widget_price_filter .ui-slider-horizontal {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-radius: 9999px !important;
  height: 6px !important;
  border: none !important;
}

.widget_price_filter .ui-slider-horizontal .ui-slider-range {
  background: var(--rbb-general-primary-color, #ff0055) !important;
  border-radius: 9999px !important;
}

.widget_price_filter .ui-slider .ui-slider-handle {
  background: #ffffff !important;
  border: 2px solid var(--rbb-general-primary-color, #ff0055) !important;
  border-radius: 9999px !important;
  top: -5px !important;
  width: 16px !important;
  height: 16px !important;
  cursor: pointer !important;
  box-shadow: 0 0 10px rgba(255, 0, 85, 0.5) !important;
}

.rbb-price-filter .rbb-price-filter__range-input span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.product_meta .posted_in a,
.product_meta span,
.single-product .product-summary .price,
.woosc-btn-has-icon.woosc-btn-icon-text,
.rbb-social.text-xs a {
  color: #ffffff !important;
  margin-bottom: 0 !important;
}

.quantity,
.woocommerce-result-count {
  color: #1e1e20;
}

.quantity input.qty {
  background-color: #ffffff !important;
  color: #1e1e20 !important;
}

.single-product .product-summary form .quantity button.minus {
  top: auto;
  left: auto;
}

.single-product .product-summary form .quantity button.plus {
  top: auto;
  right: 4px;
}

.fastindi-hero-panel {
  background: linear-gradient(135deg, #1b1b20 0%, #16161a 50%, #121215 100%);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  transition: border-color 0.3s ease;
}

.fastindi-hero-panel:hover {
  border-color: rgba(255, 255, 255, 0.2);
}

.icv-image {
  background-color: #161619;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.75rem;
}

.icv-desc {
  color: #d1d5db;
  font-size: 0.875rem;
  line-height: 1.625;
}

/* --------------------------------------------------------------------------
   5. CUSTOM INTERACTIVE COMPONENTS (View More, WhatsApp, Accordion)
   -------------------------------------------------------------------------- */
.rbb-view-more-btn {
  background-color: #9412f3 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;
  padding: 12px 32px !important;
  border-radius: 9999px !important;
  border: 1px solid #9412f3 !important;
  box-shadow: 0 4px 20px rgba(148, 18, 243, 0.45) !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.rbb-view-more-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(148, 18, 243, 0.6) !important;
}

.whatsapp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 20px;
  border-radius: 50px;
  background: linear-gradient(90deg, #a100ff, #5b189a);
  color: #ffffff !important;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  box-shadow: 0 10px 25px rgba(116, 0, 255, 0.35);
  transition: all 0.3s ease;
}

.whatsapp-btn:hover {
  transform: translateY(-2px);
  color: #ffffff !important;
}

.rbb-accordion-content.block ul {
  list-style: disc;
  padding-left: 20px;
  margin: 10px 0;
}

.rbb-accordion .rbb-accordion-title,
.rbb-accordion .rbb-accordion-title.act,
.elementor-accordion .elementor-accordion-title,
.elementor-tab-title,
.elementor-accordion-item .elementor-accordion-title,
.elementor-toggle-title,
.block_accordion .rbb-accordion-title,
.faq-title,
.faq-header,
.faq-question {
  color: #ffffff !important;
}

.woosc-quick-table.label-column-yes,
.product_ratting,
.product-bottom-fade {
  display: none !important;
}