/* Global Crisp Typography Reset for All Pages in Dark Mode */
[data-theme="dark"],
[data-theme="dark"] body,
[data-theme="dark"] div,
[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] a,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] input,
[data-theme="dark"] button,
[data-theme="dark"] .header-wrapper,
[data-theme="dark"] .top-bar,
[data-theme="dark"] .goku-site-footer {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

/**
 * GokuMusic - Complete Dark Mode Styling & Token Overrides
 * Design System: Swiss Modernism 2.0 & Pro Audio Dark Palette
 * File: assets/css/dark-mode.css
 */

/* ==========================================================================
   1. Dark Mode CSS Tokens & Variables
   ========================================================================== */
:root[data-theme="dark"],
[data-theme="dark"] {
  color-scheme: dark;

  /* Surface Elevation Hierarchy */
  --et-surface-ground:      #070a11; /* Level 0: Deep Obsidian Canvas */
  --et-surface-card:        #0f172a; /* Level 1: Slate 900 Card Surface */
  --et-surface-elevated:    #172033; /* Level 2: Elevated Nav & Panels */
  --et-surface-overlay:     #1e293b; /* Level 3: Modals & Tooltips */
  --et-surface-subtle:      #131b2e; /* Sub-elements inside cards */

  /* Legacy & Theme Mapping */
  --et-bg-canvas:           var(--et-surface-card);
  --et-bg-light:            var(--et-surface-ground);
  --et-white:               var(--et-surface-card);
  --et-dark-color:          #f8fafc; /* Slate 50 (Heading High Contrast) */
  --et-dark-secondary:      #cbd5e1; /* Slate 300 (Body Text) */
  --et-muted-color:         #94a3b8; /* Slate 400 (Muted Info) */
  --et-border-color:        rgba(255, 255, 255, 0.08);
  --et-border-light:        rgba(255, 255, 255, 0.04);
  --et-brand-surface-dark:  #1e293b;
  --et-brand-border-dark:   rgba(255, 255, 255, 0.12);

  /* Typography & Readability */
  --et-text-high:           #f8fafc;
  --et-text-body:           #cbd5e1;
  --et-text-muted:          #94a3b8;
  --et-text-disabled:       #475569;

  /* Commerce Highlights */
  --et-price-color:         #f87171; /* Coral Ruby (7:1 contrast on dark) */
  --et-price-regular:       #64748b;
  --et-sale-badge:          #ef4444;
  --et-hot-badge:           #fb923c;
  --et-rating-gold:         #fbbf24;
  --et-success-color:       #34d399; /* Emerald 400 */

  /* Gold Accents & Glow */
  --et-brand-gold:          #f5dc32;
  --et-brand-gold-warm:     #f59e0b;
  --et-brand-gold-hover:    #fde047;
  --et-brand-gold-shadow:   rgba(234, 179, 8, 0.4);
  --et-brand-gold-light:    rgba(234, 179, 8, 0.12);
  --et-brand-gold-border:   rgba(234, 179, 8, 0.45);

  /* Shadows for Dark Surfaces */
  --shadow-xs:              0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-sm:              0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-md:              0 4px 16px rgba(0, 0, 0, 0.6);
  --shadow-lg:              0 10px 30px rgba(0, 0, 0, 0.7);
  --shadow-gold-glow:       0 0 20px rgba(234, 179, 8, 0.35);

  /* Hairlines */
  --et-hairline-border:     rgba(255, 255, 255, 0.08);
  --et-hairline-gold:       rgba(234, 179, 8, 0.45);
}

/* ==========================================================================
   2. Smooth Color Transition (UI/UX Best Practice: No 'transition: all')
   ========================================================================== */
body,
.page-wrapper,
.template-content,
.goku-home-page,
.site-header,
.product-card,
.side-banner-card,
.accessory-card,
.category-pill,
.trust-badge-item,
.section-head-bar,
.footer {
  transition: 
    background-color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.25s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   3. Global Page Canvas in Dark Mode
   ========================================================================== */
[data-theme="dark"] body {
  background-color: var(--et-surface-ground) !important;
  color: var(--et-text-high) !important;
}

[data-theme="dark"] .page-wrapper,
[data-theme="dark"] .template-content,
[data-theme="dark"] .main-content-wrapper,
[data-theme="dark"] .content-page,
[data-theme="dark"] .goku-home-page {
  background-color: var(--et-surface-ground) !important;
  color: var(--et-text-high) !important;
}

/* Text Hierarchy */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] .section-title,
[data-theme="dark"] .entry-title {
  color: var(--et-text-high) !important;
}

[data-theme="dark"] p,
[data-theme="dark"] .entry-content p,
[data-theme="dark"] .post-content p {
  color: var(--et-text-body);
}

/* ==========================================================================
   4. Goku Home Page Elements
   ========================================================================== */
/* Section Headings */
[data-theme="dark"] .section-head-bar {
  border-bottom-color: var(--et-hairline-border);
}

[data-theme="dark"] .section-pill-tag {
  background: #eab308;
  color: #0b0f19;
}

/* Hero Section */
[data-theme="dark"] .niche-hero-section {
  background: transparent;
}

[data-theme="dark"] .hero-banner-main {
  background: linear-gradient(135deg, #111827 0%, #1e293b 100%) !important;
  border: 1px solid var(--et-hairline-border) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .hero-title {
  color: var(--et-text-high) !important;
}

[data-theme="dark"] .hero-desc {
  color: var(--et-text-body) !important;
}

/* Side Deals Cards */
[data-theme="dark"] .side-banner-card {
  background: var(--et-surface-card) !important;
  border: 1px solid var(--et-hairline-border) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .side-banner-card:hover {
  border-color: var(--et-hairline-gold) !important;
  box-shadow: var(--shadow-md), 0 0 16px rgba(234, 179, 8, 0.2) !important;
  transform: translateY(-2px);
}

[data-theme="dark"] .side-banner-thumb {
  background: var(--et-surface-subtle) !important;
  border: 1px solid var(--et-hairline-border) !important;
}

[data-theme="dark"] .side-banner-thumb img {
  filter: brightness(0.96) contrast(1.02);
}

[data-theme="dark"] .side-banner-title a {
  color: var(--et-text-high) !important;
}

[data-theme="dark"] .side-banner-title a:hover {
  color: var(--et-brand-gold) !important;
}

/* Category Filter Pills */
[data-theme="dark"] .category-pill,
[data-theme="dark"] .cat-tab-btn {
  background: var(--et-surface-card) !important;
  color: var(--et-text-body) !important;
  border: 1px solid var(--et-hairline-border) !important;
}

[data-theme="dark"] .category-pill:hover,
[data-theme="dark"] .cat-tab-btn:hover {
  background: var(--et-surface-elevated) !important;
  color: var(--et-brand-gold) !important;
  border-color: var(--et-hairline-gold) !important;
}

[data-theme="dark"] .category-pill.active,
[data-theme="dark"] .cat-tab-btn.active {
  background: linear-gradient(135deg, #f5dc32, #eab308) !important;
  color: #070a11 !important;
  border-color: #f5dc32 !important;
  font-weight: 700 !important;
  box-shadow: 0 0 16px rgba(234, 179, 8, 0.35) !important;
}

/* 5-Column Product Cards & Home Product Cards */
[data-theme="dark"] .product-card,
[data-theme="dark"] .prod-card {
  background: var(--et-surface-card) !important;
  border: 1px solid var(--et-hairline-border) !important;
  box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] .product-card:hover,
[data-theme="dark"] .prod-card:hover {
  border-color: var(--et-hairline-gold) !important;
  box-shadow: var(--shadow-md), 0 0 16px rgba(234, 179, 8, 0.2) !important;
  transform: translateY(-3px);
}

[data-theme="dark"] .card-img-wrap {
  background: var(--et-surface-subtle) !important;
  border-radius: 6px;
}

[data-theme="dark"] .product-card-img {
  filter: brightness(0.96) contrast(1.02);
}

[data-theme="dark"] .product-title a,
[data-theme="dark"] .card-prod-title,
[data-theme="dark"] .card-prod-title a {
  color: #f8fafc !important; /* Slate 50 - Ultra Crisp High Contrast */
  font-weight: 700 !important;
}

[data-theme="dark"] .product-title a:hover,
[data-theme="dark"] .card-prod-title a:hover {
  color: var(--et-brand-gold) !important;
}

[data-theme="dark"] .card-review-count {
  color: #cbd5e1 !important; /* Slate 300 - High Contrast Meta */
}

[data-theme="dark"] .product-price-now,
[data-theme="dark"] .price-now,
[data-theme="dark"] .card-price-curr,
[data-theme="dark"] .woocommerce-Price-amount {
  color: var(--et-price-color) !important;
}

[data-theme="dark"] del .woocommerce-Price-amount,
[data-theme="dark"] .product-price-old,
[data-theme="dark"] .price-was,
[data-theme="dark"] .card-price-orig,
[data-theme="dark"] .card-price-orig .amount {
  color: #94a3b8 !important;
}

[data-theme="dark"] .btn-quickview-overlay {
  background: rgba(15, 23, 42, 0.88) !important;
  color: #f5dc32 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Accessory Cards */
[data-theme="dark"] .accessory-card {
  background: var(--et-surface-card) !important;
  border: 1px solid var(--et-hairline-border) !important;
}

[data-theme="dark"] .accessory-card:hover {
  border-color: var(--et-hairline-gold) !important;
  box-shadow: var(--shadow-md) !important;
}

[data-theme="dark"] .acc-thumb {
  background: var(--et-surface-subtle) !important;
}

[data-theme="dark"] .acc-thumb img {
  filter: brightness(0.96) contrast(1.02);
}

[data-theme="dark"] .acc-title-text a {
  color: var(--et-text-high) !important;
}

[data-theme="dark"] .acc-title-text a:hover {
  color: var(--et-brand-gold) !important;
}

[data-theme="dark"] .acc-price-text {
  color: var(--et-price-color) !important;
}

/* 4 Trust Commitments */
[data-theme="dark"] .trust-badge-item,
[data-theme="dark"] .commitment-card {
  background: var(--et-surface-card) !important;
  border: 1px solid var(--et-hairline-border) !important;
}

[data-theme="dark"] .trust-title {
  color: var(--et-text-high) !important;
}

[data-theme="dark"] .trust-desc {
  color: var(--et-text-muted) !important;
}

/* Showroom Experience Box */
[data-theme="dark"] .showroom-box,
[data-theme="dark"] .showroom-feature-card {
  background: var(--et-surface-card) !important;
  border: 1px solid var(--et-hairline-border) !important;
}

/* Quickview Modal */
[data-theme="dark"] .modal-quickview-content,
[data-theme="dark"] .quick-view-popup {
  background: var(--et-surface-overlay) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.85) !important;
  color: var(--et-text-high) !important;
}

/* ==========================================================================
   5. WooCommerce Single Product, Archive & Policy Pages
   ========================================================================== */
[data-theme="dark"] .product-main-summary,
[data-theme="dark"] .product-tabs-wrapper,
[data-theme="dark"] .woocommerce-Tabs-panel,
[data-theme="dark"] .woocommerce-product-gallery,
[data-theme="dark"] .policy-card,
[data-theme="dark"] .policy-box,
[data-theme="dark"] .faq-accordion-item,
[data-theme="dark"] .review-card {
  background: var(--et-surface-card) !important;
  border-color: var(--et-hairline-border) !important;
  color: var(--et-text-body) !important;
}

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #111827 !important;
  color: #f8fafc !important;
  border: 1px solid #334155 !important;
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus {
  border-color: #eab308 !important;
  box-shadow: 0 0 0 3px rgba(234, 179, 8, 0.25) !important;
}

/* ==========================================================================
   6. Floating Dark Mode Switch Widget (Accessible & Smooth)
   ========================================================================== */
.goku-dark-toggle-floating {
  position: fixed;
  bottom: 24px;
  left: 24px;
  z-index: 99999;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(11, 15, 25, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(234, 179, 8, 0.4);
  border-radius: 9999px;
  padding: 6px 14px 6px 6px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35), 0 0 12px rgba(234, 179, 8, 0.2);
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.goku-dark-toggle-floating:hover {
  transform: translateY(-2px) scale(1.02);
  border-color: #f5dc32;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45), 0 0 16px rgba(245, 220, 50, 0.35);
}

.goku-toggle-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #eab308;
  color: #0b0f19;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.goku-toggle-circle svg {
  width: 17px;
  height: 17px;
}

.goku-toggle-label {
  font-family: 'Roboto', -apple-system, sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #f8fafc;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

/* Active State when Dark Mode is ON */
[data-theme="dark"] .goku-dark-toggle-floating {
  background: rgba(15, 23, 42, 0.95);
  border-color: rgba(245, 220, 50, 0.6);
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.6), 0 0 16px rgba(245, 220, 50, 0.3);
}

[data-theme="dark"] .goku-toggle-circle {
  background: #f5dc32;
  color: #070a11;
  transform: rotate(360deg);
  box-shadow: 0 0 12px rgba(245, 220, 50, 0.6);
}

/* Responsive adjustment for Mobile screens */
@media (max-width: 768px) {
  .goku-dark-toggle-floating {
    bottom: 74px; /* Above the mobile bottom navigation bar */
    left: 14px;
    padding: 5px;
    gap: 0;
  }
  .goku-toggle-label {
    display: none; /* Icon-only on mobile for minimal footprint */
  }
  .goku-toggle-circle {
    width: 36px;
    height: 36px;
  }
}

/* ==========================================================================
   7. Goku Single Product Layout & Ultra-Crisp Typography in Dark Mode
   ========================================================================== */
[data-theme="dark"] .goku-product-layout {
  color: #e2e8f0 !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

[data-theme="dark"] .goku-entry-title {
  color: #f8fafc !important;
  font-weight: 800 !important;
}

[data-theme="dark"] .goku-rating-meta {
  color: #cbd5e1 !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .goku-rating-meta span {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .goku-stock-badge {
  color: #4ade80 !important;
}

[data-theme="dark"] .goku-stock-dot {
  background: #4ade80 !important;
  box-shadow: 0 0 8px rgba(74, 222, 128, 0.5) !important;
}

[data-theme="dark"] .goku-stock-directions-link {
  color: #4ade80 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

[data-theme="dark"] .goku-price-box {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .goku-main-price ins,
[data-theme="dark"] .goku-main-price ins .amount,
[data-theme="dark"] .goku-main-price > .amount,
[data-theme="dark"] .goku-main-price > span:not(del):not(ins) {
  color: #f87171 !important;
  font-weight: 800 !important;
}

[data-theme="dark"] .goku-main-price del,
[data-theme="dark"] .goku-main-price del .amount {
  color: #94a3b8 !important;
  font-weight: 500 !important;
}

[data-theme="dark"] .goku-discount-badge {
  background: rgba(239, 68, 68, 0.18) !important;
  color: #fca5a5 !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
}

[data-theme="dark"] .goku-promo-box {
  background: #131d31 !important;
  border: 1px solid rgba(245, 220, 50, 0.35) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .goku-promo-header {
  color: #f5dc32 !important;
  font-weight: 800 !important;
}

[data-theme="dark"] .goku-promo-list {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .goku-promo-list li {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .goku-promo-list a {
  color: #fde047 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

[data-theme="dark"] .goku-promo-list a.goku-promo-zalo-link {
  color: #4ade80 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
}

[data-theme="dark"] .goku-warranty-box {
  background: #0f172a !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .goku-warranty-title {
  color: #f8fafc !important;
  font-weight: 800 !important;
}

[data-theme="dark"] .goku-warranty-list {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .goku-warranty-list li {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .goku-warranty-list a {
  color: #38bdf8 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

[data-theme="dark"] .goku-btn-directions {
  background: rgba(34, 197, 94, 0.14) !important;
  border-color: #22c55e !important;
  color: #4ade80 !important;
}

[data-theme="dark"] .goku-btn-directions:hover {
  background: rgba(34, 197, 94, 0.28) !important;
  color: #86efac !important;
  box-shadow: 0 0 14px rgba(34, 197, 94, 0.35) !important;
}

[data-theme="dark"] .goku-meta-details {
  color: #94a3b8 !important;
}

[data-theme="dark"] .goku-meta-details strong {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .goku-meta-details a {
  color: #f5dc32 !important;
}

/* Tabs & SEO Article in Dark Mode */
[data-theme="dark"] .goku-tabs-nav {
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .goku-tab-btn {
  background: #0f172a !important;
  color: #94a3b8 !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .goku-tab-btn.active {
  background: #1e293b !important;
  color: #f5dc32 !important;
  border-color: #f5dc32 !important;
  border-bottom-color: #1e293b !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .goku-tab-content-area {
  background: #0f172a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .goku-seo-article {
  color: #e2e8f0 !important;
}

[data-theme="dark"] .goku-seo-article h2 {
  color: #f8fafc !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .goku-seo-article h3 {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .goku-seo-article p,
[data-theme="dark"] .goku-seo-article li {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .goku-seo-article strong,
[data-theme="dark"] .goku-seo-article b {
  color: #ffffff !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .goku-lead-paragraph {
  background: #172033 !important;
  color: #f8fafc !important;
  border-left-color: #f5dc32 !important;
}

[data-theme="dark"] .goku-specs-table {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .goku-specs-table tr:nth-child(even) {
  background: #131b2e !important;
}

[data-theme="dark"] .goku-spec-name {
  background: #172033 !important;
  color: #cbd5e1 !important;
}

[data-theme="dark"] .goku-spec-val {
  color: #f8fafc !important;
}

[data-theme="dark"] .goku-conclusion-box {
  background: #172033 !important;
  border-color: rgba(245, 220, 50, 0.3) !important;
  color: #f8fafc !important;
}

[data-theme="dark"] .goku-conclusion-box h3 {
  color: #f5dc32 !important;
}

[data-theme="dark"] .goku-sticky-bar {
  background: rgba(15, 23, 42, 0.96) !important;
  border-top-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .goku-sticky-title {
  color: #f8fafc !important;
}


/* --------------------------------------------------------------------------
   DARK MODE OVERRIDES: GOKU PRODUCT COMBO DEALS
   -------------------------------------------------------------------------- */
[data-theme="dark"] .goku-combo-headline {
  color: #f8fafc !important;
}

[data-theme="dark"] .goku-combo-card {
  background: #111827 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .goku-combo-item {
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .goku-combo-item:last-of-type {
  border-bottom-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .goku-combo-thumb {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .goku-combo-item-title {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .goku-combo-item-title a {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .goku-combo-item-title a:hover {
  color: #fde047 !important;
}

[data-theme="dark"] .goku-combo-item-prices .price-now {
  color: #f87171 !important;
}

[data-theme="dark"] .goku-combo-item-prices .price-old {
  color: #64748b !important;
}

[data-theme="dark"] .goku-combo-item-prices .price-diff {
  color: #94a3b8 !important;
}

[data-theme="dark"] .goku-combo-totals .totals-label {
  color: #38bdf8 !important;
}

[data-theme="dark"] .goku-combo-totals .totals-now {
  color: #f87171 !important;
}

[data-theme="dark"] .goku-combo-totals .totals-old {
  color: #64748b !important;
}

[data-theme="dark"] .goku-combo-footer {
  border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Wholesale Tiered Pricing in Dark Mode */
[data-theme="dark"] .goku-wholesale-tiers-wrap {
  background: #1e293b !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .goku-wholesale-tiers-header {
  border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .goku-wholesale-tiers-title {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .goku-wholesale-tiers-hint {
  color: #94a3b8 !important;
}

[data-theme="dark"] .goku-wholesale-tier-card {
  background: #0f172a !important;
  border-color: #334155 !important;
}

[data-theme="dark"] .goku-wholesale-tier-card:hover {
  border-color: #f97316 !important;
  background: #1c1917 !important;
}

[data-theme="dark"] .goku-wholesale-tier-card.is-active {
  border-color: #f97316 !important;
  background: #2a1b12 !important;
  box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.25) !important;
}

[data-theme="dark"] .goku-wholesale-tier-card .tier-qty-label {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .goku-wholesale-tier-card .tier-price-val {
  color: #f87171 !important;
}

[data-theme="dark"] .goku-wholesale-tier-card.is-active .tier-qty-label {
  color: #fb923c !important;
}

[data-theme="dark"] .goku-btn-cart-text-wrap .goku-btn-sub {
  color: #fbbf24 !important;
}