/* ===============================
   🎮 MARTFURY DARK GAME - PRO ENHANCED
   =============================== */

/* 🌙 GLOBAL DARK THEME */
:root {
  --dark-bg: #0a0a0d;
  --dark-card: #151519;
  --dark-border: #1f1f1f;
  --neon-blue: #00e5ff;
  --neon-purple: #8f00ff;
  --neon-pink: #ff00cc;
  --text-primary: #e0e0e0;
  --text-secondary: #aaa;
  --glow-blue: 0 0 15px rgba(0,229,255,0.6);
  --glow-purple: 0 0 15px rgba(143,0,255,0.6);
}

/* 1️⃣ HEADER UTAMA - GAMER STYLE */
.header-main,
.martfury-container,
.header-row,
.d-logo,
.header-extras {
  background: linear-gradient(135deg, #0a0a0d 0%, #151520 100%) !important;
  color: var(--text-primary) !important;
  border-bottom: 2px solid var(--neon-blue) !important;
  box-shadow: 0 4px 20px rgba(0,229,255,0.1) !important;
  position: relative;
  z-index: 1000;
}

/* RGB Header Effect */
.header-main::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue), var(--neon-pink));
  animation: rgbSlide 3s infinite linear;
}

@keyframes rgbSlide {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Logo dengan efek neon */
.header-main .site-title a {
  color: var(--neon-blue) !important;
  text-shadow: var(--glow-blue);
  font-weight: 800;
  font-size: 1.8em;
  letter-spacing: 1px;
}

.header-main .site-description {
  color: var(--neon-purple) !important;
  font-weight: 300;
}

/* Navigation Items - Gaming Style */
.header-main .main-navigation ul li a {
  color: var(--text-primary) !important;
  font-weight: 600;
  padding: 10px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.header-main .main-navigation ul li a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue));
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.header-main .main-navigation ul li a:hover {
  color: var(--neon-blue) !important;
  background: rgba(0,229,255,0.1) !important;
}

.header-main .main-navigation ul li a:hover::before {
  width: 80%;
}

/* Search Box - Cyber Style */
.header-main .products-search,
.header-main .psearch-content {
  background: rgba(20,20,24,0.95) !important;
  border: 2px solid var(--neon-blue) !important;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  box-shadow: var(--glow-blue);
}

.header-main input[type="text"] {
  background: rgba(13,13,16,0.8) !important;
  color: var(--text-primary) !important;
  border: none !important;
  border-radius: 8px;
  padding: 12px 15px;
  font-size: 14px;
}

.header-main button.search-submit {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px;
  font-weight: bold;
  padding: 12px 20px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.header-main button.search-submit::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s;
}

.header-main button.search-submit:hover::before {
  left: 100%;
}

.header-main button.search-submit:hover {
  box-shadow: 0 0 25px rgba(0,229,255,0.8);
  transform: translateY(-2px);
}

/* Wishlist & Cart Icons - Neon Style */
.header-main .extra-icon {
  color: var(--neon-blue) !important;
  font-size: 1.3em;
  transition: all 0.3s ease;
  position: relative;
}

.header-main .extra-icon:hover {
  color: var(--neon-pink) !important;
  transform: scale(1.1);
  text-shadow: 0 0 15px rgba(255,0,204,0.7);
}

.header-main .mini-item-counter {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  color: #fff !important;
  font-weight: bold;
  border: 2px solid #fff;
  box-shadow: 0 0 10px rgba(0,229,255,0.7);
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}

/* 2️⃣ DROPDOWN ACCOUNT MENU - FUTURISTIC */
.header-main .extra-menu-item ul {
  background: rgba(11,11,15,0.98) !important;
  border: 2px solid var(--neon-blue) !important;
  border-radius: 10px;
  backdrop-filter: blur(15px);
  box-shadow: var(--glow-blue);
  padding: 10px 0;
}

.header-main .extra-menu-item ul li a {
  color: var(--text-primary) !important;
  padding: 10px 20px;
  transition: all 0.3s ease;
  border-left: 3px solid transparent;
}

.header-main .extra-menu-item ul li a:hover {
  color: var(--neon-blue) !important;
  background: rgba(0,229,255,0.1) !important;
  border-left: 3px solid var(--neon-blue);
  padding-left: 25px;
}

/* 3️⃣ FOOTER DARK FIX - CYBER STYLE */
.ps-footer, .site-footer, footer {
  background: linear-gradient(135deg, #0a0a0d 0%, #151520 100%) !important;
  color: var(--text-secondary) !important;
  border-top: 2px solid var(--neon-purple) !important;
  position: relative;
}

.ps-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue), var(--neon-pink));
  animation: rgbSlide 3s infinite linear;
}

.ps-footer a, footer a {
  color: var(--neon-blue) !important;
  transition: all 0.3s ease;
  position: relative;
  text-decoration: none;
}

.ps-footer a::after, footer a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--neon-pink);
  transition: width 0.3s ease;
}

.ps-footer a:hover, footer a:hover {
  color: var(--neon-pink) !important;
  text-shadow: 0 0 10px rgba(255,0,204,0.5);
}

.ps-footer a:hover::after, footer a:hover::after {
  width: 100%;
}

/* 4️⃣ DARK BACKGROUND GLOBAL */
body {
  background: var(--dark-bg) !important;
  color: var(--text-primary) !important;
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(143,0,255,0.05) 0%, transparent 20%),
    radial-gradient(circle at 90% 80%, rgba(0,229,255,0.05) 0%, transparent 20%);
}

/* ===============================
   🎯 NEW PRODUCT & RECENTLY VIEWED FIX
   =============================== */

/* Container Utama Product Sections */
.products-grid,
.products-list,
.mf-products-list,
.mf-products-grid,
.woocommerce ul.products,
.woocommerce-page ul.products {
  background: transparent !important;
}

/* Product Item Cards */
.woocommerce ul.products li.product,
.mf-products-list .product,
.mf-products-grid .product,
.products-grid .product,
.products-list .product {
  background: linear-gradient(145deg, #151519, #1a1a1f) !important;
  border: 2px solid rgba(0,229,255,0.3) !important;
  border-radius: 12px !important;
  padding: 15px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.3) !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Hover Effect */
.woocommerce ul.products li.product:hover,
.mf-products-list .product:hover,
.mf-products-grid .product:hover {
  transform: translateY(-8px) scale(1.02) !important;
  border: 2px solid var(--neon-blue) !important;
  box-shadow: 
    0 8px 25px rgba(0,229,255,0.4),
    0 0 30px rgba(143,0,255,0.3) !important;
}

/* Product Title - FIX UTAMA */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.mf-products-list .product-title,
.mf-products-grid .product-title,
.products-grid .product-title a,
.products-list .product-title a {
  color: #e0e0e0 !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.4 !important;
  margin-bottom: 10px !important;
  text-decoration: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}

/* Product Title Hover */
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover,
.products-grid .product-title a:hover {
  color: var(--neon-blue) !important;
  text-shadow: var(--glow-blue) !important;
}

/* Product Price */
.woocommerce ul.products li.product .price,
.mf-products-list .price,
.mf-products-grid .price,
.products-grid .price,
.products-list .price {
  color: var(--neon-blue) !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  margin: 10px 0 !important;
}

.woocommerce ul.products li.product .price del,
.mf-products-list .price del {
  color: #aaa !important;
  font-weight: 400 !important;
}

.woocommerce ul.products li.product .price ins,
.mf-products-list .price ins {
  color: var(--neon-pink) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

/* Product Image */
.woocommerce ul.products li.product img,
.mf-products-list .product img,
.mf-products-grid .product img {
  border-radius: 10px !important;
  border: 2px solid rgba(0,229,255,0.2) !important;
  background: #0a0a0d !important;
  padding: 5px !important;
  transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product img:hover {
  border: 2px solid var(--neon-blue) !important;
  box-shadow: 0 0 20px rgba(0,229,255,0.4) !important;
  transform: scale(1.05) !important;
}

/* Add to Cart Button */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.mf-products-list .button,
.mf-products-grid .button {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 20px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
  margin-top: 10px !important;
  width: 100% !important;
  text-align: center !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
  box-shadow: 0 0 25px rgba(0,229,255,0.8) !important;
  transform: translateY(-2px) !important;
  color: #fff !important;
}

/* Product Badges - Sale, New, etc */
.woocommerce ul.products li.product .onsale,
.mf-products-list .onsale,
.mf-products-grid .onsale {
  background: linear-gradient(90deg, var(--neon-pink), var(--neon-purple)) !important;
  color: #fff !important;
  border-radius: 20px !important;
  padding: 5px 12px !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  z-index: 10 !important;
  box-shadow: 0 0 15px rgba(255,0,204,0.5) !important;
}

/* Product Categories */
.woocommerce ul.products li.product .product-category,
.mf-products-list .product-category {
  color: #aaa !important;
  font-size: 12px !important;
  margin-bottom: 5px !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
}

/* Product Description/Excerpt */
.woocommerce ul.products li.product .product-excerpt,
.mf-products-list .product-excerpt {
  color: #bbb !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 10px 0 !important;
}

/* Rating Stars */
.woocommerce ul.products li.product .star-rating,
.mf-products-list .star-rating {
  color: var(--neon-blue) !important;
  margin: 8px 0 !important;
}

.woocommerce ul.products li.product .star-rating:before {
  color: #444 !important;
}

/* ===============================
   🎯 SECTION HEADERS FIX
   =============================== */

/* Section Titles - New Products, Recently Viewed, etc */
.products-section .section-title,
.mf-products-section .section-title,
.woocommerce .products .section-title,
.recently-viewed .section-title,
.new-products .section-title {
  color: var(--neon-blue) !important;
  font-weight: 800 !important;
  font-size: 2em !important;
  text-align: center !important;
  margin-bottom: 30px !important;
  text-shadow: var(--glow-blue) !important;
  position: relative !important;
  padding-bottom: 15px !important;
}

.products-section .section-title:after,
.mf-products-section .section-title:after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100px !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  border-radius: 3px !important;
}

/* ===============================
   🎯 RECENTLY VIEWED ENHANCEMENT
   =============================== */

/* Recently Viewed Specific Fix */
.mf-recently-products .product,
.footer-recently-viewed .product {
  background: linear-gradient(145deg, #151519, #1a1a1f) !important;
}

.mf-recently-products .product-info,
.footer-recently-viewed .product-info {
  background: rgba(10, 10, 15, 0.95) !important;
  border: 2px solid var(--neon-blue) !important;
  color: #e0e0e0 !important;
  box-shadow: var(--glow-blue) !important;
  border-radius: 10px !important;
  padding: 12px !important;
  text-align: center !important;
  backdrop-filter: blur(10px) !important;
}

.mf-recently-products .product-price,
.footer-recently-viewed .product-price {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

/* ===============================
   🎯 CAROUSEL NAVIGATION FIX
   =============================== */

/* Product Carousel Arrows */
.products-carousel .slick-arrow,
.mf-products-carousel .slick-arrow {
  background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue)) !important;
  color: #fff !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: var(--glow-blue) !important;
  border: 2px solid #fff !important;
  z-index: 100 !important;
}

.products-carousel .slick-arrow:hover,
.mf-products-carousel .slick-arrow:hover {
  box-shadow: 
    0 0 25px rgba(0,229,255,0.8),
    0 0 35px rgba(143,0,255,0.6) !important;
  transform: scale(1.1) !important;
}

/* ===============================
   🎯 FORCE TEXT COLOR FIX
   =============================== */

/* Emergency Fix untuk text hitam */
.woocommerce ul.products li.product *,
.mf-products-list .product *,
.mf-products-grid .product * {
  color: #e0e0e0 !important;
}

/* Specific force untuk elemen yang masih hitam */
[class*="product"] [style*="color: #000"],
[class*="product"] [style*="color:#000"],
[class*="product"] [style*="color: black"],
[class*="product"] [style*="color:black"] {
  color: #e0e0e0 !important;
}

/* Force untuk span dan div dalam product */
.woocommerce ul.products li.product span:not(.price):not(.onsale),
.woocommerce ul.products li.product div:not(.price) {
  color: #e0e0e0 !important;
}

/* ===============================
   🎯 LOADING STATES
   =============================== */

.woocommerce ul.products li.product .button.loading,
.woocommerce ul.products li.product .add_to_cart_button.loading {
  color: transparent !important;
  position: relative !important;
}

.woocommerce ul.products li.product .button.loading:after,
.woocommerce ul.products li.product .add_to_cart_button.loading:after {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 20px !important;
  height: 20px !important;
  border: 2px solid transparent !important;
  border-top: 2px solid #fff !important;
  border-radius: 50% !important;
  animation: spin 1s linear infinite !important;
}

@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

/* ===============================
   🎯 RESPONSIVE FIX
   =============================== */

@media (max-width: 768px) {
  .woocommerce ul.products li.product,
  .mf-products-list .product,
  .mf-products-grid .product {
    padding: 10px !important;
    margin-bottom: 15px !important;
  }
  
  .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 14px !important;
  }
  
  .woocommerce ul.products li.product .price {
    font-size: 16px !important;
  }
}

/* ===============================
   🎮 FORCE BLACK TO RGB TRANSFORMATION
   =============================== */

/* EMERGENCY FIX: Ubah semua warna hitam ke RGB theme */
[style*="color: #000"],
[style*="color:#000"],
[style*="color: #000000"],
[style*="color:#000000"],
[style*="color: black"],
[style*="color:black"],
[style*="color: rgb(0,0,0)"],
[style*="color:rgba(0,0,0"],
[style*="color: #111"],
[style*="color:#111"],
[style*="color: #222"],
[style*="color:#222"],
[style*="color: #333"],
[style*="color:#333"] {
  color: var(--neon-blue) !important;
}

/* Force untuk text yang sangat gelap */
[class*="product"] *,
[class*="widget"] *,
[class*="footer"] *,
[class*="header"] *,
[class*="menu"] *,
[class*="nav"] *,
[class*="content"] *,
[class*="section"] *,
[class*="container"] *,
[class*="main"] *,
[class*="sidebar"] * {
  color: #e0e0e0 !important;
}

/* Specific force untuk elemen penting */
.woocommerce-loop-product__title,
.product-title,
.entry-title,
.widget-title,
.section-title,
.block-title,
.page-title,
.post-title,
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  color: var(--neon-blue) !important;
  text-shadow: var(--glow-blue) !important;
}

/* Force untuk paragraph dan text content */
p, span, div, li, td, th, label, figcaption, cite, blockquote {
  color: #e0e0e0 !important;
}

/* Force untuk link */
a:not(.button):not(.btn):not(.add_to_cart_button) {
  color: var(--neon-blue) !important;
}

a:not(.button):not(.btn):not(.add_to_cart_button):hover {
  color: var(--neon-pink) !important;
  text-shadow: 0 0 10px rgba(255,0,204,0.5) !important;
}

/* ===============================
   🎯 PRODUCT SPECIFIC FORCE
   =============================== */

/* Force semua text dalam product ke warna theme */
.woocommerce ul.products li.product *,
.mf-products-list *,
.mf-products-grid *,
.products-grid *,
.products-list *,
.mf-recently-products *,
.footer-recently-viewed * {
  color: #e0e0e0 !important;
}

/* Product title khusus ke neon blue */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3,
.mf-products-list .product-title,
.mf-products-grid .product-title {
  color: var(--neon-blue) !important;
  text-shadow: var(--glow-blue) !important;
}

/* Price khusus gradient */
.woocommerce ul.products li.product .price,
.mf-products-list .price,
.mf-products-grid .price {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-weight: 700 !important;
}

/* ===============================
   🎯 WIDGET SPECIFIC FORCE
   =============================== */

/* Force semua widget text */
.widget *:not(a):not(button):not(input):not(select):not(textarea) {
  color: #e0e0e0 !important;
}

.widget-title,
.widget h2,
.widget h3,
.widget h4 {
  color: var(--neon-blue) !important;
  text-shadow: var(--glow-blue) !important;
}

.widget a {
  color: var(--neon-blue) !important;
}

.widget a:hover {
  color: var(--neon-pink) !important;
}

/* ===============================
   🎯 UNIVERSAL RGB THEME FORCE
   =============================== */

/* Global text color reset */
body * {
  color: #e0e0e0 !important;
}

/* Exceptions untuk elemen tertentu */
input, textarea, select, button, 
.woocommerce .button, .woocommerce button,
.add_to_cart_button, .single_add_to_cart_button,
.search-submit, .search-field {
  color: inherit !important;
}

/* Headers dengan warna RGB */
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .post-title,
.section-title, .block-title {
  color: var(--neon-blue) !important;
  text-shadow: var(--glow-blue) !important;
}

/* Special elements dengan warna accent */
.onsale, .badge, .tag, .category,
.star-rating, .woocommerce-review-link {
  color: var(--neon-purple) !important;
}

/* Price dengan gradient effect */
.price, .amount, .woocommerce-Price-amount {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

/* ===============================
   🎯 NUKED BLACK COLORS
   =============================== */

/* Nuclear option - hapus semua warna gelap */
* {
  color: #e0e0e0 !important;
}

/* Reset untuk form elements */
input:not([type="submit"]):not([type="button"]),
textarea, select {
  color: #000 !important; /* Biarkan hitam untuk form biar bisa dibaca */
  background: #0a0a0d !important;
  border: 2px solid var(--neon-blue) !important;
}

/* Buttons tetap dengan warna normal */
button, .button, .btn, 
[type="submit"], [type="button"],
.add_to_cart_button {
  color: #fff !important;
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
}

/* ===============================
   🎯 BREADCRUMBS DARK THEME FIX
   =============================== */

/* Breadcrumbs Container */
.breadcrumbs,
#breadcrumbs,
.woocommerce-breadcrumb,
.mf-breadcrumbs,
.site-breadcrumb,
.page-breadcrumb {
  background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
  border: 2px solid var(--neon-blue) !important;
  border-radius: 10px !important;
  padding: 15px 20px !important;
  margin: 20px 0 !important;
  box-shadow: var(--glow-blue) !important;
  color: #e0e0e0 !important;
  font-size: 14px !important;
}

/* Breadcrumbs Text & Links */
.breadcrumbs a,
#breadcrumbs a,
.woocommerce-breadcrumb a,
.mf-breadcrumbs a,
.site-breadcrumb a {
  color: var(--neon-blue) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

.breadcrumbs a:hover,
#breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover {
  color: var(--neon-pink) !important;
  text-shadow: 0 0 10px rgba(255,0,204,0.5) !important;
}

/* Breadcrumbs Separator */
.breadcrumbs span:not(.breadcrumb_last):not(a),
#breadcrumbs span:not(.breadcrumb_last):not(a),
.woocommerce-breadcrumb span:not(.breadcrumb_last):not(a),
.breadcrumbs .separator,
#breadcrumbs .separator {
  color: var(--neon-purple) !important;
  margin: 0 8px !important;
  font-weight: bold !important;
}

/* Current Page (Last breadcrumb) */
.breadcrumbs .breadcrumb_last,
#breadcrumbs .breadcrumb_last,
.woocommerce-breadcrumb .breadcrumb_last,
.breadcrumbs .current,
#breadcrumbs .current {
  color: var(--neon-pink) !important;
  font-weight: 700 !important;
  text-shadow: 0 0 10px rgba(255,0,204,0.5) !important;
}

/* Breadcrumbs dengan efek modern */
.breadcrumbs::before,
#breadcrumbs::before {
  content: '📍';
  margin-right: 10px;
  color: var(--neon-blue);
  font-size: 16px;
}

/* Responsive Breadcrumbs */
@media (max-width: 768px) {
  .breadcrumbs,
  #breadcrumbs {
    padding: 10px 15px !important;
    font-size: 12px !important;
    margin: 10px 0 !important;
  }
  
  .breadcrumbs a,
  #breadcrumbs a {
    font-size: 12px !important;
  }
}

/* Breadcrumbs di dalam specific sections */
.woocommerce .woocommerce-breadcrumb,
.woocommerce-page .woocommerce-breadcrumb {
  background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
  border: 2px solid var(--neon-blue) !important;
  padding: 12px 20px !important;
  margin-bottom: 30px !important;
}

/* Breadcrumbs dengan background pattern */
.breadcrumbs {
  position: relative !important;
  overflow: hidden !important;
}

.breadcrumbs::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(0,229,255,0.1));
  pointer-events: none;
}

/* ===============================
   🎯 PAGE HEADER & BREADCRUMBS CONTAINER FIX
   =============================== */

/* Page Header Container */
.page-header,
.page-header-catalog,
.catalog-page-header,
.shop-page-header {
  background: linear-gradient(135deg, #0a0a0d 0%, #151520 100%) !important;
  border-bottom: 2px solid var(--neon-blue) !important;
  padding: 20px 0 !important;
  margin-bottom: 30px !important;
  box-shadow: 0 4px 20px rgba(0,229,255,0.1) !important;
}

/* Page Breadcrumbs Container */
.page-breadcrumbs,
.breadcrumbs-container,
.breadcrumb-wrapper {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Container inside */
.page-breadcrumbs .container,
.breadcrumbs-container .container {
  background: transparent !important;
  padding: 0 !important;
}

/* Breadcrumbs itu sendiri */
.page-breadcrumbs .breadcrumbs,
.page-breadcrumbs #breadcrumbs,
.breadcrumbs-container .breadcrumbs {
  background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
  border: 2px solid var(--neon-blue) !important;
  border-radius: 12px !important;
  padding: 15px 25px !important;
  margin: 0 !important;
  box-shadow: var(--glow-blue) !important;
  color: #e0e0e0 !important;
  font-size: 14px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* Efek RGB untuk breadcrumbs */
.page-breadcrumbs .breadcrumbs::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue), var(--neon-pink));
  animation: rgbSlide 3s infinite linear;
}

/* Breadcrumbs Links */
.page-breadcrumbs .breadcrumbs a,
.page-breadcrumbs #breadcrumbs a {
  color: var(--neon-blue) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

.page-breadcrumbs .breadcrumbs a:hover {
  color: var(--neon-pink) !important;
  text-shadow: 0 0 10px rgba(255,0,204,0.5) !important;
}

/* Breadcrumbs Separator */
.page-breadcrumbs .breadcrumbs span:not(.breadcrumb_last):not(a),
.page-breadcrumbs #breadcrumbs span:not(.breadcrumb_last):not(a) {
  color: var(--neon-purple) !important;
  margin: 0 10px !important;
  font-weight: bold !important;
}

/* Current Page */
.page-breadcrumbs .breadcrumbs .breadcrumb_last,
.page-breadcrumbs #breadcrumbs .breadcrumb_last {
  color: var(--neon-pink) !important;
  font-weight: 700 !important;
  text-shadow: 0 0 10px rgba(255,0,204,0.5) !important;
}

/* ===============================
   🎯 NUKED WHITE BACKGROUND FIX
   =============================== */

/* Nuclear option untuk semua kemungkinan white background */
.page-header[style*="background"],
.page-header-catalog[style*="background"],
.page-breadcrumbs[style*="background"],
.breadcrumbs[style*="background"],
#breadcrumbs[style*="background"],
.container[style*="background"] {
  background: linear-gradient(135deg, #0a0a0d, #151520) !important;
  background-color: #0a0a0d !important;
}

/* Force remove white background dari container */
.page-breadcrumbs .container,
.breadcrumbs-container .container,
.page-header .container {
  background: transparent !important;
  background-color: transparent !important;
}

/* Specific untuk container yang masih putih */
.container:has(.breadcrumbs),
.container:has(#breadcrumbs) {
  background: transparent !important;
}

/* ===============================
   🎯 CATALOG/SPECIAL PAGE HEADERS
   =============================== */

/* Catalog specific styling */
.page-header-catalog {
  background: linear-gradient(135deg, #0a0a0d 0%, #151520 100%) !important;
  border-bottom: 3px solid var(--neon-purple) !important;
  position: relative !important;
}

.page-header-catalog::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue), var(--neon-pink));
  animation: rgbSlide 3s infinite linear;
}

/* Shop page header */
.woocommerce-page .page-header,
.shop-page .page-header {
  background: linear-gradient(135deg, #0a0a0d 0%, #151520 100%) !important;
  border-bottom: 2px solid var(--neon-blue) !important;
}

/* ===============================
   🎯 RESPONSIVE FIX
   =============================== */

@media (max-width: 768px) {
  .page-header,
  .page-header-catalog {
    padding: 15px 0 !important;
    margin-bottom: 20px !important;
  }
  
  .page-breadcrumbs .breadcrumbs,
  .page-breadcrumbs #breadcrumbs {
    padding: 12px 15px !important;
    font-size: 12px !important;
  }
  
  .page-breadcrumbs .breadcrumbs a {
    font-size: 12px !important;
  }
}

/* ===============================
   🎯 ANIMATION KEYFRAMES
   =============================== */

@keyframes rgbSlide {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* ===============================
   🎯 CATALOG TOOLBAR DARK THEME FIX
   =============================== */

/* Main Toolbar Container */
#mf-catalog-toolbar,
.mf-catalog-toolbar,
.shop-toolbar,
.catalog-toolbar,
.woocommerce-toolbar,
.products-toolbar {
  background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
  border: 2px solid var(--neon-blue) !important;
  border-radius: 12px !important;
  padding: 20px 25px !important;
  margin: 20px 0 !important;
  box-shadow: var(--glow-blue) !important;
  color: #e0e0e0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
}

/* Products Found Text */
.shop-toolbar .products-found,
#mf-catalog-toolbar .products-found,
.mf-catalog-toolbar .products-found {
  color: #e0e0e0 !important;
  font-size: 14px !important;
}

.shop-toolbar .products-found strong,
#mf-catalog-toolbar .products-found strong {
  color: var(--neon-blue) !important;
  font-weight: 700 !important;
  margin-right: 5px !important;
}

/* Shop View (Grid/List) */
.shop-toolbar .shop-view,
#mf-catalog-toolbar .shop-view {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.shop-toolbar .shop-view span,
#mf-catalog-toolbar .shop-view span {
  color: #aaa !important;
  font-size: 14px !important;
}

/* View Buttons */
.shop-toolbar .mf-shop-view,
#mf-catalog-toolbar .mf-shop-view {
  background: rgba(13,13,16,0.8) !important;
  border: 2px solid rgba(0,229,255,0.3) !important;
  border-radius: 8px !important;
  padding: 8px 12px !important;
  color: #e0e0e0 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
}

.shop-toolbar .mf-shop-view.current,
#mf-catalog-toolbar .mf-shop-view.current {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  border-color: var(--neon-blue) !important;
  color: #fff !important;
  box-shadow: var(--glow-blue) !important;
}

.shop-toolbar .mf-shop-view:hover,
#mf-catalog-toolbar .mf-shop-view:hover {
  border-color: var(--neon-blue) !important;
  box-shadow: 0 0 15px rgba(0,229,255,0.4) !important;
  transform: translateY(-2px) !important;
}

/* View Icons */
.shop-toolbar .mf-shop-view i,
#mf-catalog-toolbar .mf-shop-view i {
  color: inherit !important;
  font-size: 16px !important;
}

/* Filter Mobile Button */
.shop-toolbar .mf-filter-mobile,
#mf-catalog-toolbar .mf-filter-mobile {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 10px 15px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.shop-toolbar .mf-filter-mobile:hover,
#mf-catalog-toolbar .mf-filter-mobile:hover {
  box-shadow: 0 0 20px rgba(0,229,255,0.6) !important;
  transform: translateY(-2px) !important;
}

.shop-toolbar .mf-filter-mobile i,
#mf-catalog-toolbar .mf-filter-mobile i {
  color: #fff !important;
}

/* Sorting Dropdown */
.shop-toolbar .woocommerce-ordering,
#mf-catalog-toolbar .woocommerce-ordering {
  position: relative !important;
  margin: 0 !important;
}

.shop-toolbar .woocommerce-ordering > li.current,
#mf-catalog-toolbar .woocommerce-ordering > li.current {
  background: rgba(13,13,16,0.8) !important;
  border: 2px solid rgba(0,229,255,0.3) !important;
  border-radius: 8px !important;
  padding: 10px 15px !important;
  color: #e0e0e0 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.shop-toolbar .woocommerce-ordering > li.current:hover,
#mf-catalog-toolbar .woocommerce-ordering > li.current:hover {
  border-color: var(--neon-blue) !important;
  box-shadow: 0 0 15px rgba(0,229,255,0.4) !important;
}

/* Dropdown Menu */
.shop-toolbar .woocommerce-ordering ul,
#mf-catalog-toolbar .woocommerce-ordering ul {
  background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
  border: 2px solid var(--neon-blue) !important;
  border-radius: 8px !important;
  box-shadow: var(--glow-blue) !important;
  padding: 10px 0 !important;
  margin-top: 5px !important;
  min-width: 200px !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 1000 !important;
}

.shop-toolbar .woocommerce-ordering ul li,
#mf-catalog-toolbar .woocommerce-ordering ul li {
  margin: 0 !important;
  padding: 0 !important;
}

.shop-toolbar .woocommerce-ordering ul li a,
#mf-catalog-toolbar .woocommerce-ordering ul li a {
  color: #e0e0e0 !important;
  text-decoration: none !important;
  padding: 10px 15px !important;
  display: block !important;
  transition: all 0.3s ease !important;
  border-left: 3px solid transparent !important;
}

.shop-toolbar .woocommerce-ordering ul li a:hover,
#mf-catalog-toolbar .woocommerce-ordering ul li a:hover {
  background: rgba(0,229,255,0.1) !important;
  color: var(--neon-blue) !important;
  border-left: 3px solid var(--neon-blue) !important;
}

.shop-toolbar .woocommerce-ordering ul li a.active,
#mf-catalog-toolbar .woocommerce-ordering ul li a.active {
  color: var(--neon-pink) !important;
  background: rgba(255,0,204,0.1) !important;
  border-left: 3px solid var(--neon-pink) !important;
}

/* Cancel Button */
.shop-toolbar .cancel-ordering,
#mf-catalog-toolbar .cancel-ordering {
  display: none !important; /* Biasanya hidden sampai dropdown aktif */
}

.shop-toolbar .cancel-ordering a,
#mf-catalog-toolbar .cancel-ordering a {
  color: var(--neon-pink) !important;
  text-decoration: none !important;
}

/* ===============================
   🎯 NOTICES WRAPPER
   =============================== */

.woocommerce-notices-wrapper {
  background: transparent !important;
  margin: 15px 0 !important;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
  background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
  border: 2px solid var(--neon-blue) !important;
  border-radius: 8px !important;
  padding: 15px 20px !important;
  color: #e0e0e0 !important;
  box-shadow: var(--glow-blue) !important;
}

.woocommerce-message {
  border-color: var(--neon-blue) !important;
}

.woocommerce-info {
  border-color: var(--neon-purple) !important;
}

.woocommerce-error {
  border-color: var(--neon-pink) !important;
}

/* ===============================
   🎯 RESPONSIVE TOOLBAR
   =============================== */

@media (max-width: 768px) {
  #mf-catalog-toolbar,
  .shop-toolbar {
    padding: 15px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }
  
  .shop-toolbar .shop-view,
  #mf-catalog-toolbar .shop-view {
    justify-content: center !important;
  }
  
  .shop-toolbar .woocommerce-ordering,
  #mf-catalog-toolbar .woocommerce-ordering {
    width: 100% !important;
  }
  
  .shop-toolbar .woocommerce-ordering > li.current,
  #mf-catalog-toolbar .woocommerce-ordering > li.current {
    text-align: center !important;
  }
  
  .shop-toolbar .woocommerce-ordering ul,
  #mf-catalog-toolbar .woocommerce-ordering ul {
    width: 100% !important;
    left: 0 !important;
  }
}

/* ===============================
   🎯 MULTIPLE CLASS SPECIFIC
   =============================== */

.shop-toolbar.multiple {
  background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
}

/* Force remove white backgrounds */
#mf-catalog-toolbar[style*="background"],
.shop-toolbar[style*="background"],
.woocommerce-ordering[style*="background"] {
  background: linear-gradient(135deg, #151519, #1a1a1f) !important;
}

/* ===============================
   🎯 PRODUCT CATEGORIES WIDGET FIX
   =============================== */

/* Categories Widget Container */
.mf_widget_product_categories,
.widget_product_categories,
.woocommerce.widget_product_categories,
#mf_product_categories-2 {
  background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
  border: 2px solid var(--neon-blue) !important;
  border-radius: 12px !important;
  padding: 25px !important;
  margin-bottom: 25px !important;
  box-shadow: var(--glow-blue) !important;
  color: #e0e0e0 !important;
}

/* Widget Title */
.mf_widget_product_categories .widget-title,
.widget_product_categories .widget-title {
  color: var(--neon-blue) !important;
  font-weight: 700 !important;
  font-size: 1.3em !important;
  margin-bottom: 20px !important;
  text-shadow: var(--glow-blue) !important;
  border-left: 4px solid var(--neon-purple) !important;
  padding-left: 12px !important;
}

/* Categories List */
.mf_widget_product_categories .product-categories,
.widget_product_categories .product-categories {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Category Items */
.mf_widget_product_categories .cat-item,
.widget_product_categories .cat-item {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(0,229,255,0.2) !important;
  transition: all 0.3s ease !important;
}

.mf_widget_product_categories .cat-item:last-child,
.widget_product_categories .cat-item:last-child {
  border-bottom: none !important;
}

/* Category Links */
.mf_widget_product_categories .cat-item a,
.widget_product_categories .cat-item a {
  color: #e0e0e0 !important;
  text-decoration: none !important;
  padding: 12px 15px !important;
  display: block !important;
  transition: all 0.3s ease !important;
  border-left: 3px solid transparent !important;
  border-radius: 6px !important;
  margin: 2px 0 !important;
  font-weight: 500 !important;
}

.mf_widget_product_categories .cat-item a:hover,
.widget_product_categories .cat-item a:hover {
  color: var(--neon-blue) !important;
  background: rgba(0,229,255,0.1) !important;
  border-left: 3px solid var(--neon-blue) !important;
  text-shadow: 0 0 10px rgba(0,229,255,0.5) !important;
  transform: translateX(5px) !important;
}

/* Active/Current Category */
.mf_widget_product_categories .cat-item.current-cat > a,
.widget_product_categories .cat-item.current-cat > a,
.mf_widget_product_categories .cat-item.current-cat-parent > a,
.widget_product_categories .cat-item.current-cat-parent > a {
  color: var(--neon-pink) !important;
  background: rgba(255,0,204,0.1) !important;
  border-left: 3px solid var(--neon-pink) !important;
  font-weight: 600 !important;
}

/* Category Count (jika ada) */
.mf_widget_product_categories .count,
.widget_product_categories .count {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 2px 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  margin-left: 8px !important;
  float: right !important;
}

/* Children Categories (nested) */
.mf_widget_product_categories .children,
.widget_product_categories .children {
  list-style: none !important;
  padding-left: 20px !important;
  margin: 5px 0 !important;
  border-left: 2px solid rgba(0,229,255,0.3) !important;
}

.mf_widget_product_categories .children .cat-item a,
.widget_product_categories .children .cat-item a {
  padding: 8px 15px !important;
  font-size: 13px !important;
  color: #bbb !important;
}

.mf_widget_product_categories .children .cat-item a:hover,
.widget_product_categories .children .cat-item a:hover {
  color: var(--neon-blue) !important;
  background: rgba(0,229,255,0.05) !important;
}

/* Show Children Only Style */
.mf_widget_product_categories .show-children-only .cat-item,
.widget_product_categories .show-children-only .cat-item {
  position: relative !important;
}

/* Hover Effects untuk entire widget */
.mf_widget_product_categories:hover,
.widget_product_categories:hover {
  box-shadow: 0 0 25px rgba(0,229,255,0.8) !important;
  transform: translateY(-2px) !important;
}

/* ===============================
   🎯 SPECIFIC CATEGORY COLORS
   =============================== */

/* Berikan warna berbeda untuk kategori tertentu */
.mf_widget_product_categories .cat-item-59 a, /* Game LAN */
.widget_product_categories .cat-item-59 a {
  border-left: 3px solid #00e5ff !important;
}

.mf_widget_product_categories .cat-item-203 a, /* Game Mobile */
.widget_product_categories .cat-item-203 a {
  border-left: 3px solid #8f00ff !important;
}

.mf_widget_product_categories .cat-item-162 a, /* Game Offline */
.widget_product_categories .cat-item-162 a {
  border-left: 3px solid #ff00cc !important;
}

.mf_widget_product_categories .cat-item-209 a, /* Game Web */
.widget_product_categories .cat-item-209 a {
  border-left: 3px solid #00ff88 !important;
}

.mf_widget_product_categories .cat-item-213 a, /* Toko Poin */
.widget_product_categories .cat-item-213 a {
  border-left: 3px solid #ffaa00 !important;
}

/* VIP Categories */
.mf_widget_product_categories .cat-item-217 a, /* vip-annual */
.mf_widget_product_categories .cat-item-215 a, /* vip-membership */
.mf_widget_product_categories .cat-item-216 a, /* vip-pro */
.mf_widget_product_categories .cat-item-218 a, /* vip-pro-annual */
.widget_product_categories .cat-item-217 a,
.widget_product_categories .cat-item-215 a,
.widget_product_categories .cat-item-216 a,
.widget_product_categories .cat-item-218 a {
  border-left: 3px solid #ff0066 !important;
  background: linear-gradient(90deg, rgba(255,0,102,0.1), transparent) !important;
}

/* ===============================
   🎯 RESPONSIVE CATEGORIES
   =============================== */

@media (max-width: 768px) {
  .mf_widget_product_categories,
  .widget_product_categories {
    padding: 20px !important;
  }
  
  .mf_widget_product_categories .cat-item a,
  .widget_product_categories .cat-item a {
    padding: 10px 12px !important;
    font-size: 14px !important;
  }
  
  .mf_widget_product_categories .children,
  .widget_product_categories .children {
    padding-left: 15px !important;
  }
}

/* ===============================
   🎯 NUKED WHITE BACKGROUND REMOVAL
   =============================== */

/* Remove white background dari categories widget */
.mf_widget_product_categories[style*="background"],
.widget_product_categories[style*="background"],
#mf_product_categories-2[style*="background"] {
  background: linear-gradient(135deg, #151519, #1a1a1f) !important;
  border: 2px solid var(--neon-blue) !important;
}

/* Force dark theme untuk semua kemungkinan white background */
[class*="product-categories"][style*="background"],
[class*="widget_product"][style*="background"] {
  background: linear-gradient(135deg, #151519, #1a1a1f) !important;
}

/* Remove white background dari list items */
.product-categories[style*="background"],
.cat-item[style*="background"] {
  background: transparent !important;
}

/* ===============================
   🎯 TEXT COLOR FORCE FIX
   =============================== */

/* Force semua text di categories widget */
.mf_widget_product_categories *,
.widget_product_categories * {
  color: #e0e0e0 !important;
}

/* Exception untuk links */
.mf_widget_product_categories a,
.widget_product_categories a {
  color: #e0e0e0 !important;
}

.mf_widget_product_categories a:hover,
.widget_product_categories a:hover {
  color: var(--neon-blue) !important;
}

/* ===============================
   🎯 PRICE FILTER & RATING FILTER WIDGET FIX
   =============================== */

/* Price Filter Widget Container */
.widget_price_filter,
#woocommerce_price_filter-2,
.woocommerce.widget_price_filter {
  background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
  border: 2px solid var(--neon-blue) !important;
  border-radius: 12px !important;
  padding: 25px !important;
  margin-bottom: 25px !important;
  box-shadow: var(--glow-blue) !important;
  color: #e0e0e0 !important;
}

/* Rating Filter Widget Container */
.widget_rating_filter,
#martfury_rating_filter-2,
.woocommerce.widget_rating_filter {
  background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
  border: 2px solid var(--neon-purple) !important;
  border-radius: 12px !important;
  padding: 25px !important;
  margin-bottom: 25px !important;
  box-shadow: var(--glow-purple) !important;
  color: #e0e0e0 !important;
}

/* Widget Title */
.widget_price_filter .widget-title,
.widget_rating_filter .widget-title {
  color: var(--neon-blue) !important;
  font-weight: 700 !important;
  font-size: 1.3em !important;
  margin-bottom: 20px !important;
  text-shadow: var(--glow-blue) !important;
  border-left: 4px solid var(--neon-purple) !important;
  padding-left: 12px !important;
}

/* ===============================
   🎯 PRICE SLIDER STYLING
   =============================== */

/* Price Slider Wrapper */
.price_slider_wrapper {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Price Slider Track */
.price_slider.ui-slider {
  background: #0d0d10 !important;
  border: 2px solid rgba(0,229,255,0.3) !important;
  border-radius: 10px !important;
  height: 8px !important;
  margin-bottom: 25px !important;
  position: relative !important;
}

/* Price Slider Range */
.price_slider .ui-slider-range {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  border-radius: 10px !important;
  height: 100% !important;
  box-shadow: var(--glow-blue) !important;
}

/* Price Slider Handles */
.price_slider .ui-slider-handle {
  background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue)) !important;
  border: 3px solid #fff !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  top: -7px !important;
  cursor: pointer !important;
  box-shadow: 0 0 15px rgba(0,229,255,0.8) !important;
  transition: all 0.3s ease !important;
}

.price_slider .ui-slider-handle:hover {
  transform: scale(1.2) !important;
  box-shadow: 0 0 25px rgba(0,229,255,1) !important;
}

.price_slider .ui-slider-handle:focus {
  outline: none !important;
  transform: scale(1.3) !important;
}

/* Price Slider Amount */
.price_slider_amount {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
  align-items: flex-start !important;
}

/* Price Label */
.price_label {
  color: #e0e0e0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-bottom: 10px !important;
}

.price_label .from,
.price_label .to {
  color: var(--neon-blue) !important;
  font-weight: 700 !important;
  text-shadow: var(--glow-blue) !important;
}

/* Filter Button */
.price_slider_amount .button {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 25px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  box-shadow: var(--glow-blue) !important;
}

.price_slider_amount .button:hover {
  box-shadow: 0 0 25px rgba(0,229,255,0.8) !important;
  transform: translateY(-2px) !important;
}

/* Hidden Inputs */
.price_slider_amount input[type="text"] {
  display: none !important;
}

/* ===============================
   🎯 RATING FILTER STYLING
   =============================== */

/* Rating Filter List */
.widget_rating_filter ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Rating Items */
.widget_rating_filter .wc-layered-nav-rating {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(143,0,255,0.2) !important;
  transition: all 0.3s ease !important;
}

.widget_rating_filter .wc-layered-nav-rating:last-child {
  border-bottom: none !important;
}

/* Rating Links */
.widget_rating_filter .wc-layered-nav-rating a {
  color: #e0e0e0 !important;
  text-decoration: none !important;
  padding: 12px 15px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  transition: all 0.3s ease !important;
  border-left: 3px solid transparent !important;
  border-radius: 6px !important;
  margin: 2px 0 !important;
}

.widget_rating_filter .wc-layered-nav-rating a:hover {
  color: var(--neon-purple) !important;
  background: rgba(143,0,255,0.1) !important;
  border-left: 3px solid var(--neon-purple) !important;
  text-shadow: 0 0 10px rgba(143,0,255,0.5) !important;
  transform: translateX(5px) !important;
}

/* Star Rating */
.widget_rating_filter .star-rating {
  color: var(--neon-blue) !important;
  font-size: 14px !important;
  position: relative !important;
  height: 1em !important;
  line-height: 1 !important;
}

.widget_rating_filter .star-rating:before {
  color: #444 !important;
  content: "★★★★★" !important;
  font-size: 14px !important;
}

.widget_rating_filter .star-rating span {
  color: var(--neon-blue) !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  height: 100% !important;
}

.widget_rating_filter .star-rating span:before {
  color: var(--neon-blue) !important;
  content: "★★★★★" !important;
  font-size: 14px !important;
  text-shadow: var(--glow-blue) !important;
}

/* Rating Text */
.widget_rating_filter .rating {
  color: var(--neon-pink) !important;
  font-weight: 700 !important;
}

/* Rating Count */
.widget_rating_filter .wc-layered-nav-rating a:after {
  content: attr(href) !important;
  display: none !important;
}

.widget_rating_filter .wc-layered-nav-rating a {
  position: relative !important;
}

.widget_rating_filter .wc-layered-nav-rating a:before {
  content: "(" attr(data-count) ")" !important;
  color: var(--neon-blue) !important;
  font-weight: 600 !important;
  margin-left: auto !important;
  font-size: 13px !important;
}

/* Manual count fix untuk rating tertentu */
.widget_rating_filter li:nth-child(1) a:before { content: "(9)" !important; }
.widget_rating_filter li:nth-child(2) a:before { content: "(10)" !important; }
.widget_rating_filter li:nth-child(3) a:before { content: "(2)" !important; }
.widget_rating_filter li:nth-child(4) a:before { content: "(1)" !important; }

/* ===============================
   🎯 ACTIVE FILTER STATES
   =============================== */

/* Active Price Filter */
.widget_price_filter .button:active,
.widget_price_filter .button:focus {
  background: linear-gradient(90deg, var(--neon-pink), var(--neon-purple)) !important;
  transform: translateY(0) !important;
}

/* Active Rating Filter */
.widget_rating_filter .wc-layered-nav-rating.chosen a {
  color: var(--neon-pink) !important;
  background: rgba(255,0,204,0.1) !important;
  border-left: 3px solid var(--neon-pink) !important;
  font-weight: 600 !important;
}

/* ===============================
   🎯 RESPONSIVE FILTERS
   =============================== */

@media (max-width: 768px) {
  .widget_price_filter,
  .widget_rating_filter {
    padding: 20px !important;
  }
  
  .price_slider_amount {
    align-items: stretch !important;
  }
  
  .price_slider_amount .button {
    width: 100% !important;
    text-align: center !important;
  }
  
  .widget_rating_filter .wc-layered-nav-rating a {
    padding: 10px 12px !important;
    font-size: 14px !important;
  }
}

/* ===============================
   🎯 NUKED WHITE BACKGROUND REMOVAL
   =============================== */

/* Remove white background dari filter widgets */
.widget_price_filter[style*="background"],
.widget_rating_filter[style*="background"],
#woocommerce_price_filter-2[style*="background"],
#martfury_rating_filter-2[style*="background"] {
  background: linear-gradient(135deg, #151519, #1a1a1f) !important;
}

/* Remove white background dari slider */
.price_slider[style*="background"],
.ui-slider[style*="background"],
.ui-widget-content[style*="background"] {
  background: #0d0d10 !important;
}

/* Remove white background dari slider range */
.ui-slider-range[style*="background"],
.ui-widget-header[style*="background"] {
  background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
}

/* ===============================
   🎯 TEXT COLOR FORCE FIX
   =============================== */

/* Force semua text di filter widgets */
.widget_price_filter *,
.widget_rating_filter * {
  color: #e0e0e0 !important;
}

/* Exception untuk special elements */
.widget_price_filter .from,
.widget_price_filter .to,
.widget_rating_filter .rating {
  color: var(--neon-blue) !important;
}

.widget_rating_filter .star-rating {
  color: var(--neon-blue) !important;
}	

/* ===============================
   🎯 FIX UNTUK woo-loop-product__title & mf-product-details-hover
   =============================== */

/* Fix untuk woo-loop-product__title */
.woo-loop-product__title a,
.woo-loop-product__title a:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #e0e0e0 !important;
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.woo-loop-product__title a:hover {
    color: var(--neon-blue) !important;
    text-shadow: var(--glow-blue) !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Fix untuk mf-product-details-hover */
.mf-product-details-hover,
.mf-product-details-hover:hover {
    background: transparent !important;
    background-color: transparent !important;
}

.mf-product-details-hover .woo-loop-product__title a,
.mf-product-details-hover .woo-loop-product__title a:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

.mf-product-details-hover .woo-loop-product__title a:hover {
    color: var(--neon-blue) !important;
    text-shadow: var(--glow-blue) !important;
}

/* Fix untuk mf-product-details */
.mf-product-details,
.mf-product-details:hover {
    background: transparent !important;
    background-color: transparent !important;
}

.mf-product-details .woo-loop-product__title a,
.mf-product-details .woo-loop-product__title a:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* Fix untuk mf-product-content */
.mf-product-content,
.mf-product-content:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* ===============================
   🎯 SPECIFIC FIX UNTUK WHITE BACKGROUND PADA HOVER
   =============================== */

/* Target spesifik elemen yang memberikan white background */
.mf-product-details-hover:hover,
.mf-product-details:hover .mf-product-details-hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Fix untuk link di dalam product details */
.mf-product-details a:hover,
.mf-product-details-hover a:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* ===============================
   🎯 NUKED FIX UNTUK MARTFURY SPECIFIC ELEMENTS
   =============================== */

/* Remove background dari semua martfury product elements */
[class*="mf-product"]:hover,
[class*="mf-product"] *:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* Tapi pastikan product card utama tetap ada hover effect */
.woocommerce ul.products li.product:hover {
    background: linear-gradient(145deg, #151519, #1a1a1f) !important;
    border: 2px solid var(--neon-blue) !important;
}

/* Hanya judul yang transparent */
.woocommerce ul.products li.product:hover .woo-loop-product__title,
.woocommerce ul.products li.product:hover .woo-loop-product__title a {
    background: transparent !important;
    background-color: transparent !important;
}

/* ===============================
   🎯 FIX UNTUK SHORT DESCRIPTION
   =============================== */

.woocommerce-product-details__short-description,
.woocommerce-product-details__short-description:hover {
    background: transparent !important;
    background-color: transparent !important;
}

.woocommerce-product-details__short-description p {
    background: transparent !important;
    background-color: transparent !important;
    color: #bbb !important;
}

/* ===============================
   🎯 FIX UNTUK BLOG/ENTRY CONTENT
   =============================== */

/* Entry Content Container */
.entry-content,
.entry-content:hover {
    background: transparent !important;
    background-color: transparent !important;
}

.entry-content-top,
.entry-content-top:hover {
    background: transparent !important;
    background-color: transparent !important;
}

.entry-content-bottom,
.entry-content-bottom:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* Entry Title */
.entry-title,
.entry-title:hover {
    background: transparent !important;
    background-color: transparent !important;
}

.entry-title a,
.entry-title a:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--neon-blue) !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

.entry-title a:hover {
    color: var(--neon-pink) !important;
    text-shadow: 0 0 10px rgba(255,0,204,0.5) !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Categories Links */
.categories-links,
.categories-links:hover {
    background: transparent !important;
    background-color: transparent !important;
}

.categories-links a,
.categories-links a:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--neon-purple) !important;
    text-decoration: none !important;
}

.categories-links a:hover {
    color: var(--neon-blue) !important;
    text-shadow: var(--glow-blue) !important;
}

/* Entry Description */
.entry-desc,
.entry-desc:hover {
    background: transparent !important;
    background-color: transparent !important;
}

.entry-desc p,
.entry-desc p:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #bbb !important;
}

/* Entry Meta */
.entry-meta,
.entry-meta:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: #aaa !important;
}

.entry-meta a,
.entry-meta a:hover {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--neon-blue) !important;
    text-decoration: none !important;
}

.entry-meta a:hover {
    color: var(--neon-pink) !important;
    text-shadow: 0 0 10px rgba(255,0,204,0.5) !important;
}

/* Entry Author */
.entry-author,
.entry-author:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* ===============================
   🎯 FIX UNTUK BLOG POST CARD/CONTAINER
   =============================== */

/* Jika ada container blog post */
.post,
.hentry,
.blog-post,
.entry {
    background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
    border: 2px solid var(--neon-blue) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
    box-shadow: var(--glow-blue) !important;
    transition: all 0.3s ease !important;
}

.post:hover,
.hentry:hover,
.blog-post:hover,
.entry:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.8) !important;
    border-color: var(--neon-pink) !important;
}

/* Tapi pastikan content di dalamnya tetap transparent */
.post .entry-content,
.post .entry-content-top,
.post .entry-content-bottom,
.hentry .entry-content,
.hentry .entry-content-top,
.hentry .entry-content-bottom {
    background: transparent !important;
    background-color: transparent !important;
}

/* ===============================
   🎯 NUKED FIX UNTUK SEMUA ENTRY ELEMENTS
   =============================== */

/* Remove background dari semua entry-related elements */
[class*="entry"]:hover,
[class*="entry"] *:hover {
    background: transparent !important;
    background-color: transparent !important;
}

/* Tapi pastikan container utama tetap ada background */
.post,
.hentry,
.blog-post {
    background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
}

/* Specific untuk text elements */
.entry-title,
.entry-desc,
.entry-meta,
.categories-links {
    background: transparent !important;
    background-color: transparent !important;
}

/* ===============================
   🎯 FIX UNTUK BLOG LISTING PAGE
   =============================== */

/* Blog page container */
.blog .site-main,
.archive .site-main,
.search .site-main {
    background: transparent !important;
}

/* Blog post items dalam loop */
.posts-loop .post,
.posts-loop .hentry,
.blog .post,
.blog .hentry {
    background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
    border: 2px solid var(--neon-blue) !important;
    border-radius: 12px !important;
    padding: 25px !important;
    margin-bottom: 25px !important;
    box-shadow: var(--glow-blue) !important;
}

/* ===============================
   🎯 VIP MEMBERSHIP DARK THEME FIX
   =============================== */

/* VIP Page Container */
.post-7284,
.entry-content {
    background: transparent !important;
}

/* User Status Section */
.wvm-user-status,
.wvm-user-status[style*="background"] {
    background: transparent !important;
    max-width: 600px !important;
    margin: 20px auto !important;
}

/* Active Membership Status */
.wvm-status-active,
.wvm-status-active[style*="background: linear-gradient(135deg, #28a745, #20c997)"] {
    background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue)) !important;
    color: #e0e0e0 !important;
    padding: 30px !important;
    border-radius: 12px !important;
    text-align: center !important;
    border: 2px solid var(--neon-blue) !important;
    box-shadow: var(--glow-blue) !important;
}

/* Status Details */
.wvm-status-details,
.wvm-status-details[style*="background: rgba(255,255,255,0.2)"] {
    background: rgba(0,229,255,0.1) !important;
    padding: 20px !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
}

/* Expiry Warning */
.wvm-expiry-warning,
.wvm-expiry-warning[style*="background: #ffc107"] {
    background: linear-gradient(135deg, #ffaa00, #ff7700) !important;
    color: #fff !important;
    padding: 15px !important;
    border-radius: 6px !important;
    margin: 15px 0 !important;
    border: 1px solid #ffaa00 !important;
}

.wvm-expiry-warning .button,
.wvm-expiry-warning .button[style*="background: #856404"] {
    background: linear-gradient(90deg, #ffaa00, #ff7700) !important;
    color: #fff !important;
    border: none !important;
}

/* Benefits Section */
.wvm-benefits-section,
.wvm-benefits-section[style*="background"] {
    background: transparent !important;
    margin: 30px 0 !important;
}

/* Benefits Grid */
.wvm-benefits-grid,
.wvm-benefits-grid[style*="background"] {
    background: transparent !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)) !important;
    gap: 20px !important;
}

/* Benefit Cards */
.wvm-benefit-card,
.wvm-benefit-card[style*="background: white"] {
    background: linear-gradient(135deg, #151519, #1a1a1f) !important;
    padding: 25px !important;
    border-radius: 10px !important;
    box-shadow: var(--glow-blue) !important;
    text-align: center !important;
    border: 2px solid var(--neon-blue) !important;
    transition: all 0.3s ease !important;
}

.wvm-benefit-card:hover {
    transform: translateY(-5px) !important;
    border-color: var(--neon-pink) !important;
    box-shadow: 0 8px 25px rgba(255,0,204,0.6) !important;
}

/* Benefit Card Text */
.wvm-benefit-card h4,
.wvm-benefit-card h4[style*="color: #333"] {
    color: var(--neon-blue) !important;
    margin: 0 0 10px 0 !important;
    text-shadow: var(--glow-blue) !important;
}

.wvm-benefit-card p,
.wvm-benefit-card p[style*="color: #666"] {
    color: #e0e0e0 !important;
    margin: 0 !important;
}

/* VIP Pricing Section */
.wvm-membership-pricing,
.wvm-annual-membership-pricing {
    background: transparent !important;
    max-width: 1200px !important;
    margin: 40px auto !important;
}

/* Pricing Header */
.wvm-pricing-header,
.wvm-annual-pricing-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

.wvm-pricing-header h2,
.wvm-annual-pricing-header h2,
.wvm-pricing-header h2[style*="color: #333"] {
    color: var(--neon-blue) !important;
    margin-bottom: 15px !important;
    text-shadow: var(--glow-blue) !important;
}

.wvm-pricing-header p,
.wvm-annual-pricing-header p,
.wvm-pricing-header p[style*="color: #666"] {
    color: #e0e0e0 !important;
    font-size: 18px !important;
    max-width: 600px !important;
    margin: 0 auto !important;
}

/* Pricing Tables */
.wvm-pricing-table,
.wvm-annual-pricing-table {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
    gap: 30px !important;
    align-items: start !important;
}

/* Pricing Plans */
.wvm-pricing-plan,
.wvm-annual-pricing-plan,
.wvm-pricing-plan[style*="background: white"],
.wvm-annual-pricing-plan[style*="background: white"] {
    background: linear-gradient(135deg, #151519, #1a1a1f) !important;
    border-radius: 12px !important;
    padding: 40px 30px !important;
    box-shadow: var(--glow-blue) !important;
    border: 2px solid var(--neon-blue) !important;
    position: relative !important;
    color: #e0e0e0 !important;
    transition: all 0.3s ease !important;
}

/* VIP Pro Plan */
.wvm-pricing-plan[style*="background: linear-gradient(135deg, #0073aa, #0056b3)"],
.wvm-annual-pricing-plan[style*="background: linear-gradient(135deg, #0073aa, #0056b3)"] {
    background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue)) !important;
    border: 2px solid var(--neon-pink) !important;
    box-shadow: var(--glow-purple) !important;
    color: #fff !important;
}

/* Plan Badges */
.wvm-plan-badge,
.wvm-annual-plan-badge {
    position: absolute !important;
    top: -12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
    color: white !important;
    padding: 6px 20px !important;
    border-radius: 20px !important;
    font-weight: bold !important;
    font-size: 14px !important;
    border: 1px solid var(--neon-blue) !important;
}

/* VIP Pro Badge */
.wvm-plan-badge[style*="background: #ffd700"],
.wvm-annual-plan-badge[style*="background: #ffd700"] {
    background: linear-gradient(90deg, var(--neon-pink), var(--neon-purple)) !important;
    color: #fff !important;
}

/* Plan Headers */
.wvm-plan-header h3,
.wvm-annual-plan-header h3,
.wvm-plan-header h3[style*="color: #333"] {
    color: var(--neon-blue) !important;
    margin: 20px 0 10px !important;
}

.wvm-pricing-plan[style*="background: linear-gradient"] h3,
.wvm-annual-pricing-plan[style*="background: linear-gradient"] h3 {
    color: #fff !important;
}

/* Plan Prices */
.wvm-plan-price,
.wvm-annual-plan-price,
.wvm-plan-price[style*="color: #0073aa"] {
    color: var(--neon-blue) !important;
    font-size: 36px !important;
    font-weight: bold !important;
}

.wvm-pricing-plan[style*="background: linear-gradient"] .wvm-plan-price {
    color: var(--neon-pink) !important;
}

/* Plan Features */
.wvm-plan-features,
.wvm-annual-plan-features {
    margin-bottom: 30px !important;
}

.wvm-plan-features ul,
.wvm-annual-plan-features ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wvm-plan-features li,
.wvm-annual-plan-features li {
    padding: 10px 0 !important;
    border-bottom: 1px solid rgba(0,229,255,0.2) !important;
    display: flex !important;
    align-items: center !important;
    color: #e0e0e0 !important;
}

.wvm-pricing-plan[style*="background: linear-gradient"] .wvm-plan-features li {
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
    color: #fff !important;
}

/* Buttons */
.wvm-plan-action .button,
.wvm-annual-plan-action .button {
    background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
    color: white !important;
    padding: 15px 30px !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    display: inline-block !important;
    width: 100% !important;
    border: none !important;
    transition: all 0.3s ease !important;
}

.wvm-plan-action .button:hover,
.wvm-annual-plan-action .button:hover {
    box-shadow: 0 0 20px rgba(0,229,255,0.8) !important;
    transform: translateY(-2px) !important;
}

/* Comparison Section */
.wvm-annual-comparison,
.wvm-annual-comparison[style*="background: #f8f9fa"] {
    background: linear-gradient(135deg, #151519, #1a1a1f) !important;
    margin-top: 60px !important;
    padding: 40px !important;
    border-radius: 12px !important;
    border: 2px solid var(--neon-blue) !important;
    box-shadow: var(--glow-blue) !important;
}

.wvm-annual-comparison h3,
.wvm-annual-comparison h3[style*="color: #333"] {
    color: var(--neon-blue) !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

/* FAQ Section */
.wvm-pricing-faq,
.wvm-pricing-faq[style*="background: #f8f9fa"] {
    background: linear-gradient(135deg, #151519, #1a1a1f) !important;
    margin-top: 60px !important;
    padding: 40px !important;
    border-radius: 12px !important;
    border: 2px solid var(--neon-blue) !important;
    box-shadow: var(--glow-blue) !important;
}

.wvm-pricing-faq h3,
.wvm-pricing-faq h3[style*="color: #333"] {
    color: var(--neon-blue) !important;
    text-align: center !important;
    margin-bottom: 30px !important;
}

.wvm-faq-item h4,
.wvm-faq-item h4[style*="color: #333"] {
    color: var(--neon-blue) !important;
    margin: 0 0 10px 0 !important;
}

.wvm-faq-item p,
.wvm-faq-item p[style*="color: #666"] {
    color: #e0e0e0 !important;
    margin: 0 !important;
}

/* ===============================
   🎯 FIX HOVER BACKGROUND ISSUE
   =============================== */

/* Pastikan semua container punya background saat hover */
.wvm-benefit-card:hover,
.wvm-pricing-plan:hover,
.wvm-annual-pricing-plan:hover {
    background: linear-gradient(135deg, #151519, #1a1a1f) !important;
}

.wvm-pricing-plan[style*="background: linear-gradient"]:hover,
.wvm-annual-pricing-plan[style*="background: linear-gradient"]:hover {
    background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue)) !important;
}

/* Features hover */
.wvm-plan-features li:hover,
.wvm-annual-plan-features li:hover {
    background: rgba(0,229,255,0.1) !important;
    border-radius: 4px !important;
}

.wvm-pricing-plan[style*="background: linear-gradient"] .wvm-plan-features li:hover {
    background: rgba(255,255,255,0.1) !important;
}

/* ===============================
   🎯 FIX UNTUK CUSTOM PRODUCT CARDS
   =============================== */

/* Produk Card Container */
.produk-card-hover,
.produk-card-hover[style*="background:white"],
.produk-card-hover[style*="background: white"] {
    background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
    border: 2px solid var(--neon-blue) !important;
    padding: 15px !important;
    text-align: center !important;
    height: 450px !important;
    position: relative !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: var(--glow-blue) !important;
}

/* Hover Effect */
.produk-card-hover:hover {
    transform: translateY(-8px) !important;
    border-color: var(--neon-pink) !important;
    box-shadow: 
        0 8px 25px rgba(0,229,255,0.6),
        0 0 30px rgba(255,0,204,0.4) !important;
}

/* Image Container */
.produk-card-hover div[style*="height:150px"] {
    height: 150px !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
}

/* Product Image */
.produk-card-hover img {
    width: 100% !important;
    height: 150px !important;
    object-fit: cover !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
}

.produk-card-hover:hover img {
    transform: scale(1.05) !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.6) !important;
}

/* Product Title Container */
.produk-card-hover div[style*="height:60px"] {
    height: 60px !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

/* Product Title */
.produk-card-hover div[style*="font-weight:bold"] {
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    color: var(--neon-blue) !important;
    text-shadow: var(--glow-blue) !important;
}

/* Price Container */
.produk-card-hover div[style*="height:50px"] {
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 10px !important;
    flex-shrink: 0 !important;
}

/* Price Text */
.produk-card-hover div[style*="color:green"] {
    font-size: 20px !important;
    font-weight: bold !important;
    color: var(--neon-pink) !important;
    text-shadow: 0 0 10px rgba(255,0,204,0.5) !important;
}

/* Button Container */
.produk-card-hover div[style*="margin-top: auto"] {
    margin-top: auto !important;
}

/* Tukar Poin Button */
.produk-card-hover button[type="submit"],
.produk-card-hover button[style*="background:green"] {
    background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
    color: white !important;
    border: none !important;
    padding: 12px !important;
    width: 100% !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    box-shadow: var(--glow-blue) !important;
}

/* Button Hover Effects - Override inline JavaScript */
.produk-card-hover button:hover,
.produk-card-hover button[type="submit"]:hover {
    background: linear-gradient(90deg, var(--neon-pink), var(--neon-purple)) !important;
    box-shadow: 0 0 20px rgba(255,0,204,0.6) !important;
    transform: translateY(-2px) !important;
}

/* Remove inline JavaScript hover effects */
.produk-card-hover button[onmouseover],
.produk-card-hover button[onmouseout] {
    onmouseover: none !important;
    onmouseout: none !important;
}

/* Form Elements */
.produk-card-hover form {
    margin: 0 !important;
}

.produk-card-hover input[type="hidden"] {
    display: none !important;
}

/* ===============================
   🎯 NUKED OVERRIDE FOR INLINE STYLES
   =============================== */

/* Nuclear override untuk semua inline white backgrounds */
[class*="produk-card"][style*="background:white"],
[class*="produk-card"][style*="background: white"] {
    background: linear-gradient(135deg, #151519, #1a1a1f) !important;
    border: 2px solid var(--neon-blue) !important;
    box-shadow: var(--glow-blue) !important;
}

/* Override border color */
[style*="border:1px solid #ddd"] {
    border: 2px solid var(--neon-blue) !important;
}

/* ===============================
   🎯 RESPONSIVE FIX
   =============================== */

@media (max-width: 768px) {
    .produk-card-hover,
    .produk-card-hover[style*="background:white"] {
        height: 400px !important;
        padding: 12px !important;
    }
    
    .produk-card-hover div[style*="height:150px"] {
        height: 130px !important;
    }
    
    .produk-card-hover img {
        height: 130px !important;
    }
    
    .produk-card-hover div[style*="height:60px"] {
        height: 50px !important;
    }
    
    .produk-card-hover div[style*="height:50px"] {
        height: 40px !important;
    }
    
    .produk-card-hover button[type="submit"] {
        padding: 10px !important;
        font-size: 14px !important;
    }
}		

/* ===============================
   🎯 FIX UNTUK WC DEALS SECTION
   =============================== */

/* WC Deals Inner Frame */
.wc-deals-inner-frame,
.wc-deals-inner-frame[style*="background: white"] {
    background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
    padding: 40px 30px !important;
    border-radius: 15px !important;
    box-shadow: var(--glow-blue) !important;
    position: relative !important;
    z-index: 2 !important;
    border: 2px solid var(--neon-blue) !important;
}

/* WC Deals Title */
.wc-deals-carousel-title,
.wc-deals-carousel-title[style*="color: #2c3e50"] {
    text-align: center !important;
    margin-bottom: 20px !important;
    font-size: 32px !important;
    font-weight: 800 !important;
    color: var(--neon-blue) !important;
    position: relative !important;
    padding-bottom: 15px !important;
    text-shadow: var(--glow-blue) !important;
}

.wc-deals-carousel-title span,
.wc-deals-carousel-title span[style*="background: linear-gradient(90deg, #ff6b6b, #ffa500)"] {
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100px !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue)) !important;
    border-radius: 2px !important;
    box-shadow: var(--glow-blue) !important;
}

/* WC Deals Countdown */
.wc-deals-countdown,
.wc-deals-countdown[style*="background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%)"] {
    text-align: center !important;
    margin-bottom: 30px !important;
    padding: 20px !important;
    background: linear-gradient(135deg, var(--neon-purple), var(--neon-pink)) !important;
    border-radius: 15px !important;
    box-shadow: var(--glow-purple) !important;
    color: white !important;
    max-width: 600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border: 2px solid var(--neon-pink) !important;
}

/* Countdown Title */
.wc-deals-countdown-title,
.wc-deals-countdown-title[style*="color: white"] {
    font-size: 18px !important;
    margin-bottom: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #fff !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3) !important;
}

/* Countdown Timer */
.wc-deals-countdown-timer,
.wc-deals-countdown-timer[style*="display: flex"] {
    display: flex !important;
    justify-content: center !important;
    gap: 15px !important;
    flex-wrap: wrap !important;
}

/* Countdown Items */
.wc-deals-countdown-item,
.wc-deals-countdown-item[style*="background: rgba(255,255,255,0.2)"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: rgba(255,255,255,0.15) !important;
    padding: 15px 10px !important;
    border-radius: 12px !important;
    min-width: 80px !important;
    backdrop-filter: blur(10px) !important;
    border: 2px solid rgba(255,255,255,0.3) !important;
    transition: all 0.3s ease !important;
}

.wc-deals-countdown-item:hover {
    transform: scale(1.05) !important;
    background: rgba(255,255,255,0.25) !important;
    border-color: rgba(255,255,255,0.5) !important;
}

/* Countdown Values */
.wc-deals-countdown-value,
.wc-deals-countdown-value[style*="font-size: 32px"] {
    font-size: 32px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3) !important;
    color: #fff !important;
}

/* Countdown Labels */
.wc-deals-countdown-label,
.wc-deals-countdown-label[style*="font-size: 12px"] {
    font-size: 12px !important;
    text-transform: uppercase !important;
    margin-top: 5px !important;
    opacity: 0.9 !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    color: #fff !important;
}

/* Countdown Note */
.wc-deals-countdown-note,
.wc-deals-countdown-note[style*="color: white"] {
    margin-top: 10px !important;
    font-size: 12px !important;
    opacity: 0.8 !important;
    font-style: italic !important;
    color: #fff !important;
}

/* ===============================
   🎯 FIX UNTUK DEAL CAROUSEL CARDS
   =============================== */

/* Deal Carousel Card */
.wc-deal-carousel-card,
.wc-deal-carousel-card[style*="background: #fff"] {
    background: linear-gradient(135deg, #151519 0%, #1a1a1f 100%) !important;
    border: 2px solid var(--neon-blue) !important;
    border-radius: 16px !important;
    padding: 25px !important;
    box-shadow: var(--glow-blue) !important;
    text-align: center !important;
    transition: all 0.4s ease !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    overflow: hidden !important;
}

.wc-deal-carousel-card:before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, var(--neon-purple), var(--neon-blue), var(--neon-pink)) !important;
    background-size: 200% 100% !important;
    animation: gradientShift 3s ease infinite !important;
}

.wc-deal-carousel-card:hover {
    transform: translateY(-10px) !important;
    box-shadow: 0 15px 35px rgba(0,229,255,0.3) !important;
    border-color: var(--neon-pink) !important;
}

/* Deal Carousel Image */
.wc-deal-carousel-image {
    margin-bottom: 20px !important;
    flex-shrink: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 3px solid rgba(0,229,255,0.3) !important;
    transition: all 0.3s ease !important;
}

.wc-deal-carousel-card:hover .wc-deal-carousel-image {
    border-color: var(--neon-blue) !important;
    transform: scale(1.02) !important;
}

.wc-deal-carousel-image img {
    width: 100% !important;
    height: 200px !important;
    object-fit: contain !important;
    transition: transform 0.3s ease !important;
}

.wc-deal-carousel-card:hover .wc-deal-carousel-image img {
    transform: scale(1.08) !important;
}

/* Deal Carousel Title */
.wc-deal-carousel-title {
    margin: 0 0 15px 0 !important;
    font-size: 18px !important;
    line-height: 1.4 !important;
    min-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 600 !important;
}

.wc-deal-carousel-title a {
    text-decoration: none !important;
    color: var(--neon-blue) !important;
    transition: color 0.3s ease !important;
    text-shadow: var(--glow-blue) !important;
}

.wc-deal-carousel-title a:hover {
    color: var(--neon-pink) !important;
    text-shadow: 0 0 10px rgba(255,0,204,0.5) !important;
}

/* Deal Carousel Prices */
.wc-deal-carousel-prices {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 20px !important;
    flex-wrap: wrap !important;
    background: rgba(0,229,255,0.1) !important;
    padding: 12px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
}

.wc-deal-carousel-regular-price {
    color: #aaa !important;
    text-decoration: line-through !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.wc-deal-carousel-sale-price {
    color: var(--neon-pink) !important;
    font-size: 22px !important;
    font-weight: bold !important;
    text-shadow: 0 0 10px rgba(255,0,204,0.5) !important;
}

/* Deal Carousel Button */
.wc-deal-carousel-view-button,
.wc-deal-carousel-view-button[style*="background: linear-gradient(135deg, #007cba, #005a87)"] {
    background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue)) !important;
    color: white !important;
    padding: 14px 25px !important;
    border: none !important;
    border-radius: 10px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    font-size: 16px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: var(--glow-blue) !important;
}

.wc-deal-carousel-view-button:before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent) !important;
    transition: left 0.5s !important;
}

.wc-deal-carousel-view-button:hover {
    background: linear-gradient(135deg, var(--neon-pink), var(--neon-purple)) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(255,0,204,0.3) !important;
}

.wc-deal-carousel-view-button:hover:before {
    left: 100% !important;
}

/* ===============================
   🎯 FIX UNTUK CAROUSEL NAVIGATION
   =============================== */

/* Slick Arrows */
.wc-deals-carousel-container .slick-prev,
.wc-deals-carousel-container .slick-next {
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(135deg, var(--neon-purple), var(--neon-blue)) !important;
    border-radius: 50% !important;
    z-index: 2 !important;
    border: 3px solid #151519 !important;
    box-shadow: var(--glow-blue) !important;
    transition: all 0.3s ease !important;
}

.wc-deals-carousel-container .slick-prev:hover,
.wc-deals-carousel-container .slick-next:hover {
    transform: scale(1.1) !important;
    box-shadow: 0 8px 25px rgba(0,229,255,0.6) !important;
    background: linear-gradient(135deg, var(--neon-pink), var(--neon-purple)) !important;
}

.wc-deals-carousel-container .slick-prev:before,
.wc-deals-carousel-container .slick-next:before {
    font-size: 24px !important;
    color: white !important;
    font-weight: bold !important;
    text-shadow: 0 0 10px rgba(0,0,0,0.5) !important;
}

/* ===============================
   🎯 NUKED OVERRIDE FOR INLINE STYLES
   =============================== */

/* Nuclear override untuk semua inline white backgrounds */
[class*="wc-deals"][style*="background: white"],
[class*="wc-deal"][style*="background: #fff"],
[class*="wc-deal"][style*="background:#fff"] {
    background: linear-gradient(135deg, #151519, #1a1a1f) !important;
    border: 2px solid var(--neon-blue) !important;
    box-shadow: var(--glow-blue) !important;
}

/* Override text colors */
[style*="color: #2c3e50"],
[style*="color: #333"],
[style*="color: #666"] {
    color: #e0e0e0 !important;
}

[style*="color: #2c3e50"] {
    color: var(--neon-blue) !important;
}

/* ===============================
   🎯 ANIMATIONS
   =============================== */

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.wc-deals-countdown-value {
    animation: pulse 1s infinite !important;
}

/* ===============================
   🎯 RESPONSIVE FIX
   =============================== */

@media (max-width: 768px) {
    .wc-deals-inner-frame {
        padding: 30px 20px !important;
    }
    
    .wc-deals-carousel-title {
        font-size: 24px !important;
    }
    
    .wc-deals-countdown-timer {
        gap: 10px !important;
    }
    
    .wc-deals-countdown-item {
        min-width: 70px !important;
        padding: 12px 8px !important;
    }
    
    .wc-deals-countdown-value {
        font-size: 24px !important;
    }
    
    .wc-deals-carousel-container .slick-prev,
    .wc-deals-carousel-container .slick-next {
        width: 50px !important;
        height: 50px !important;
    }
}

@media (max-width: 480px) {
    .wc-deals-countdown-item {
        min-width: 60px !important;
        padding: 10px 5px !important;
    }
    
    .wc-deals-countdown-value {
        font-size: 20px !important;
    }
    
    .wc-deals-countdown-label {
        font-size: 10px !important;
    }
    
    .wc-deal-carousel-card {
        padding: 20px 15px !important;
    }
}

/* Author Box Dark Theme */
.post-author-box {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    padding: 25px !important;
    margin: 20px 0 !important;
}

/* Author Avatar */
.post-author-avatar {
    border: 3px solid #333333 !important;
    border-radius: 50% !important;
}

/* Author Description */
.post-author-desc {
    color: #ffffff !important;
}

/* Author Name */
.post-author-name h3 {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
}

/* Author Bio/Description Text */
.post-author-desc p {
    color: #cccccc !important;
    line-height: 1.6 !important;
    margin-bottom: 0 !important;
}

/* Jika ada social media links */
.post-author-desc .author-social-links a {
    color: #ffffff !important;
    background-color: #333333 !important;
    border: 1px solid #444444 !important;
}

.post-author-desc .author-social-links a:hover {
    background-color: #007cba !important;
    color: #ffffff !important;
}

.dropdown-submenu {
    background-color: #0a0a0a !important;
    border: 1px solid #222222 !important;
    border-radius: 4px !important;
}

.dropdown-submenu .menu-item a {
    color: #cccccc !important;
    padding: 10px 15px !important;
}

.dropdown-submenu .menu-item a:hover {
    background-color: #333333 !important;
    color: #ffffff !important;
}

/* Modern Dark Cart */
.widget_shopping_cart_content {
    background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%) !important;
    border: 1px solid #404040 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6) !important;
}

.mini_cart_item {
    background: transparent !important;
    border-bottom: 1px solid #333333 !important;
    padding: 15px 20px !important;
    transition: background-color 0.3s ease !important;
}

.mini_cart_item:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.mini_cart_item .product-name a {
    color: #ffffff !important;
    font-weight: 500 !important;
}

.mini_cart_item .quantity {
    color: #aaaaaa !important;
    font-size: 13px !important;
}

.mf-cart-panel-footer {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(10px) !important;
}

/* Cart Page Dark Theme */
.entry-content, 
.woocommerce-cart-form,
.shop_table {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Table Head */
.shop_table thead {
    background-color: #1a1a1a !important;
    border-bottom: 2px solid #333333 !important;
}

.shop_table th {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    padding: 15px !important;
    font-weight: 600 !important;
}

/* Table Body */
.shop_table tbody {
    background-color: #000000 !important;
}

.shop_table td {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    padding: 15px !important;
}

/* Cart Items */
.cart_item {
    background-color: #000000 !important;
    border-bottom: 1px solid #333333 !important;
}

.cart_item:hover {
    background-color: #1a1a1a !important;
}

/* Product Links */
.cart_item a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.cart_item a:hover {
    color: #007cba !important;
}

/* Quantity Box */
.quantity {
    background-color: #000000 !important;
}

.qty-box {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
}

.qty-box .input-text.qty {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}

.qty-box .decrease,
.qty-box .increase {
    background-color: #333333 !important;
    color: #ffffff !important;
    border: none !important;
}

.qty-box .decrease:hover,
.qty-box .increase:hover {
    background-color: #007cba !important;
}

/* Remove Button */
.mf-remove {
    color: #ff6b6b !important;
    background: transparent !important;
}

.mf-remove:hover {
    color: #ff0000 !important;
    background: transparent !important;
}

/* Buttons */
.button, 
.btn-shop, 
.btn-update,
input[type="submit"] {
    background-color: #007cba !important;
    color: #ffffff !important;
    border: 1px solid #007cba !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
}

.button:hover, 
.btn-shop:hover, 
.btn-update:hover,
input[type="submit"]:hover {
    background-color: #005a87 !important;
    border-color: #005a87 !important;
}

/* Coupon Section */
.coupon {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 6px !important;
    padding: 20px !important;
}

.coupon label {
    color: #ffffff !important;
}

.coupon input[type="text"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    padding: 10px !important;
}

/* Cart Totals */
.cart_totals {
    background-color: #1a1a1a !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    padding: 25px !important;
}

.cart_totals h2 {
    color: #ffffff !important;
    border-bottom: 2px solid #333333 !important;
    padding-bottom: 15px !important;
}

.cart_totals table {
    background-color: transparent !important;
}

.cart_totals th,
.cart_totals td {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #333333 !important;
    padding: 12px !important;
}

.cart_totals .order-total {
    background-color: #000000 !important;
    font-weight: bold !important;
}

/* Checkout Button */
.checkout-button {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    width: 100% !important;
    text-align: center !important;
    padding: 15px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.checkout-button:hover {
    background-color: #218838 !important;
    border-color: #218838 !important;
}

/* PayPal Button Container */
.ppc-button-wrapper {
    background-color: transparent !important;
    margin-top: 15px !important;
}

/* Price Amount */
.woocommerce-Price-amount {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Actions Row */
.actions {
    background-color: #1a1a1a !important;
    padding: 20px !important;
    border-top: 2px solid #333333 !important;
}

/* Back to Shop Button */
.btn-shop {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-shop:hover {
    background-color: #545b62 !important;
    border-color: #545b62 !important;
}

/* Update Cart Button */
.btn-update:disabled {
    background-color: #495057 !important;
    border-color: #495057 !important;
    cursor: not-allowed !important;
}

/* Cart Page Dark Theme - Uniform Black */
.entry-content, 
.woocommerce-cart-form,
.shop_table,
.shop_table thead,
.shop_table tbody,
.shop_table th,
.shop_table td,
.cart_item,
.quantity,
.qty-box,
.coupon,
.cart_totals,
.actions {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Table Head - Slightly Darker */
.shop_table thead,
.shop_table th {
    background-color: #0a0a0a !important;
}

/* Table Body */
.shop_table tbody {
    background-color: #000000 !important;
}

/* Table Cells */
.shop_table td {
    background-color: #000000 !important;
}

/* Borders - Consistent Dark Gray */
.shop_table,
.shop_table th,
.shop_table td,
.cart_totals table,
.cart_totals th,
.cart_totals td,
.qty-box,
.coupon,
.cart_totals {
    border: 1px solid #222222 !important;
    border-collapse: collapse !important;
}

/* Table Head Border */
.shop_table thead {
    border-bottom: 2px solid #222222 !important;
}

/* Cart Items */
.cart_item {
    border-bottom: 1px solid #222222 !important;
}

.cart_item:hover {
    background-color: #0a0a0a !important;
}

/* Product Links */
.cart_item a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.cart_item a:hover {
    color: #007cba !important;
}

/* Quantity Box */
.quantity {
    background-color: #000000 !important;
}

.qty-box {
    background-color: #000000 !important;
    border: 1px solid #222222 !important;
    border-radius: 4px !important;
}

.qty-box .input-text.qty {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
}

.qty-box .decrease,
.qty-box .increase {
    background-color: #222222 !important;
    color: #ffffff !important;
    border: none !important;
}

.qty-box .decrease:hover,
.qty-box .increase:hover {
    background-color: #007cba !important;
}

/* Remove Button */
.mf-remove {
    color: #ff6b6b !important;
    background: transparent !important;
}

.mf-remove:hover {
    color: #ff0000 !important;
    background: transparent !important;
}

/* Buttons */
.button, 
.btn-shop, 
.btn-update,
input[type="submit"] {
    background-color: #007cba !important;
    color: #ffffff !important;
    border: 1px solid #007cba !important;
    border-radius: 4px !important;
    padding: 10px 20px !important;
}

.button:hover, 
.btn-shop:hover, 
.btn-update:hover,
input[type="submit"]:hover {
    background-color: #005a87 !important;
    border-color: #005a87 !important;
}

/* Coupon Section */
.coupon {
    background-color: #000000 !important;
    border: 1px solid #222222 !important;
    border-radius: 6px !important;
    padding: 20px !important;
}

.coupon label {
    color: #ffffff !important;
}

.coupon input[type="text"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #222222 !important;
    border-radius: 4px !important;
    padding: 10px !important;
}

/* Cart Totals */
.cart_totals {
    background-color: #000000 !important;
    border: 1px solid #222222 !important;
    border-radius: 8px !important;
    padding: 25px !important;
}

.cart_totals h2 {
    color: #ffffff !important;
    border-bottom: 2px solid #222222 !important;
    padding-bottom: 15px !important;
}

.cart_totals table {
    background-color: transparent !important;
}

.cart_totals th,
.cart_totals td {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 1px solid #222222 !important;
    padding: 12px !important;
}

.cart_totals .order-total {
    background-color: #0a0a0a !important;
    font-weight: bold !important;
}

/* Checkout Button */
.checkout-button {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    width: 100% !important;
    text-align: center !important;
    padding: 15px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.checkout-button:hover {
    background-color: #218838 !important;
    border-color: #218838 !important;
}

/* PayPal Button Container */
.ppc-button-wrapper {
    background-color: transparent !important;
    margin-top: 15px !important;
}

/* Price Amount */
.woocommerce-Price-amount {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Actions Row */
.actions {
    background-color: #000000 !important;
    padding: 20px !important;
    border-top: 2px solid #222222 !important;
}

/* Back to Shop Button */
.btn-shop {
    background-color: #333333 !important;
    border-color: #333333 !important;
}

.btn-shop:hover {
    background-color: #555555 !important;
    border-color: #555555 !important;
}

/* Update Cart Button */
.btn-update:disabled {
    background-color: #222222 !important;
    border-color: #222222 !important;
    cursor: not-allowed !important;
}

/* Input Fields */
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
textarea,
select {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #222222 !important;
    border-radius: 4px !important;
    padding: 10px 12px !important;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
    border-color: #007cba !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.25) !important;
}

/* Labels */
label {
    color: #ffffff !important;
}

.screen-reader-text {
    color: #cccccc !important;
}

/* Buttons - Fix Alignment */
.button, 
.btn-shop, 
.btn-update,
input[type="submit"],
.checkout-button {
    background-color: #007cba !important;
    color: #ffffff !important;
    border: 1px solid #007cba !important;
    border-radius: 4px !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    height: auto !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    vertical-align: middle !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

/* Back to Shop Button */
.btn-shop {
    background-color: #333333 !important;
    border-color: #333333 !important;
    padding: 12px 20px !important;
}

.btn-shop:hover {
    background-color: #555555 !important;
    border-color: #555555 !important;
}

/* Checkout Button */
.checkout-button {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    width: 100% !important;
    padding: 15px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.checkout-button:hover {
    background-color: #218838 !important;
    border-color: #218838 !important;
}

/* Apply Coupon Button */
input[type="submit"][name="apply_coupon"] {
    padding: 12px 20px !important;
    margin-top: 10px !important;
}

/* Update Cart Button */
.btn-update:disabled {
    background-color: #222222 !important;
    border-color: #222222 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

/* Button Icons */
.btn-shop i,
.button i {
    margin-right: 8px !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

/* Force text alignment */
.button span,
.btn-shop span,
.checkout-button span {
    display: inline-block !important;
    vertical-align: middle !important;
    line-height: 1.2 !important;
}

/* Button container alignment */
.woocommerce-mini-cart__buttons,
.coupon .button,
.actions .button {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.woocommerce-mini-cart__buttons .button {
    flex: 1 !important;
    justify-content: center !important;
}

/* Warning Box Dark Theme */
div[style*="background: #fff3cd"],
div[style*="background:#fff3cd"] {
    background: #332701 !important;
    border-left: 4px solid #ffc107 !important;
    color: #ffd54f !important;
    margin-top: 10px !important;
    padding: 15px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
}

/* Text dalam warning box */
div[style*="background: #fff3cd"] strong,
div[style*="background:#fff3cd"] strong {
    color: #ffffff !important;
}

/* Emoji/symbol */
div[style*="background: #fff3cd"] img,
div[style*="background:#fff3cd"] img {
    filter: brightness(0) invert(1) !important;
}

/* ==========================================================
   ⚡ FIX RADIO BUTTON INVISIBLE + ADD NEON GLOW
   ========================================================== */

/* Pastikan tidak ada elemen pseudo menutupi */
.woocommerce-checkout #payment ul.payment_methods > li > label::before,
.woocommerce-checkout #payment ul.payment_methods > li > label::after {
    content: none !important;
    display: none !important;
}

/* Pastikan radio tidak disembunyikan */
.woocommerce-checkout #payment input[type="radio"].input-radio {
    position: relative !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    pointer-events: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    margin-right: 10px !important;

    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    border: 2px solid #555 !important;
    background: #0a0a0a !important;

    box-shadow: 0 0 4px rgba(0, 229, 255, 0.2) !important;
    cursor: pointer !important;
    transition: all 0.25s ease-in-out !important;
    vertical-align: middle !important;
}

/* Saat hover */
.woocommerce-checkout #payment input[type="radio"].input-radio:hover {
    border-color: #00e5ff !important;
    box-shadow: 0 0 6px #00e5ff, 0 0 10px rgba(0,229,255,0.3) !important;
}

/* Saat dipilih */
.woocommerce-checkout #payment input[type="radio"].input-radio:checked {
    border-color: #00e5ff !important;
    background: radial-gradient(circle at center, #00e5ff 45%, #000 46%) !important;
    box-shadow: 0 0 10px #00e5ff, 0 0 20px rgba(0,229,255,0.5) !important;
}

/* Label ikut glowing jika aktif */
.woocommerce-checkout #payment .wc_payment_method input[type="radio"].input-radio:checked + label {
    color: #00e5ff !important;
    text-shadow: 0 0 8px #00e5ff, 0 0 16px rgba(0,229,255,0.6) !important;
}

/* Reset posisi label agar sejajar */
.woocommerce-checkout #payment .wc_payment_method label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    color: #fff !important;
}

/* Container method hover */
.woocommerce-checkout #payment .wc_payment_method:hover {
    background-color: #101010 !important;
    transition: 0.3s ease !important;
}

/* Tambahkan fallback gaya neon kecil di dalam lingkaran (Firefox fix) */
.woocommerce-checkout #payment input[type="radio"].input-radio::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: transparent !important;
    transition: background 0.3s ease;
}

.woocommerce-checkout #payment input[type="radio"].input-radio:checked::after {
    background: #00e5ff !important;
    box-shadow: 0 0 6px #00e5ff, 0 0 12px rgba(0,229,255,0.6) !important;
}

/* ==========================================================
   ⚙️ FIX CART DROPDOWN DIATAS MAIN MENU & SEMUA ELEMENT LAIN
   ========================================================== */

/* HEADER AREA - HARUS PALING ATAS */
.site-header {
    position: relative !important;
    z-index: 10000 !important;
}

/* HEADER EXTRAS (TEMPAT CART) - LEBIH TINGGI */
.header-extras {
    position: relative !important;
    z-index: 10001 !important;
}

/* CART DROPDOWN - HARUS PALING ATAS */
.mini-cart-content {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    width: 350px !important;
    z-index: 100000 !important; /* SANGAT TINGGI */
    background: #000000 !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.9) !important;
}

/* TURUNKAN Z-INDEX UNTUK SEMUA CONTAINER YANG MUNGKIN MENUTUPI */
.elementor-element,
.e-con,
.e-con-inner,
.wc-simple-deals-carousel,
.mf-products-carousel,
.slick-slider,
.slick-list,
.slick-track {
    position: relative !important;
    z-index: 1 !important;
}

/* TURUNKAN MAIN MENU */
.main-menu {
    position: relative !important;
    z-index: 100 !important;
}

/* Pastikan overlay/backdrop tidak mengganggu */
.elementor-background-overlay,
.wc-deals-main-frame,
.wc-deals-inner-frame {
    z-index: 1 !important;
}

/* Show on hover */
.header-cart:hover .mini-cart-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
}

/* Fix untuk mobile */
@media (max-width: 768px) {
    .mini-cart-content {
        width: 300px !important;
        right: -20px !important;
        z-index: 100000 !important;
    }
    
    .site-header {
        z-index: 9999 !important;
    }
}

/* ==========================================================
   ⚙️ RECENTLY VIEWED PRODUCTS DARK THEME
   ========================================================== */

/* Main container */
.mf-recently-products {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-top: 1px solid #333333 !important;
    padding: 30px 0 !important;
}

/* Container */
.mf-recently-products .container {
    background-color: #000000 !important;
}

/* Header */
.mf-recently-products .recently-header {
    background-color: #000000 !important;
    border-bottom: 1px solid #333333 !important;
    padding-bottom: 15px !important;
    margin-bottom: 20px !important;
}

.mf-recently-products .recently-header .title {
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* Product list container */
.mf-recently-products .product-list {
    background-color: #000000 !important;
}

/* Individual product items */
.mf-recently-products .slick-slide {
    background-color: #000000 !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    margin: 0 5px !important;
    padding: 15px !important;
    transition: all 0.3s ease !important;
}

.mf-recently-products .slick-slide:hover {
    background-color: #1a1a1a !important;
    border-color: #555555 !important;
    transform: translateY(-2px) !important;
}

/* Product images */
.mf-recently-products .slick-slide img {
    border-radius: 6px !important;
    background-color: #1a1a1a !important;
    padding: 5px !important;
}

/* Product info */
.mf-recently-products .product-info {
    background-color: transparent !important;
    padding: 10px 0 0 0 !important;
}

/* Product title */
.mf-recently-products .product-title {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    margin: 0 0 8px 0 !important;
    text-align: center !important;
}

/* Product price */
.mf-recently-products .product-price {
    background-color: transparent !important;
    text-align: center !important;
}

.mf-recently-products .product-price del {
    color: #888888 !important;
    font-size: 11px !important;
    margin-right: 5px !important;
}

.mf-recently-products .product-price ins {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.mf-recently-products .woocommerce-Price-amount {
    color: #ffffff !important;
}

/* Navigation arrows */
.mf-recently-products .slick-arrow {
    background-color: #333333 !important;
    color: #ffffff !important;
    border: 1px solid #555555 !important;
    border-radius: 50% !important;
    width: 30px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
}

.mf-recently-products .slick-arrow:hover {
    background-color: #007cba !important;
    border-color: #007cba !important;
}

.mf-recently-products .slick-arrow.slick-disabled {
    background-color: #222222 !important;
    color: #666666 !important;
    border-color: #333333 !important;
    cursor: not-allowed !important;
}

/* Dots navigation */
.mf-recently-products .slick-dots {
    background-color: transparent !important;
    margin-top: 20px !important;
}

.mf-recently-products .slick-dots li {
    background-color: transparent !important;
}

.mf-recently-products .slick-dots li button {
    background-color: #333333 !important;
    border: 1px solid #555555 !important;
    border-radius: 50% !important;
    width: 10px !important;
    height: 10px !important;
}

.mf-recently-products .slick-dots li.slick-active button {
    background-color: #007cba !important;
    border-color: #007cba !important;
}

/* Product links */
.mf-recently-products .slick-slide a {
    text-decoration: none !important;
    color: inherit !important;
    display: block !important;
}

.mf-recently-products .slick-slide a:hover {
    color: inherit !important;
}

/* ==========================================================
   ⚙️ FIX DROPDOWN PROFILE MENU BACKGROUND
   ========================================================== */

/* Dropdown menu account */
.menu-item-account.logined ul {
    background: #000000 !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.9) !important;
    color: #ffffff !important;
}

/* Item dalam dropdown */
.menu-item-account.logined ul li {
    background: transparent !important;
}

/* Teks dalam dropdown */
.menu-item-account.logined ul li a,
.menu-item-account.logined ul li h3 {
    color: #ffffff !important;
    background: transparent !important;
}

/* Hover effect */
.menu-item-account.logined ul li a:hover {
    background: #333333 !important;
    color: #ffffff !important;
}

/* Line separator */
.menu-item-account.logined ul .line-space {
    border-top: 1px solid #333333 !important;
    background: transparent !important;
}

/* Logout button khusus */
.menu-item-account.logined ul .logout a {
    color: #ff6b6b !important;
    background: transparent !important;
}

.menu-item-account.logined ul .logout a:hover {
    background: #ff6b6b !important;
    color: #ffffff !important;
}

/* === FIX: dropdown tidak bisa dibuka / ketutup === */

/* Wadah search — jangan potong dropdown */
.product-extra-search,
.products-search,
.psearch-content {
  position: relative !important;
  overflow: visible !important;
  z-index: 1 !important;
}

/* ==========================================================
   ⚙️ HILANGKAN SHADOW & KOTAK PUTIH PADA DESCRIPTION TAB
   ========================================================== */

/* Hilangkan background dan shadow pada tab */
.description_tab.active,
.description_tab {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Hilangkan background pada link tab */
.description_tab a,
.description_tab.active a {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    color: #ffffff !important;
}

/* Hilangkan background pada tab content */
.woocommerce-Tabs-panel--description {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Hilangkan background pada wrapper tabs */
.woocommerce-tabs.wc-tabs-wrapper {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

/* Hilangkan border dan background pada seluruh tabs */
.woocommerce-tabs ul.tabs.wc-tabs {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.woocommerce-tabs ul.tabs.wc-tabs li {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.woocommerce-tabs ul.tabs.wc-tabs li a {
    background: transparent !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

/* Active tab styling */
.woocommerce-tabs ul.tabs.wc-tabs li.active {
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: 2px solid #007cba !important;
}

.woocommerce-tabs ul.tabs.wc-tabs li.active a {
    color: #007cba !important;
    background: transparent !important;
}

/* ==========================================================
   🎮 FIX BACKGROUND PUTIH RELATED PRODUCTS SECTION
   ========================================================== */

/* Ubah seluruh section related products */
section.related.products,
.woocommerce .related.products,
.woocommerce-page .related.products {
    background: #000000 !important;
    border: none !important;
    padding: 40px 0 !important;
}

/* Pastikan list produknya juga dark */
section.related.products ul.products,
.woocommerce .related.products ul.products {
    background: #000000 !important;
}

/* Hapus background putih bawaan container produk */
section.related.products ul.products li.product,
.woocommerce .related.products ul.products li.product {
    background: #0a0a0a !important;
    border: 1px solid #111 !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

/* Hover glow di tiap produk */
section.related.products ul.products li.product:hover {
    box-shadow: 0 0 20px rgba(0,229,255,0.4) !important;
    transform: translateY(-3px) !important;
}

/* Judul Related products tetap terang */
section.related.products h2.related-title {
    color: #ffffff !important;
    background: transparent !important;
    text-align: center !important;
    padding: 10px 0 !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.6);
}

/* Jika tema menambahkan background putih via pseudo element */
section.related.products::before,
section.related.products::after {
    display: none !important;
    background: none !important;
}

/* Tambahan: hilangkan margin agar menyatu */
.related.products {
    margin: 0 !important;
    border: none !important;
}

/* ==========================================================
   ⚙️ FIX REVIEWS TITLE BACKGROUND & COLOR (DARK THEME)
   ========================================================== */

/* Override semua background putih bawaan judul Reviews */
.woocommerce #reviews #comments .woocommerce-Reviews-title,
.woocommerce #reviews #comments h2.woocommerce-Reviews-title,
.woocommerce .woocommerce-Reviews-title,
.woocommerce-tabs #reviews h2,
h2.woocommerce-Reviews-title {
    background: #000000 !important; /* hilangkan putih */
    color: #ffffff !important;      /* teks jadi putih terang */
    font-weight: 600 !important;
    font-size: 18px !important;
    border: 1px solid #222 !important;
    border-radius: 6px !important;
    padding: 15px 20px !important;
    margin-bottom: 25px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-shadow: 0 0 6px rgba(0,229,255,0.6) !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.15) !important;
}

/* Jika ada area container komentar yang ikut putih */
.woocommerce #reviews,
.woocommerce #review_form_wrapper,
.woocommerce #reviews #comments {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #222 !important;
    border-radius: 8px !important;
    padding: 20px !important;
}

/* Input form review */
.woocommerce #review_form_wrapper input,
.woocommerce #review_form_wrapper textarea {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
    border-radius: 6px !important;
    padding: 10px !important;
}

.woocommerce #review_form_wrapper input:focus,
.woocommerce #review_form_wrapper textarea:focus {
    border-color: #00e5ff !important;
    box-shadow: 0 0 8px rgba(0,229,255,0.5) !important;
}

/* Tombol submit review */
.woocommerce #review_form_wrapper input#submit {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 12px 25px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 0 10px rgba(0,229,255,0.6), 0 0 20px rgba(255,0,255,0.4) !important;
}

.woocommerce #review_form_wrapper input#submit:hover {
    background: linear-gradient(90deg, #ff00ff, #00e5ff) !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================
   ⚙️ FIX CARA TOPUP BACKGROUND COLOR
   ========================================================== */

/* Ubah background cara topup */
.cara-topup {
    background: #000000 !important;
    border: 1px solid #333333 !important;
}

/* Ubah warna teks dalam cara topup */
.cara-topup,
.cara-topup * {
    color: #ffffff !important;
}

/* Ubah warna heading */
.cara-topup h4 {
    color: #ffffff !important;
}

/* Ubah warna paragraf */
.cara-topup p {
    color: #cccccc !important;
}

/* Ubah border dan shadow */
.cara-topup {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
    border-radius: 10px !important;
}

/* ==========================================================
   ⚙️ FINAL FIX — COPYRIGHT SECTION DARK MODE (OVERRIDE INLINE)
   ========================================================== */

/* Ubah latar belakang utama yang pakai inline style */
.copyright-tab-content[style],
.copyright-tab-content[style*="background:#f8f9fa"],
.copyright-tab-content[style*="background:white"],
.copyright-tab-content > div[style*="background:white"],
.copyright-tab-content div[style*="background:#f8f9fa"] {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #222 !important;
    border-radius: 10px !important;
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.1) !important;
}

/* Pastikan teks juga putih */
.copyright-tab-content *[style*="color:#2c3e50"],
.copyright-tab-content *[style*="color:#333"],
.copyright-tab-content *[style*="color:#666"],
.copyright-tab-content *[style*="color:#999"] {
    color: #ffffff !important;
}

/* Ganti warna elemen angka (nomor list kuning) */
.copyright-tab-content span[style*="background:#ffc107"],
.copyright-tab-content span[style*="background: #ffc107"] {
    background: linear-gradient(135deg, #ff00ff, #00e5ff) !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(0, 229, 255, 0.6) !important;
}

/* Background dalam kotak poin list */
.copyright-tab-content div[style*="background:#f8f9fa"],
.copyright-tab-content div[style*="background: white"],
.copyright-tab-content div[style*="background:white;"] {
    background: #111111 !important;
    border-left: 4px solid #00e5ff !important;
    color: #ffffff !important;
    border-radius: 8px !important;
}

/* Ubah garis bawah jadi neon cyan */
.copyright-tab-content [style*="border-bottom:2px solid #f0f0f0"],
.copyright-tab-content [style*="border-top:1px solid #eaeaea"] {
    border-color: #00e5ff !important;
}

/* Link warna neon oranye */
.copyright-tab-content a,
.copyright-tab-content a[style*="color:#d35400"] {
    color: #ff9500 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.copyright-tab-content a:hover {
    color: #ffd700 !important;
    text-shadow: 0 0 10px rgba(255,215,0,0.6);
    text-decoration: underline !important;
}

/* Heading lebih menonjol */
.copyright-tab-content h2,
.copyright-tab-content h3 {
    color: #ffffff !important;
    text-transform: uppercase !important;
    text-shadow: 0 0 10px rgba(0, 229, 255, 0.6) !important;
    border-bottom: 2px solid #00e5ff !important;
    padding-bottom: 10px !important;
}

/* ==========================================================
   ⚙️ DARK MODE + RGB GLOW - VIP MEMBERSHIP STATUS PANEL
   ========================================================== */

/* Kotak utama status membership */
.wvm-myaccount-status[style],
.wvm-myaccount-status {
    background: linear-gradient(180deg, #000000, #0a0a0a) !important;
    border: 1px solid #222 !important;
    border-left: 4px solid #00e5ff !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.2) !important;
    padding: 20px !important;
}

/* Hapus warna putih pada inline element di dalamnya */
.wvm-myaccount-status *[style*="background:#f8f9fa"],
.wvm-myaccount-status *[style*="background:white"],
.wvm-myaccount-status *[style*="background:#fff3cd"],
.wvm-myaccount-status *[style*="background: #fff3cd"] {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #333 !important;
}

/* Ubah border kiri dan border kotak menjadi RGB */
.wvm-myaccount-status[style*="border-left"],
.wvm-myaccount-status *[style*="border-left"] {
    border-left: 4px solid transparent !important;
    background-image: linear-gradient(180deg, #00e5ff, #ff00ff) !important;
    background-clip: padding-box !important;
}

/* Heading utama */
.wvm-myaccount-status h3 {
    color: #00e5ff !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.6) !important;
    font-weight: 700 !important;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* Badge VIP PRO */
.wvm-myaccount-status span[style*="background:#0073aa"],
.wvm-myaccount-status span[style*="background: #0073aa"] {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    color: #ffffff !important;
    border-radius: 15px !important;
    font-weight: 700 !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.6), 0 0 25px rgba(255,0,255,0.4) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Status waktu tersisa */
.wvm-myaccount-status span[style*="color:#dc3545"] {
    color: #ff5555 !important;
    text-shadow: 0 0 8px rgba(255,0,0,0.6) !important;
}

/* Informasi grid (Level, Aktif Sejak, Berakhir) */
.wvm-myaccount-status div {
    color: #dddddd !important;
    font-size: 14px !important;
}
.wvm-myaccount-status strong {
    color: #ffffff !important;
    text-shadow: 0 0 6px rgba(0,229,255,0.5) !important;
}

/* Kotak notifikasi masa aktif */
.wvm-myaccount-status div[style*="background:#fff3cd"],
.wvm-myaccount-status div[style*="background: #fff3cd"] {
    background: rgba(255, 255, 0, 0.05) !important;
    border: 1px solid rgba(255, 255, 0, 0.3) !important;
    border-radius: 6px !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(255,255,0,0.2) !important;
}

/* Tombol perpanjang */
.wvm-myaccount-status a.button,
.wvm-myaccount-status a[style*="background:#0073aa"] {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 6px !important;
    padding: 10px 18px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.6), 0 0 25px rgba(255,0,255,0.3) !important;
    transition: all 0.25s ease !important;
    display: inline-block !important;
    text-decoration: none !important;
}
.wvm-myaccount-status a.button:hover,
.wvm-myaccount-status a[style*="background:#0073aa"]:hover {
    background: linear-gradient(90deg, #ff00ff, #00e5ff) !important;
    transform: translateY(-2px) scale(1.03) !important;
}

/* Tambahkan animasi glow ke badge dan tombol */
@keyframes glow-pulse {
    0% { box-shadow: 0 0 10px #00e5ff; }
    50% { box-shadow: 0 0 20px #ff00ff; }
    100% { box-shadow: 0 0 10px #00e5ff; }
}
.wvm-myaccount-status span[style*="background:#0073aa"],
.wvm-myaccount-status a.button {
    animation: glow-pulse 2s infinite alternate !important;
}

/* ==========================================================
   ⚙️ DARK MODE + NEON RGB - MY ACCOUNT NAVIGATION
   ========================================================== */

/* Area utama navigasi akun */
.woocommerce-MyAccount-navigation {
    background: linear-gradient(180deg, #000000, #0a0a0a) !important;
    border: 1px solid #222 !important;
    border-radius: 10px !important;
    padding: 25px 20px !important;
    box-shadow: 0 0 25px rgba(0, 229, 255, 0.15) !important;
}

/* List item */
.woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Item link default */
.woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 12px 18px !important;
    margin-bottom: 8px !important;
    border-radius: 8px !important;
    background: #111 !important;
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    transition: all 0.25s ease-in-out !important;
    text-decoration: none !important;
    position: relative !important;
    border: 1px solid transparent !important;
}

/* Hover efek neon */
.woocommerce-MyAccount-navigation ul li a:hover {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    color: #fff !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.6), 0 0 30px rgba(255,0,255,0.4) !important;
    border: 1px solid rgba(0,229,255,0.4) !important;
    transform: translateX(5px) !important;
}

/* Item aktif (halaman sekarang) */
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.current-menu-item a {
    background: linear-gradient(90deg, #ff00ff, #00e5ff) !important;
    color: #fff !important;
    border: 1px solid rgba(0,229,255,0.4) !important;
    box-shadow: 0 0 25px rgba(255,0,255,0.4), 0 0 35px rgba(0,229,255,0.3) !important;
}

/* Tambahkan efek glow animasi di item aktif */
@keyframes rgb-glow {
    0% { box-shadow: 0 0 15px #ff00ff; }
    50% { box-shadow: 0 0 25px #00e5ff; }
    100% { box-shadow: 0 0 15px #ff00ff; }
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    animation: rgb-glow 2s infinite alternate !important;
}

/* Divider antar item */
.woocommerce-MyAccount-navigation ul li {
    border-bottom: 1px solid #111 !important;
}

/* Warna ikon logout biar mencolok */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    background: linear-gradient(90deg, #ff3b3b, #ff00ff) !important;
    color: #fff !important;
    box-shadow: 0 0 20px rgba(255,0,0,0.5), 0 0 25px rgba(255,0,255,0.3) !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: linear-gradient(90deg, #ff00ff, #ff3b3b) !important;
    transform: translateX(5px) scale(1.03) !important;
}

/* Tambahan untuk teks heading di dalam area ini */
.woocommerce-MyAccount-navigation h2,
.woocommerce-MyAccount-navigation h3 {
    color: #00e5ff !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.6) !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}
/* ==========================================================
   ⚙️ FIX: OVERRIDE WHITE BACKGROUND ON MY ACCOUNT NAVIGATION LIST ITEMS
   ========================================================== */

/* Paksa background dark dengan specificity lebih tinggi dari (0,3,2) */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border: 1px solid #222 !important;
    color: #ffffff !important;
}

/* Hover tetap pakai efek neon */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:hover,
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:hover a {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.6), 0 0 30px rgba(255,0,255,0.4) !important;
    color: #fff !important;
    border: 1px solid rgba(0,229,255,0.4) !important;
}

/* Item aktif tetap glowing RGB */
body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
    background: linear-gradient(90deg, #ff00ff, #00e5ff) !important;
    box-shadow: 0 0 25px rgba(255,0,255,0.4), 0 0 35px rgba(0,229,255,0.3) !important;
    color: #fff !important;
    animation: rgb-glow 2s infinite alternate !important;
}

/* ==========================================================
   ⚙️ DARK MODE + RGB NEON - AVATAR UPLOAD BOX
   ========================================================== */

/* Target elemen inline style putih */
div[style*="background:#f0f8ff"],
div[style*="border:3px solid #0073aa"],
div[style*="max-width:600px"][style*="text-align:center"],
div[style*="border:#0073aa"] {
    background: linear-gradient(180deg, #000000, #0a0a0a) !important;
    border: 3px solid transparent !important;
    border-radius: 12px !important;
    background-image: linear-gradient(180deg, #000000, #0a0a0a),
                      linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    color: #ffffff !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.3), 0 0 35px rgba(255,0,255,0.25) !important;
    padding: 20px !important;
    text-align: center !important;
}

/* Heading di dalam box */
div[style*="background:#f0f8ff"] h3 {
    color: #00e5ff !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.8) !important;
    font-weight: 700 !important;
    margin-top: 10px !important;
    letter-spacing: 0.5px !important;
}

/* Tombol Upload Avatar */
div[style*="background:#f0f8ff"] a,
div[style*="border:3px solid #0073aa"] a {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    color: #fff !important;
    border-radius: 8px !important;
    padding: 12px 24px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    display: inline-block !important;
    margin-top: 15px !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.6), 0 0 30px rgba(255,0,255,0.4) !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}
div[style*="background:#f0f8ff"] a:hover {
    background: linear-gradient(90deg, #ff00ff, #00e5ff) !important;
    transform: scale(1.05) translateY(-2px) !important;
    box-shadow: 0 0 30px rgba(255,0,255,0.6), 0 0 45px rgba(0,229,255,0.5) !important;
}

/* Avatar Image glow */
div[style*="background:#f0f8ff"] img.avatar {
    border-radius: 50% !important;
    border: 3px solid #00e5ff !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.6), 0 0 35px rgba(255,0,255,0.4) !important;
    transition: all 0.3s ease !important;
}
div[style*="background:#f0f8ff"] img.avatar:hover {
    transform: scale(1.08) !important;
    box-shadow: 0 0 35px rgba(255,0,255,0.7), 0 0 55px rgba(0,229,255,0.5) !important;
}

/* Animasi RGB glow lembut untuk border box */
@keyframes neon-glow {
    0% { box-shadow: 0 0 15px #00e5ff; }
    50% { box-shadow: 0 0 25px #ff00ff; }
    100% { box-shadow: 0 0 15px #00e5ff; }
}
div[style*="background:#f0f8ff"] {
    animation: neon-glow 3s infinite alternate !important;
}

/* ==========================================================
   🎮 DARK + RGB NEON STYLE FOR CHECK-IN SECTION
   ========================================================== */

/* WRAPPER UTAMA */
.checkin-wrapper {
    background: linear-gradient(180deg, #000000, #0a0a0a) !important;
    color: #ffffff !important;
    padding: 30px !important;
    border-radius: 15px !important;
    border: 2px solid transparent !important;
    background-image: linear-gradient(180deg, #000000, #0a0a0a),
                      linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.25), 0 0 40px rgba(255,0,255,0.25) !important;
    max-width: 700px !important;
    margin: 40px auto !important;
    animation: neon-box-glow 3s infinite alternate ease-in-out !important;
}

/* ANIMASI GLOW */
@keyframes neon-box-glow {
    0% { box-shadow: 0 0 20px #00e5ff, 0 0 40px #ff00ff; }
    50% { box-shadow: 0 0 30px #ff00ff, 0 0 50px #00e5ff; }
    100% { box-shadow: 0 0 20px #00e5ff, 0 0 40px #ff00ff; }
}

/* JUDUL CHECK-IN */
.checkin-title {
    font-size: 20px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    color: #00e5ff !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.8), 0 0 15px rgba(255,0,255,0.5) !important;
}

/* GRID CHECK-IN */
.checkin-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr)) !important;
    gap: 15px !important;
    margin-bottom: 25px !important;
}

/* KOTAK HARI */
.checkin-box {
    background: #0d0d0d !important;
    border: 1px solid rgba(0,229,255,0.4) !important;
    border-radius: 10px !important;
    text-align: center !important;
    padding: 15px 10px !important;
    transition: all 0.25s ease !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px rgba(0,229,255,0.2) !important;
}
.checkin-box:hover {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    box-shadow: 0 0 25px rgba(255,0,255,0.4), 0 0 40px rgba(0,229,255,0.4) !important;
    transform: scale(1.05) !important;
}

/* TEKS STATUS */
.checkin-box small {
    display: block !important;
    margin-top: 6px !important;
    color: #ff00ff !important;
}

/* PROGRESS BAR */
.checkin-progress {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    height: 12px !important;
    margin: 25px 0 !important;
    overflow: hidden !important;
}
.checkin-progress-inner {
    height: 100% !important;
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.5), 0 0 30px rgba(255,0,255,0.3) !important;
    transition: width 0.6s ease-in-out !important;
}

/* TOMBOL CHECK-IN */
.checkin-button {
    display: block !important;
    width: 100% !important;
    padding: 14px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 8px !important;
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    color: #fff !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.4), 0 0 30px rgba(255,0,255,0.3) !important;
}
.checkin-button:hover {
    background: linear-gradient(90deg, #ff00ff, #00e5ff) !important;
    box-shadow: 0 0 35px rgba(255,0,255,0.6), 0 0 45px rgba(0,229,255,0.5) !important;
    transform: scale(1.03) !important;
}

/* BONUS SECTION */
.checkin-bonus-section {
    background: #0a0a0a !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 12px !important;
    padding: 20px !important;
    margin-top: 30px !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.15), 0 0 30px rgba(255,0,255,0.15) !important;
}

/* BONUS TITLE */
.checkin-bonus-title {
    font-size: 18px !important;
    font-weight: bold !important;
    color: #00e5ff !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.8) !important;
    margin-bottom: 10px !important;
}

/* BONUS DESC */
.checkin-bonus-desc {
    color: #ccc !important;
    margin-bottom: 15px !important;
    font-size: 14px !important;
}

/* BONUS BUTTON */
.checkin-bonus-button {
    display: inline-block !important;
    background: linear-gradient(90deg, #ff00ff, #00e5ff) !important;
    padding: 10px 20px !important;
    color: #fff !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    box-shadow: 0 0 20px rgba(255,0,255,0.4), 0 0 30px rgba(0,229,255,0.3) !important;
    transition: all 0.3s ease !important;
}
.checkin-bonus-button:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 35px rgba(255,0,255,0.6), 0 0 45px rgba(0,229,255,0.5) !important;
}

/* BONUS FEATURES */
.bonus-features {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    gap: 15px !important;
    margin-top: 20px !important;
}
.bonus-feature {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #111 !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    color: #fff !important;
    transition: all 0.3s ease !important;
}
.bonus-feature:hover {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.4), 0 0 30px rgba(255,0,255,0.3) !important;
}

/* ==========================================================
   ⚙️ DARK MODE + RGB NEON - POIN CARD STYLING
   ========================================================== */

/* Wrapper utama poin card */
.poin-card,
div[style*="background:#fff"][class*="poin-card"] {
    background: linear-gradient(180deg, #000000, #0a0a0a) !important;
    color: #ffffff !important;
    border: 2px solid transparent !important;
    border-radius: 15px !important;
    padding: 25px !important;
    margin: 40px auto !important;
    max-width: 700px !important;

    /* Border neon RGB */
    background-image: linear-gradient(180deg, #000000, #0a0a0a),
                      linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    background-origin: border-box !important;
    background-clip: content-box, border-box !important;

    box-shadow: 0 0 25px rgba(0,229,255,0.25), 0 0 45px rgba(255,0,255,0.25) !important;
    animation: rgb-glow-poin 3s infinite alternate ease-in-out !important;
}

/* Animasi border glow lembut */
@keyframes rgb-glow-poin {
    0% { box-shadow: 0 0 20px #00e5ff, 0 0 35px #ff00ff; }
    50% { box-shadow: 0 0 30px #ff00ff, 0 0 45px #00e5ff; }
    100% { box-shadow: 0 0 20px #00e5ff, 0 0 35px #ff00ff; }
}

/* Judul dan poin utama */
.poin-card h3 {
    color: #00e5ff !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.8) !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 15px !important;
}
.poin-card h3 strong {
    color: #ff00ff !important;
    text-shadow: 0 0 8px rgba(255,0,255,0.7) !important;
}

/* Rekap bulanan box */
.poin-card div[style*="background:#f8f9fa"],
.poin-card div[style*="border:1px solid #dee2e6"] {
    background: #0a0a0a !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 10px !important;
    padding: 15px !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.1), 0 0 25px rgba(255,0,255,0.1) !important;
    color: #ffffff !important;
    text-align: center !important;
}

/* Subheading */
.poin-card h4 {
    color: #00e5ff !important;
    font-weight: 600 !important;
    text-shadow: 0 0 8px rgba(0,229,255,0.6) !important;
}

/* Teks poin masuk/keluar */
.poin-card div[style*="color:#28a745"],
.poin-card div[style*="color:#dc3545"] {
    font-weight: bold !important;
    font-size: 14px !important;
}
.poin-card div[style*="color:#28a745"] {
    color: #00ffcc !important;
    text-shadow: 0 0 8px rgba(0,255,204,0.8) !important;
}
.poin-card div[style*="color:#dc3545"] {
    color: #ff007f !important;
    text-shadow: 0 0 8px rgba(255,0,127,0.8) !important;
}

/* Canvas chart */
#chartPoinMingguan {
    background: #0d0d0d !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    padding: 10px !important;
}

/* Log poin */
.poin-log {
    margin-top: 25px !important;
    background: #0a0a0a !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 10px !important;
    padding: 15px !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.15), 0 0 25px rgba(255,0,255,0.15) !important;
}
.poin-log strong {
    display: block !important;
    margin-bottom: 10px !important;
    color: #00e5ff !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.6) !important;
}

/* Item log poin */
.poin-log div {
    margin: 5px 0 !important;
    font-size: 14px !important;
}

/* Box hover animation */
.poin-card:hover {
    transform: scale(1.01) !important;
    box-shadow: 0 0 35px rgba(255,0,255,0.4), 0 0 55px rgba(0,229,255,0.4) !important;
    transition: all 0.3s ease-in-out !important;
}

/* ==========================================================
   🎮 DARK + NEON RGB - COMPACT GAME MENU STYLE
   ========================================================== */

/* WRAPPER MENU UTAMA */
.site-header .main-menu,
.main-menu {
    background: radial-gradient(circle at top, #0d0d0d 0%, #000000 100%) !important;
    border-top: 1px solid rgba(0,229,255,0.3) !important;
    border-bottom: 1px solid rgba(255,0,255,0.3) !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.2), 0 0 30px rgba(255,0,255,0.15) !important;
    padding: 10px 0 !important;
    position: relative !important;
    z-index: 50 !important;
}

/* RAPATKAN ROW MENU */
.main-menu .row.header-row {
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* MENU UTAMA - UL WRAPPER */
.primary-nav ul.menu {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ITEM MENU PER KOTAK */
.primary-nav ul.menu > li {
    background: linear-gradient(180deg, #111111, #0a0a0a) !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 10px !important;
    box-shadow: 0 0 10px rgba(0,229,255,0.15) !important;
    transition: all 0.3s ease !important;
    position: relative !important;
}

/* TEKS LINK */
.primary-nav ul.menu > li > a {
    display: block !important;
    padding: 10px 18px !important;
    color: #fff !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    border-radius: 10px !important;
    transition: all 0.25s ease-in-out !important;
    text-decoration: none !important;
}

/* EFEK HOVER DAN AKTIF */
.primary-nav ul.menu > li:hover,
.primary-nav ul.menu > li.current-menu-item,
.primary-nav ul.menu > li.current-menu-ancestor {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.5), 0 0 25px rgba(255,0,255,0.4) !important;
    transform: translateY(-2px) !important;
}
.primary-nav ul.menu > li:hover > a {
    color: #fff !important;
    text-shadow: 0 0 10px rgba(255,255,255,0.7) !important;
}

/* HOVER BORDER RGB FIX - tidak blok klik */
.primary-nav ul.menu > li::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: 10px !important;
    border: 1px solid transparent !important;
    background: linear-gradient(90deg, #00e5ff, #ff00ff) border-box !important;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: destination-out !important;
    mask-composite: exclude !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
    pointer-events: none !important; /* <=== FIX PENTING */
    z-index: 0 !important; /* biar di bawah link */
}

/* Pastikan teks link di atas pseudo-element */
.primary-nav ul.menu > li > a {
    position: relative !important;
    z-index: 1 !important;
}

/* DROPDOWN STYLING */
.primary-nav ul.menu li ul.dropdown-submenu {
    background: #0a0a0a !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 10px !important;
    padding: 10px 0 !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.3), 0 0 30px rgba(255,0,255,0.2) !important;
    margin-top: 8px !important;
}

/* LINK DROPDOWN */
.primary-nav ul.menu li ul.dropdown-submenu li a {
    color: #fff !important;
    padding: 8px 20px !important;
    display: block !important;
    transition: all 0.25s ease !important;
}
.primary-nav ul.menu li ul.dropdown-submenu li a:hover {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    color: #fff !important;
    box-shadow: 0 0 10px rgba(0,229,255,0.4), 0 0 15px rgba(255,0,255,0.3) !important;
    transform: translateX(5px) !important;
}

/* CLEANUP WHITESPACE & BORDERS */
.header-bar.topbar,
.site-header .main-menu::before,
.site-header .main-menu::after {
    background: transparent !important;
    border: none !important;
}

/* ==========================================================
   🌍 FIX GTRANSLATE SELECT (NEON SAFE)
   ========================================================== */

/* Pastikan tidak ada layer visual yang menghalangi klik dropdown */
.gt_selector {
    background: #0d0d0d !important;
    color: #ffffff !important;
    border: 1px solid rgba(0,229,255,0.4) !important;
    border-radius: 6px !important;
    padding: 5px 10px !important;
    font-weight: 600 !important;
    box-shadow: inset 0 0 10px rgba(0,229,255,0.3) !important;
    cursor: pointer !important;
    appearance: auto !important; /* pastikan native dropdown tetap aktif */
    -webkit-appearance: menulist !important; /* Safari fix */
    z-index: 99999 !important;
    position: relative !important;
}

/* Hover effect aman (tanpa blocking) */
.gt_selector:hover {
    border-color: rgba(255,0,255,0.6) !important;
    box-shadow: 0 0 10px rgba(255,0,255,0.5), inset 0 0 10px rgba(0,229,255,0.3) !important;
}

/* Pastikan dropdown tidak terhalang layer */
.gt_container-u7uuay,
.gt-menu-24885 {
    position: relative !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
}

/* Untuk dropdown dari Google Translate */
.goog-te-combo {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: inset 0 0 10px rgba(0,229,255,0.2) !important;
    z-index: 999999 !important;
}

/* Fix overlap & klik dropdown agar selalu muncul di atas */
.goog-te-gadget,
.skiptranslate {
    z-index: 999999 !important;
    position: relative !important;
    pointer-events: auto !important;
}

/* ==========================================================
   🧩 FIX GTRANSLATE ALIGNMENT (FULL INLINE WITH MENU)
   ========================================================== */

/* Pastikan UL MENU sejajar horizontal tanpa wrap */
.primary-nav ul.menu {
    display: flex !important;
    flex-wrap: nowrap !important; /* jangan pindah baris */
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Semua LI dalam satu baris dan tidak memaksa tinggi lebih */
.primary-nav ul.menu > li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    vertical-align: middle !important;
}

/* Khusus item menu translate */
.primary-nav ul.menu > li.menu-item-gtranslate {
    order: 999 !important; /* pindahkan ke paling kanan */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-left: 10px !important;
}

/* Biar select sejajar secara vertikal dengan teks menu */
.menu-item-gtranslate select.gt_selector {
    height: 36px !important;
    line-height: 36px !important;
    padding: 4px 10px !important;
    font-size: 14px !important;
    display: inline-block !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    top: 0 !important;
    align-self: center !important;
}

/* Untuk container GT supaya tidak ngebreak layout */
.gt-menu-24885,
.gt_container-u7uuay {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    height: auto !important;
}

/* Pastikan dropdown Google Translate muncul di atas elemen lain */
.goog-te-gadget,
.skiptranslate,
.goog-te-combo {
    z-index: 999999 !important;
    position: relative !important;
}

/* Untuk tampilan kecil (mobile), biarkan wrap otomatis */
@media (max-width: 991px) {
    .primary-nav ul.menu {
        flex-wrap: wrap !important;
    }
}

/* ==========================================================
   💬 CONTACT FORM - DARK NEON RGB STYLE
   ========================================================== */

/* Kontainer kolom bawaan WPBakery */
.vc_column_container > .vc_column-inner {
    background: radial-gradient(circle at top, #0a0a0a 0%, #000000 100%) !important;
    border: 1px solid rgba(0,229,255,0.2) !important;
    border-radius: 15px !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.15), 0 0 35px rgba(255,0,255,0.1) !important;
    padding: 40px 25px !important;
    box-sizing: border-box !important;
}

/* Heading Contact Form */
.vc_custom_heading.vc_do_custom_heading {
    color: #00e5ff !important;
    text-shadow: 0 0 12px rgba(0,229,255,0.7), 0 0 18px rgba(255,0,255,0.3) !important;
    letter-spacing: 1px !important;
    font-weight: 700 !important;
}

/* Background form utama */
.wpcf7 form {
    background: linear-gradient(180deg, #0d0d0d, #000000) !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 12px !important;
    padding: 30px 25px !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.2), 0 0 40px rgba(255,0,255,0.1) !important;
}

/* Input & Textarea */
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-textarea {
    width: 100% !important;
    background: #0d0d0d !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    color: #fff !important;
    padding: 12px 15px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    box-shadow: inset 0 0 10px rgba(0,229,255,0.15) !important;
    transition: all 0.3s ease !important;
}

/* Fokus efek RGB */
.wpcf7-form-control:focus {
    outline: none !important;
    border-color: rgba(255,0,255,0.6) !important;
    box-shadow: 0 0 15px rgba(255,0,255,0.5), 0 0 25px rgba(0,229,255,0.4) !important;
}

/* Placeholder lebih lembut */
.wpcf7-form-control::placeholder {
    color: #aaa !important;
    opacity: 0.8 !important;
}

/* Tombol submit neon animasi */
.wpcf7-submit {
    background: linear-gradient(90deg, #00e5ff, #ff00ff, #00e5ff) !important;
    background-size: 300% 100% !important;
    border: none !important;
    color: #fff !important;
    padding: 12px 40px !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.3), 0 0 35px rgba(255,0,255,0.2) !important;
    transition: all 0.4s ease !important;
    animation: neonGradientMove 4s infinite linear !important;
}

/* Hover tombol */
.wpcf7-submit:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.6), 0 0 35px rgba(255,0,255,0.4) !important;
}

/* Animasi RGB pada tombol */
@keyframes neonGradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Pesan output */
.wpcf7-response-output {
    background: #111 !important;
    color: #00e5ff !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 6px !important;
    padding: 10px 15px !important;
    text-align: center !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.2) !important;
}

/* Grid per kolom (2 kolom atas, 1 bawah) */
.wpcf7 form .row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}
.wpcf7 form .col-md-6 {
    flex: 1 1 48% !important;
}
.wpcf7 form .col-md-12 {
    flex: 1 1 100% !important;
}

/* Tengah tombol */
.wpcf7 form .text-center {
    text-align: center !important;
}

/* Hapus background putih dari default space elemen VC */
.mf_empty_space_lg,
.mf_empty_space_md,
.mf_empty_space_xs {
    background: transparent !important;
}

/* ==========================================================
   🎯 FIX: FORCE WHITE TEXT COLOR ON INPUT & TEXTAREA
   ========================================================== */

/* Semua input dan textarea di Contact Form 7 */
body .wpcf7 form input[type="text"],
body .wpcf7 form input[type="email"],
body .wpcf7 form input[type="url"],
body .wpcf7 form input[type="tel"],
body .wpcf7 form input[type="number"],
body .wpcf7 form input[type="date"],
body .wpcf7 form textarea,
body .wpcf7 form select,
body .wpcf7-form-control {
    color: #ffffff !important; /* teks putih */
    background-color: #0a0a0a !important; /* latar hitam */
    border: 1px solid rgba(0,229,255,0.3) !important;
    caret-color: #00e5ff !important; /* kursor neon */
    -webkit-text-fill-color: #ffffff !important; /* Safari + Chrome autofill fix */
    box-shadow: inset 0 0 10px rgba(0,229,255,0.15) !important;
    font-weight: 500 !important;
}

/* Placeholder */
body .wpcf7-form-control::placeholder {
    color: rgba(200, 200, 200, 0.7) !important;
    opacity: 1 !important;
}

/* Autofill Chrome fix (supaya tidak kuning/hitam) */
body input:-webkit-autofill,
body textarea:-webkit-autofill,
body select:-webkit-autofill {
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 0 0px 1000px #0a0a0a inset !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
}

/* Fokus */
body .wpcf7-form-control:focus {
    color: #ffffff !important;
    background-color: #0d0d0d !important;
    border-color: rgba(255,0,255,0.6) !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.4), 0 0 25px rgba(255,0,255,0.3) !important;
}

/* Hover */
body .wpcf7-form-control:hover {
    border-color: rgba(0,229,255,0.6) !important;
}

/* ==========================================================
   🎮 FIX KATEGORI DROPDOWN - HORIZONTAL ALIGN
   ========================================================== */

/* Container utama untuk search form */
.products-search .psearch-content {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
}

/* Bungkus product-cat agar inline */
.products-search .product-cat {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 46px !important;
    min-width: auto !important;
    width: auto !important;
}

/* Dropdown kategori - FIX WIDTH */
#header-search-product-cat.product-cat-dd {
    position: relative !important;
    background: linear-gradient(135deg, #0a0a0a 0%, #111111 50%, #0a0a0a 100%) !important;
    color: #00ffff !important;
    border: 2px solid transparent !important;
    border-radius: 10px 0 0 10px !important;
    padding: 12px 45px 12px 16px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    width: 180px !important; /* FIXED WIDTH */
    height: 100% !important;
    box-sizing: border-box !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.5),
                0 0 35px rgba(255,0,255,0.4),
                0 0 50px rgba(255,255,0,0.3),
                inset 0 0 15px rgba(0,0,0,0.8) !important;
    appearance: none !important;
    cursor: pointer !important;
    z-index: 5 !important;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
    text-shadow: 0 0 10px #00ffff,
                 0 0 20px #00ffff,
                 0 0 30px #00ffff !important;
    letter-spacing: 0.5px !important;
    flex-shrink: 0 !important;
}

/* CYBER RGB BORDER ANIMATION */
#header-search-product-cat.product-cat-dd::before {
    content: '' !important;
    position: absolute !important;
    top: -3px !important;
    left: -3px !important;
    right: -3px !important;
    bottom: -3px !important;
    background: linear-gradient(45deg, 
        #ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0080ff, #0000ff, #ff00ff, #ff0000) !important;
    background-size: 400% 400% !important;
    border-radius: 13px 0 0 13px !important;
    z-index: -1 !important;
    animation: cyberBorderFlow 3s linear infinite !important;
    opacity: 0.9 !important;
}

@keyframes cyberBorderFlow {
    0% { 
        background-position: 0% 50%;
        filter: hue-rotate(0deg);
    }
    50% { 
        background-position: 100% 50%;
        filter: hue-rotate(180deg);
    }
    100% { 
        background-position: 0% 50%;
        filter: hue-rotate(360deg);
    }
}

/* Label "KATEGORI ▾" di sisi kanan */
.products-search .product-cat::after {
    content: "KATEGORI ▾" !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    color: transparent !important;
    background: linear-gradient(135deg, 
        #ff0000 0%, 
        #ff8000 16%, 
        #ffff00 32%, 
        #00ff00 48%, 
        #00ffff 64%, 
        #0080ff 80%, 
        #ff00ff 100%) !important;
    background-size: 300% 300% !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0 0 12px rgba(255,255,255,0.9),
                 0 0 20px rgba(255,255,255,0.8),
                 0 0 30px rgba(255,255,255,0.7) !important;
    pointer-events: none !important;
    animation: rainbowTextFlow 2.5s linear infinite !important;
    padding: 4px 6px !important;
    border-radius: 4px !important;
    background-color: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(5px) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    white-space: nowrap !important;
}

/* Search field - sesuaikan dengan dropdown */
.products-search .search-wrapper {
    flex: 1 !important;
    min-width: 200px !important;
    margin: 0 !important;
}

.products-search .search-field {
    border-radius: 0 !important;
    height: 46px !important;
    box-sizing: border-box !important;
    border-left: none !important;
    border-right: none !important;
}

/* Search button - sesuaikan tinggi */
.products-search .search-submit {
    height: 46px !important;
    border-radius: 0 10px 10px 0 !important;
    box-sizing: border-box !important;
}

/* Hover effects */
#header-search-product-cat.product-cat-dd:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.7),
                0 0 40px rgba(255,0,255,0.6),
                0 0 55px rgba(255,255,0,0.5),
                inset 0 0 20px rgba(0,0,0,0.9) !important;
}

.products-search .product-cat:hover::after {
    animation-duration: 1s !important;
    transform: translateY(-50%) scale(1.05) !important;
}

/* Option styling */
#header-search-product-cat.product-cat-dd option {
    background: #0a0a0a !important;
    color: #00ffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    padding: 12px 16px !important;
    text-shadow: 0 0 5px #00ffff !important;
}

/* FIX UNTUK ELEMENT LAIN DALAM ROW YANG SAMA */
.header-row,
.primary-nav,
.primary-nav .menu {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* Responsive fixes */
@media (max-width: 768px) {
    .products-search .psearch-content {
        flex-wrap: wrap !important;
    }
    
    #header-search-product-cat.product-cat-dd {
        width: 150px !important;
        border-radius: 10px 0 0 10px !important;
    }
    
    .products-search .search-wrapper {
        min-width: 150px !important;
    }
}

@media (max-width: 480px) {
    .products-search .psearch-content {
        flex-direction: column !important;
        gap: 10px !important;
    }
    
    .products-search .product-cat,
    #header-search-product-cat.product-cat-dd {
        width: 100% !important;
        border-radius: 10px !important;
    }
    
    .products-search .product-cat::after {
        right: 15px !important;
    }
    
    .products-search .search-field {
        border-radius: 10px !important;
        border: 1px solid rgba(0,229,255,0.4) !important;
    }
    
    .products-search .search-submit {
        border-radius: 10px !important;
        width: 100% !important;
    }
}

/* ==========================================================
   🎯 FIX LOGO POSITION - TANPA RUBAH STRUKTUR LAIN
   ========================================================== */

/* Kembalikan logo ke posisi semula */
.site-branding {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pastikan header row layout tidak berubah */
.header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
}

/* Logo tetap di kiri */
.site-branding {
    margin-right: auto !important;
}

/* Navigation menu di tengah */
.primary-nav {
    margin: 0 auto !important;
}

/* Search form di kanan */
.header-search {
    margin-left: auto !important;
}		

/* Reset any accidental positioning */
.site-branding img,
.site-branding a {
    position: static !important;
    display: block !important;
}

/* ==========================================================
   🚫 HILANGKAN TOMBOL "CARI" ADMIN BAR
   ========================================================== */

.adminbar-button,
#wpadminbar .adminbar-button,
#wpadminbar input[type="submit"].adminbar-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* Alternatif yang lebih spesifik */
#wpadminbar .quicklinks .adminbar-button,
#wpadminbar .ab-top-menu .adminbar-button {
    display: none !important;
}

/* Hilangkan juga container-nya jika perlu */
#wpadminbar .adminbar-search,
#wpadminbar .adminbar-search-wrap {
    display: none !important;
}

/* ==========================================================
   🚫 HILANGKAN SEARCH FIELD ADMIN BAR
   ========================================================== */

.adminbar-input,
#adminbar-search,
#wpadminbar .adminbar-input,
#wpadminbar #adminbar-search,
#wpadminbar input[type="text"].adminbar-input {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    position: absolute !important;
    left: -9999px !important;
}

/* Hilangkan seluruh adminbar search form */
#wpadminbar .adminbar-search,
#wpadminbar .ab-search-form,
#wpadminbar .quicklinks .ab-top-search {
    display: none !important;
}

/* Alternatif: hide seluruh admin bar search section */
#wpadminbar .ab-top-secondary .ab-search,
#wpadminbar #wp-admin-bar-search {
    display: none !important;
}

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800&display=swap');

/* === Hero Section Container === */
.hero-banner {
  text-align: center;
  background: #000;
  color: #00e5ff;
  padding: 120px 20px;
  position: relative;
  overflow: hidden;
  font-family: 'Orbitron', sans-serif;
}

/* === Subtitle: DIGITAL GAME STORE === */
.hero-subtitle {
  font-size: 14px;
  letter-spacing: 8px;
  color: #00e5ff;
  text-transform: uppercase;
  margin-bottom: 35px;
  text-shadow: 0 0 10px rgba(0,229,255,0.8);
  position: relative;
  display: inline-block;
  padding: 0 20px;
}

/* Neon strip kiri & kanan */
.hero-subtitle::before,
.hero-subtitle::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 170px; /* ✅ lebih panjang */
  background: linear-gradient(90deg, transparent, #00e5ff, transparent);
  box-shadow: 0 0 10px rgba(0,229,255,0.6), 0 0 25px rgba(0,229,255,0.4);
  opacity: 0.9;
  border-radius: 2px;
}

/* Posisinya geser keluar agar tidak menimpa teks */
.hero-subtitle::before {
  left: -150px; /* geser lebih jauh ke kiri */
}

.hero-subtitle::after {
  right: -150px; /* geser lebih jauh ke kanan */
}

/* Responsif untuk mobile */
@media (max-width: 768px) {
  .hero-subtitle::before,
  .hero-subtitle::after {
    width: 60px;
    left: -80px;
    right: -80px;
  }
}

/* === Main Title === */
.hero-title {
  font-size: 64px;
  font-weight: 800;
  line-height: 1.1;
  color: #00e5ff;
  margin: 0 auto 40px;
  text-shadow:
    0 0 10px rgba(0,229,255,0.9),
    0 0 20px rgba(0,229,255,0.7),
    0 0 40px rgba(0,229,255,0.5);
  animation: glowText 3s ease-in-out infinite alternate;
}

/* RGB breathing animation */
@keyframes glowText {
  0% { text-shadow: 0 0 15px #00e5ff, 0 0 30px #00e5ff, 0 0 60px #00e5ff; color: #00e5ff; }
  50% { text-shadow: 0 0 20px #ff00ff, 0 0 40px #ff00ff, 0 0 80px #ff00ff; color: #00ffff; }
  100% { text-shadow: 0 0 15px #00e5ff, 0 0 30px #00e5ff, 0 0 60px #00e5ff; color: #00e5ff; }
}

/* === Button === */
.hero-button {
  display: inline-block;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 15px;
  padding: 14px 40px;
  border-radius: 6px;
  color: #fff;
  text-decoration: none;
  border: 2px solid #ff00ff;
  box-shadow: 0 0 20px rgba(255,0,255,0.5);
  transition: all 0.3s ease-in-out;
}

.hero-button:hover {
  background: linear-gradient(90deg, #00e5ff, #ff00ff);
  box-shadow: 0 0 25px #ff00ff, 0 0 40px #00e5ff;
  transform: scale(1.05);
}

/* === Responsive === */
@media (max-width: 768px) {
  .hero-title { font-size: 42px; }
  .hero-subtitle { font-size: 12px; letter-spacing: 5px; }
}

/* ==========================================================
   🎮 NEON RGB PAYMENT METHODS STYLING
   ========================================================== */

/* Container utama payment methods */
.woocommerce-checkout #payment,
.woocommerce-checkout #payment ul.payment_methods {
    background: #000000 !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 15px !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.2) !important;
    padding: 25px !important;
}

/* List payment methods */
.wc_payment_methods.payment_methods.methods {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Setiap item payment method */
.wc_payment_method {
    background: #0a0a0a !important;
    border: 1px solid rgba(0,229,255,0.2) !important;
    border-radius: 10px !important;
    margin-bottom: 12px !important;
    padding: 15px 20px !important;
    transition: all 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Hover effect - NEON GLOW */
.wc_payment_method:hover {
    background: #111111 !important;
    border-color: rgba(255,0,255,0.5) !important;
    box-shadow: 0 0 15px rgba(255,0,255,0.3),
                0 0 25px rgba(0,229,255,0.2) !important;
    transform: translateY(-2px) !important;
}

/* Radio button styling */
.wc_payment_method .input-radio {
    margin-right: 12px !important;
}

/* Label payment method */
.wc_payment_method label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

/* Gambar logo payment */
.wc_payment_method label img {
    border-radius: 4px !important;
    box-shadow: 0 0 8px rgba(0,229,255,0.3) !important;
    transition: all 0.3s ease !important;
}

.wc_payment_method:hover label img {
    box-shadow: 0 0 12px rgba(255,0,255,0.5) !important;
    transform: scale(1.05) !important;
}

/* Payment box description */
.payment_box {
    background: #111111 !important;
    border: 1px solid rgba(0,229,255,0.2) !important;
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 12px !important;
    color: #cccccc !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5) !important;
}

/* Selected payment method */
.wc_payment_method input[type="radio"]:checked + label {
    color: #00ffff !important;
    text-shadow: 0 0 8px rgba(0,229,255,0.6) !important;
}

.wc_payment_method input[type="radio"]:checked ~ .payment_box {
    border-color: rgba(0,229,255,0.4) !important;
    box-shadow: 0 0 10px rgba(0,229,255,0.3) !important;
}

/* Radio button custom styling */
.wc_payment_method .input-radio {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid rgba(0,229,255,0.4) !important;
    border-radius: 50% !important;
    background: #000000 !important;
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.3s ease !important;
}

.wc_payment_method .input-radio:checked {
    border-color: #00ffff !important;
    background: #00ffff !important;
    box-shadow: 0 0 10px rgba(0,229,255,0.8) !important;
}

.wc_payment_method .input-radio:checked::before {
    content: '' !important;
    position: absolute !important;
    top: 3px !important;
    left: 3px !important;
    width: 8px !important;
    height: 8px !important;
    background: #000000 !important;
    border-radius: 50% !important;
}

/* Hover effect pada radio */
.wc_payment_method .input-radio:hover {
    border-color: rgba(255,0,255,0.6) !important;
    box-shadow: 0 0 8px rgba(255,0,255,0.4) !important;
}

/* Active state */
.wc_payment_method input[type="radio"]:checked ~ label {
    font-weight: 700 !important;
}

/* Responsive design */
@media (max-width: 768px) {
    .woocommerce-checkout #payment ul.payment_methods {
        padding: 20px !important;
    }
    
    .wc_payment_method {
        padding: 12px 15px !important;
        margin-bottom: 10px !important;
    }
    
    .wc_payment_method label {
        font-size: 13px !important;
    }
    
    .payment_box {
        padding: 12px !important;
        font-size: 12px !important;
    }
}

/* ALTERNATIVE FIX - HIDE SEMUA TOMBOL DI THUMBNAIL KECUALI ICON */
.mf-product-thumbnail .footer-button {
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
    display: flex !important;
    gap: 5px !important;
}

.mf-product-thumbnail .footer-button a {
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0,0,0,0.7) !important;
    border-radius: 50% !important;
    border: 1px solid rgba(0,229,255,0.4) !important;
}

.mf-product-thumbnail .footer-button .add_to_cart_button {
    display: none !important;
}

.mf-product-thumbnail .footer-button .add-to-cart-text {
    display: none !important;
}

/* ==========================================================
   ⚡ FIX OVERLAY PUTIH SAAT HOVER PRODUK (NEON EDITION)
   ========================================================== */

/* Hapus background putih/transparan di area gambar saat hover */
.mf-product-thumbnail::before,
.mf-product-thumbnail::after,
.product-inner:hover::before,
.product-inner:hover::after,
.mf-product-image:hover::before,
.mf-product-image:hover::after {
  content: none !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Hapus elemen overlay putih dari class hover box */
.mf-product-hover-box,
.mf-product-thumbnail .mf-product-hover-box {
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  border: none !important;
}

/* Ganti efek hover jadi glow RGB di pinggiran gambar */
.mf-product-thumbnail,
.mf-product-image {
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: all 0.3s ease-in-out !important;
  box-shadow: 0 0 0px rgba(0,0,0,0) !important;
}

.mf-product-thumbnail:hover,
.mf-product-image:hover {
  box-shadow: 
    0 0 15px rgba(0,229,255,0.6),
    0 0 25px rgba(255,0,255,0.4),
    inset 0 0 10px rgba(0,0,0,0.6) !important;
  transform: scale(1.02) !important;
  background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
  background-size: 300% 300% !important;
  animation: rgbBorderGlow 4s ease infinite !important;
}

/* Tambahkan animasi RGB di pinggiran */
@keyframes rgbBorderGlow {
  0% { box-shadow: 0 0 15px #00e5ff, 0 0 30px #00e5ff; }
  50% { box-shadow: 0 0 20px #ff00ff, 0 0 40px #ff00ff; }
  100% { box-shadow: 0 0 15px #00e5ff, 0 0 30px #00e5ff; }
}

/* Pastikan ikon (Quick View, Wishlist, Compare) tetap terlihat */
.footer-button,
.footer-button a,
.mf-product-quick-view,
.wcboost-wishlist-button,
.wcboost-products-compare-button {
  background: none !important;
  box-shadow: none !important;
  border: none !important;
  opacity: 1 !important;
}

/* Hilangkan efek putih bawaan ikon hover */
.footer-button a:hover,
.footer-button a:focus {
  background: none !important;
  box-shadow: none !important;
  transform: scale(1.05) !important;
}

/* Pastikan gambar produk tidak menjadi buram */
.mf-product-thumbnail img,
.mf-product-image img {
  opacity: 1 !important;
  filter: brightness(1) contrast(1.1) !important;
  transition: all 0.3s ease-in-out !important;
}

/* Saat hover, gambar tidak berubah putih */
.mf-product-thumbnail:hover img,
.mf-product-image:hover img {
  opacity: 1 !important;
  filter: brightness(1.15) contrast(1.2) saturate(1.1) !important;
}

/* ==========================================================
   🎮 DARK + NEON RGB STYLE — SINGLE PRODUCT PAGE
   ========================================================== */

/* Background keseluruhan area ringkasan produk */
.summary.entry-summary {
    background: linear-gradient(145deg, #0a0a0d, #151520) !important;
    padding: 25px 30px !important;
    border-radius: 15px !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.2),
                0 0 35px rgba(255,0,255,0.15) !important;
    color: #e0e0e0 !important;
}

/* Judul produk */
.summary.entry-summary .product_title,
.summary.entry-summary .product_title a {
    color: #00e5ff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 26px !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.6),
                 0 0 15px rgba(255,0,255,0.4) !important;
    transition: all 0.3s ease-in-out;
}
.summary.entry-summary .product_title a:hover {
    color: #ff00ff !important;
    text-shadow: 0 0 15px rgba(255,0,255,0.8),
                 0 0 25px rgba(0,229,255,0.6) !important;
}

/* Harga produk */
.summary.entry-summary .price,
.summary.entry-summary .amount,
.summary.entry-summary .woocommerce-Price-amount {
    font-weight: 700 !important;
    font-size: 22px !important;
    background: linear-gradient(90deg, #00e5ff, #ff00ff, #00e5ff) !important;
    background-size: 300% 300% !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    animation: priceFlow 5s ease infinite !important;
}
@keyframes priceFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Label stok */
.summary.entry-summary .stock {
    color: #00e5ff !important;
    font-weight: 600 !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.6) !important;
}
.summary.entry-summary .stock label {
    color: #ff00ff !important;
    margin-right: 4px !important;
}

/* Deskripsi produk */
.woocommerce-product-details__short-description {
    color: #cccccc !important;
    background: rgba(15,15,20,0.6) !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 10px !important;
    padding: 15px 20px !important;
    line-height: 1.7 !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.15),
                inset 0 0 10px rgba(255,0,255,0.08) !important;
}
.woocommerce-product-details__short-description strong {
    color: #00e5ff !important;
}

/* Tombol tambah ke keranjang */
.single_add_to_cart_button.button.alt {
    background: linear-gradient(90deg, #00e5ff, #ff00ff, #00e5ff) !important;
    background-size: 300% 300% !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 12px 25px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.4),
                0 0 30px rgba(255,0,255,0.3) !important;
    animation: buttonFlow 4s ease infinite !important;
    transition: all 0.3s ease-in-out !important;
}
@keyframes buttonFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.single_add_to_cart_button:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 25px rgba(255,0,255,0.6),
                0 0 35px rgba(0,229,255,0.5) !important;
}

/* Tombol Wishlist dan Compare */
.actions-button a,
.mf-wishlist-button a,
.mf-compare-button a {
    background: transparent !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 8px !important;
    color: #fff !important;
    padding: 8px 14px !important;
    margin-right: 8px !important;
    font-weight: 600 !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 0 10px rgba(0,229,255,0.2) !important;
}
.actions-button a:hover {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    border-color: rgba(255,0,255,0.6) !important;
    box-shadow: 0 0 20px rgba(255,0,255,0.6),
                0 0 25px rgba(0,229,255,0.5) !important;
}

/* Ikon di tombol */
.actions-button svg path {
    fill: #00e5ff !important;
    transition: all 0.3s ease;
}
.actions-button a:hover svg path {
    fill: #fff !important;
}

/* Input Quantity */
.qty-box input.qty {
    background: #111 !important;
    color: #fff !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    border-radius: 8px !important;
    width: 60px !important;
    text-align: center !important;
    box-shadow: inset 0 0 10px rgba(0,229,255,0.3) !important;
}
.qty-box .increase,
.qty-box .decrease {
    color: #00e5ff !important;
    cursor: pointer !important;
    transition: all 0.2s ease-in-out;
}
.qty-box .increase:hover,
.qty-box .decrease:hover {
    color: #ff00ff !important;
}

/* Garis atau border tambahan hilangkan */
.summary.entry-summary hr,
.summary.entry-summary .entry-meta {
    border: none !important;
    background: none !important;
}

/* Hapus efek putih default WCBoost */
.actions-button a[title],
.actions-button [data-rel="tooltip"] {
    background: transparent !important;
    box-shadow: none !important;
}

/* ==========================================================
   🌌 999STATION — DARK NEON RGB WISHLIST UI
   ========================================================== */

/* === AREA UTAMA === */
.woocommerce.wocommerce-wishlist,
.wcboost-wishlist,
.wcboost-wishlist-form {
    background: linear-gradient(145deg, #080808, #0f0f17) !important;
    color: #e0e0e0 !important;
    border-radius: 12px !important;
    box-shadow: 0 0 25px rgba(0,229,255,0.15),
                0 0 35px rgba(255,0,255,0.08) !important;
    padding: 25px !important;
}

/* === TABEL WISHLIST === */
.wishlist_table {
    width: 100% !important;
    border-collapse: collapse !important;
    background: rgba(20,20,30,0.9) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    box-shadow: inset 0 0 10px rgba(0,229,255,0.1),
                0 0 15px rgba(255,0,255,0.05) !important;
}

/* Header tabel */
.wishlist_table thead tr {
    background: linear-gradient(90deg, #00e5ff, #ff00ff, #00e5ff) !important;
    background-size: 300% 300%;
    animation: headerRGBflow 5s linear infinite !important;
}
@keyframes headerRGBflow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.wishlist_table thead th {
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 12px !important;
    border: none !important;
    letter-spacing: 0.5px !important;
    text-shadow: 0 0 8px rgba(0,229,255,0.6) !important;
}

/* Isi tabel */
.wishlist_table tbody tr {
    border-bottom: 1px solid rgba(0,229,255,0.15) !important;
    transition: all 0.3s ease-in-out !important;
}
.wishlist_table tbody tr:hover {
    background: rgba(30,30,40,0.8) !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.15),
                0 0 25px rgba(255,0,255,0.1) !important;
    transform: scale(1.01) !important;
}

/* Sel tabel */
.wishlist_table td {
    color: #d0d0d0 !important;
    padding: 14px !important;
    border: none !important;
    vertical-align: middle !important;
}
.wishlist_table a {
    color: #00e5ff !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
}
.wishlist_table a:hover {
    color: #ff00ff !important;
    text-shadow: 0 0 10px rgba(255,0,255,0.6),
                 0 0 15px rgba(0,229,255,0.4) !important;
}

/* Gambar produk */
.wishlist_table img {
    border-radius: 10px !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    transition: all 0.3s ease-in-out;
}
.wishlist_table img:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.4),
                0 0 25px rgba(255,0,255,0.2) !important;
}

/* Tombol remove (×) */
.wishlist_table .product-remove a.remove {
    color: #ff00ff !important;
    font-size: 20px !important;
    text-shadow: 0 0 8px rgba(255,0,255,0.7) !important;
    transition: all 0.2s ease-in-out;
}
.wishlist_table .product-remove a.remove:hover {
    color: #00e5ff !important;
    text-shadow: 0 0 12px rgba(0,229,255,0.8) !important;
}

/* Harga dan stok */
.wishlist_table .price,
.wishlist_table .woocommerce-Price-amount,
.wishlist_table .product-stock-status {
    color: #00e5ff !important;
    font-weight: 600 !important;
    text-shadow: 0 0 8px rgba(0,229,255,0.6) !important;
}
.wishlist_table .in-stock {
    color: #8affff !important;
}

/* Tombol Add to Cart */
.wishlist_table .add_to_cart_button {
    background: linear-gradient(90deg, #00e5ff, #ff00ff, #00e5ff) !important;
    background-size: 300% 300% !important;
    border: none !important;
    border-radius: 8px !important;
    color: #fff !important;
    padding: 8px 18px !important;
    font-weight: 700 !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.3),
                0 0 20px rgba(255,0,255,0.2) !important;
    animation: btnGlow 4s ease infinite !important;
    transition: all 0.3s ease-in-out;
}
@keyframes btnGlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.wishlist_table .add_to_cart_button:hover {
    transform: scale(1.05) !important;
    box-shadow: 0 0 25px rgba(255,0,255,0.6),
                0 0 35px rgba(0,229,255,0.4) !important;
}

/* === FOOTER SHARE WISHLIST === */
.wcboost-wishlist-footer {
    margin-top: 40px !important;
    border-top: 1px solid rgba(0,229,255,0.2) !important;
    padding-top: 25px !important;
}

/* Judul "Share" */
.wishlist-share__title {
    color: #00e5ff !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    text-shadow: 0 0 10px rgba(0,229,255,0.6) !important;
}

/* Tombol share */
.wishlist-share__buttons li a {
    display: inline-flex !important;
    align-items: center !important;
    background: rgba(15,15,25,0.9) !important;
    border: 1px solid rgba(0,229,255,0.2) !important;
    border-radius: 8px !important;
    color: #fff !important;
    padding: 6px 12px !important;
    margin: 4px !important;
    transition: all 0.3s ease-in-out !important;
    box-shadow: 0 0 10px rgba(0,229,255,0.1) !important;
}
.wishlist-share__buttons li a:hover {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    border-color: rgba(255,0,255,0.6) !important;
    box-shadow: 0 0 20px rgba(255,0,255,0.6),
                0 0 25px rgba(0,229,255,0.4) !important;
}
.wishlist-share__buttons svg path {
    fill: #00e5ff !important;
    transition: all 0.3s ease-in-out;
}
.wishlist-share__buttons li a:hover svg path {
    fill: #fff !important;
}

/* Edit wishlist link */
.wcboost-wishlist-edit-link {
    color: #ff00ff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-shadow: 0 0 10px rgba(255,0,255,0.5) !important;
}
.wcboost-wishlist-edit-link:hover {
    color: #00e5ff !important;
    text-shadow: 0 0 15px rgba(0,229,255,0.7) !important;
}

/* Hilangkan border putih */
table.shop_table,
.wishlist_table th,
.wishlist_table td {
    border: none !important;
}

/* Glow lembut di sekitar tabel */
.wishlist_table {
    animation: softGlow 8s ease-in-out infinite alternate !important;
}
@keyframes softGlow {
    0% { box-shadow: 0 0 20px rgba(0,229,255,0.15); }
    50% { box-shadow: 0 0 25px rgba(255,0,255,0.15); }
    100% { box-shadow: 0 0 20px rgba(0,229,255,0.15); }
}

/* ==========================================================
   🕹️ 999STATION — ABSOLUTE DARK NEON FIX (ANTI WHITE)
   ========================================================== */

/* Seluruh container galeri */
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper,
.woocommerce-product-gallery__image,
.slick-list,
.slick-track {
    background: #0a0a0f !important;
    background-color: #0a0a0f !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: #fff !important;
}

/* Bersihkan efek putih overlay & background bawaan */
.woocommerce-product-gallery__image a::before,
.woocommerce-product-gallery__image a::after,
.woocommerce-product-gallery__image::before,
.woocommerce-product-gallery__image::after,
.slick-slide::before,
.slick-slide::after {
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    filter: none !important;
}

/* Gambar produk — tampil dark neon */
.woocommerce-product-gallery__image img {
    background: #0d0d15 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(0,229,255,0.3) !important;
    box-shadow: 0 0 15px rgba(0,229,255,0.2),
                0 0 20px rgba(255,0,255,0.1) !important;
    transition: all 0.35s ease-in-out !important;
}

/* Efek hover — tidak putih, hanya neon RGB */
.woocommerce-product-gallery__image img:hover {
    background: #0d0d15 !important;
    transform: scale(1.03);
    box-shadow: 0 0 25px rgba(0,229,255,0.5),
                0 0 35px rgba(255,0,255,0.3),
                inset 0 0 10px rgba(0,0,0,0.6) !important;
    border-color: rgba(255,0,255,0.4) !important;
    filter: brightness(1.1) contrast(1.1) !important;
}

/* Thumbnail bawah */
.woocommerce-product-gallery .slick-track img {
    background: #0a0a10 !important;
    border: 1px solid rgba(0,229,255,0.25) !important;
    border-radius: 8px !important;
    transition: all 0.3s ease;
}
.woocommerce-product-gallery .slick-track img:hover {
    transform: scale(1.05);
    box-shadow: 0 0 20px rgba(0,229,255,0.4),
                0 0 25px rgba(255,0,255,0.2) !important;
}

/* Area bawah “Roll over image…” */
.product-image-ms {
    background: #0a0a10 !important;
    color: #00e5ff !important;
    border: 1px solid rgba(0,229,255,0.2) !important;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    margin-top: 10px !important;
    box-shadow: 0 0 10px rgba(0,229,255,0.25),
                inset 0 0 8px rgba(255,0,255,0.15) !important;
    animation: rgbFlowText 5s ease infinite !important;
}
@keyframes rgbFlowText {
    0% { text-shadow: 0 0 6px rgba(0,229,255,0.7); }
    50% { text-shadow: 0 0 10px rgba(255,0,255,0.7); }
    100% { text-shadow: 0 0 6px rgba(0,229,255,0.7); }
}

/* Tombol navigasi panah (hapus warna putih) */
.slick-prev-arrow,
.slick-next-arrow {
    color: #00e5ff !important;
    background: rgba(15,15,25,0.85) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 10px rgba(0,229,255,0.3) !important;
    transition: all 0.3s ease;
}
.slick-prev-arrow:hover,
.slick-next-arrow:hover {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    box-shadow: 0 0 20px rgba(0,229,255,0.4),
                0 0 25px rgba(255,0,255,0.4) !important;
    color: #fff !important;
}

/* Hilangkan efek putih saat focus / active */
.woocommerce-product-gallery__image a:focus,
.woocommerce-product-gallery__image a:active,
.slick-slide:focus,
.slick-slide:active {
    outline: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* Anti background putih global */
* {
    background-color: transparent !important;
}

/* ==========================================================
   🌈 PAKSA RGB BADGE TANPA UBAH HTML
   ========================================================== */

/* Pilih badge berdasarkan warna inline default (#0073aa) */
div[style*="position: absolute"][style*="left: 10px"] span[style*="#0073aa"] {
  position: relative !important;
  color: #fff !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  z-index: 10 !important;
  text-shadow: 0 0 6px rgba(255,255,255,0.8),
               0 0 10px rgba(0,229,255,0.7),
               0 0 15px rgba(255,0,255,0.5) !important;
  border: 1px solid rgba(255,255,255,0.2) !important;
  box-shadow: 0 0 10px rgba(0,229,255,0.4),
              0 0 15px rgba(255,0,255,0.3),
              inset 0 0 5px rgba(0,0,0,0.6) !important;
}

/* Lapisan pseudo-element neon RGB di atas inline style */
div[style*="position: absolute"][style*="left: 10px"] span[style*="#0073aa"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #00e5ff, #ff00ff, #00e5ff) !important;
  background-size: 300% 300% !important;
  animation: neonRGBbg 6s ease-in-out infinite !important;
  filter: brightness(1.2) saturate(1.3);
}

/* Efek RGB gradasi bergerak */
@keyframes neonRGBbg {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Hover efek lebih terang */
div[style*="position: absolute"][style*="left: 10px"] span[style*="#0073aa"]:hover::before {
  filter: brightness(1.6) saturate(1.6);
  box-shadow: 0 0 25px rgba(0,229,255,0.8),
              0 0 35px rgba(255,0,255,0.7) !important;
}

/* ======================================================
   🎵 MUSIC PLAYER RGB GAMING UI
   ====================================================== */

/* WRAPPER */
#musicWidget {
    background: #0a0a0a !important;
    border: 2px solid #00e5ff !important;
    border-radius: 10px !important;
    padding: 15px !important;
    max-width: 320px !important;

    box-shadow: 0 0 15px #00e5ff80,
                0 0 25px #ff00ff60 !important;

    animation: rgbGlow 4s linear infinite !important;
}

/* ANIMASI RGB */
@keyframes rgbGlow {
    0% { border-color:#00e5ff; box-shadow:0 0 15px #00e5ff80; }
    25% { border-color:#ff00ff; box-shadow:0 0 15px #ff00ff80; }
    50% { border-color:#00ff88; box-shadow:0 0 15px #00ff8880; }
    75% { border-color:#9d00ff; box-shadow:0 0 15px #9d00ff80; }
    100% { border-color:#00e5ff; box-shadow:0 0 15px #00e5ff80; }
}

/* CLOSE BUTTON */
#musicWidget #closeBtn {
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    float: right !important;
    filter: drop-shadow(0 0 5px #ff00ff) !important;
    transition: 0.2s;
}

#musicWidget #closeBtn:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 0 10px #ff00ff);
}

/* JUDUL */
#musicWidget h4, 
#musicWidget h5 {
    color: #fff !important;
    text-shadow: 0 0 8px #00e5ff;
}

/* AUDIO PLAYER */
#musicWidget audio {
    width: 100% !important;
    border-radius: 6px !important;
    box-shadow: 0 0 10px #00e5ff80;
    margin-bottom: 10px;
}

/* BUTTONS */
#musicWidget button {
    background: linear-gradient(90deg, #00e5ff, #ff00ff) !important;
    border: none !important;
    padding: 8px 12px !important;
    color: #fff !important;
    font-weight: bold !important;
    border-radius: 5px !important;
    cursor: pointer !important;
    transition: 0.2s !important;
    margin-top: 5px;
}

#musicWidget button:hover {
    transform: scale(1.04);
    box-shadow: 0 0 12px #00e5ff;
}

/* PLAYLIST AREA */
#musicWidget ul#playlist {
    border: 1px solid #00e5ff70 !important;
    border-radius: 6px !important;
}

#musicWidget ul#playlist li {
    color: #fff !important;
    transition: 0.2s;
}

#musicWidget ul#playlist li:hover {
    background: rgba(0, 229, 255, 0.2) !important;
    font-weight: bold !important;
    text-shadow: 0 0 8px #00e5ff;
}

/* CURRENT PLAYING (yang warna abu sebelumnya) */
#musicWidget ul#playlist li[style*="bold"],
#musicWidget ul#playlist li[style*="background-color: rgb(240"] {
    background: linear-gradient(90deg, #00e5ff40, #ff00ff40) !important;
    color: #fff !important;
    font-weight: bold !important;
    text-shadow: 0 0 8px #ff00ff;
}

/* YOUTUBE SEARCH BOX */
#musicWidget #searchInput {
    width: 100% !important;
    padding: 8px !important;
    background: #111 !important;
    border: 1px solid #00e5ff !important;
    color: #fff !important;
    border-radius: 4px !important;
    margin-bottom: 5px !important;

    box-shadow: 0 0 8px #00e5ff60;
}

#musicWidget #searchInput:focus {
    outline: none !important;
    border-color: #ff00ff !important;
    box-shadow: 0 0 12px #ff00ff80;
}

/* YOUTUBE RESULTS */
#youtubeResults {
    border: 1px solid #00e5ff50 !important;
    padding: 6px !important;
    border-radius: 6px !important;
    background: #111;
    color: #fff;
}

#youtubeResults div {
    padding: 5px !important;
    cursor: pointer !important;
    border-bottom: 1px solid #222 !important;
}

#youtubeResults div:hover {
    background: rgba(255,0,255,0.2);
    text-shadow: 0 0 8px #ff00ff;
}

/* YOUTUBE PLAYER CONTAINER */
#youtubePlayerContainer {
    margin-top: 10px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    box-shadow: 0 0 15px #00e5ff60;
}

/* ======================================================
   VIP Annual Comparison
   ====================================================== */

.wvm-annual-comparison {
    margin-top: 60px;
    background: #f8f9fa;
    padding: 40px;
    border-radius: 12px;
}

.wvm-annual-comparison h3 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 24px !important;
}

.wvm-annual-comparison > div {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 25px !important;
}

.wvm-annual-comparison > div > div {
    text-align: center;
    padding: 25px 15px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.wvm-annual-comparison h4 {
    font-size: 18px !important;
    margin-bottom: 15px;
    color: #333;
}

.wvm-annual-comparison > div > div > div:first-of-type {
    font-size: 22px !important;
    font-weight: bold;
    margin-bottom: 8px;
}

.wvm-annual-comparison > div > div > div:nth-of-type(2) {
    font-size: 14px !important;
    margin-bottom: 12px;
}

.wvm-annual-comparison > div > div > div:last-of-type {
    font-size: 15px !important;
    margin-top: 12px;
}

.wvm-annual-comparison > div > div > div:last-of-type strong {
    font-size: 16px !important;
}

/* Warna khusus untuk setiap tipe */
.wvm-annual-comparison > div > div:nth-child(1) > div:first-of-type {
    color: #666;
}

.wvm-annual-comparison > div > div:nth-child(2) > div:first-of-type,
.wvm-annual-comparison > div > div:nth-child(2) > div:nth-of-type(2) {
    color: #28a745;
}

.wvm-annual-comparison > div > div:nth-child(3) > div:first-of-type {
    color: #666;
}

.wvm-annual-comparison > div > div:nth-child(4) > div:first-of-type,
.wvm-annual-comparison > div > div:nth-child(4) > div:nth-of-type(2) {
    color: #0073aa;
}

/* Responsive */
@media (max-width: 768px) {
    .wvm-annual-comparison > div {
        grid-template-columns: 1fr !important;
    }
    
    .wvm-annual-comparison h3 {
        font-size: 20px !important;
    }
    
    .wvm-annual-comparison h4 {
        font-size: 16px !important;
    }
    
    .wvm-annual-comparison > div > div > div:first-of-type {
        font-size: 20px !important;
    }
}

/* Semua input text di checkout */
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"] {
    color: #ffffff !important;
}

/* Placeholder juga diubah jika perlu */
.woocommerce-checkout input::placeholder {
    color: #cccccc !important;
    opacity: 1;
}