/* ==========================================================================
   COZY RAKIN — WEBSITE THEME ENGINE MASTER STYLESHEET (A to Z)
   Universal Real-Time Theme Engine for 10 Handcrafted Ultra-Premium Themes.
   Pure Vanilla CSS Architecture with 100% Component & Dark Mode Coverage.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Floating Live Preview Banner (Top of storefront during ?preview_theme=...)
   -------------------------------------------------------------------------- */
.cr-theme-preview-bar {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999999;
    background: linear-gradient(135deg, #0f172a, #1e293b);
    color: #ffffff;
    padding: 10px 18px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
    border-bottom: 2px solid var(--tp-primary, #f37021);
    font-family: 'Hind Siliguri', 'Plus Jakarta Sans', -apple-system, sans-serif;
    font-size: 13.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}
.cr-tpb-info {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
.cr-tpb-badge {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.cr-tpb-theme-tag {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 3px 10px;
    border-radius: 6px;
    font-weight: 700;
    color: #38bdf8;
}
.cr-tpb-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}
.cr-tpb-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}
.cr-tpb-btn-primary {
    background: linear-gradient(135deg, #10b981, #059669);
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35);
}
.cr-tpb-btn-primary:hover {
    background: linear-gradient(135deg, #059669, #047857);
    transform: translateY(-1px);
}
.cr-tpb-btn-secondary {
    background: rgba(255, 255, 255, 0.12);
    color: #e2e8f0 !important;
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.cr-tpb-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff !important;
}
.cr-tpb-btn-close {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5 !important;
    border: 1px solid rgba(239, 68, 68, 0.3);
}
.cr-tpb-btn-close:hover {
    background: rgba(239, 68, 68, 0.3);
    color: #ffffff !important;
}

/* ==========================================================================
   2. THE 10 MASTERPIECE THEMES TOKEN DEFINITIONS
   ========================================================================== */

/* 1. Cozy Royal Amber (Default / Flagship) */
:root,
[data-site-theme="royal-amber"],
[data-site-theme="modern-light"],
[data-site-theme="lux-aurora"] {
    --tp-primary: #f37021;
    --tp-primary-2: #d97706;
    --tp-accent: #10b981;
    --tp-ink: #0f172a;
    --tp-muted: #64748b;
    --tp-bg: #fffdf9;
    --tp-card: #ffffff;
    --tp-border: #fed7aa;
    --tp-radius: 18px;
    --tp-shadow: 0 10px 30px rgba(243, 112, 33, 0.08);
}

/* 2. Midnight Noir & 24K Gold (Dark Luxury) */
[data-site-theme="midnight-gold"],
[data-site-theme="noir-gold"] {
    --tp-primary: #fbbf24;
    --tp-primary-2: #f59e0b;
    --tp-accent: #38bdf8;
    --tp-ink: #f8fafc;
    --tp-muted: #94a3b8;
    --tp-bg: #0b0f19;
    --tp-card: #111827;
    --tp-border: rgba(251, 191, 36, 0.28);
    --tp-radius: 18px;
    --tp-shadow: 0 14px 40px rgba(0, 0, 0, 0.6);
}

/* 3. Aurora Emerald Glow (Fresh Tech) */
[data-site-theme="aurora-emerald"],
[data-site-theme="dark-emerald"] {
    --tp-primary: #059669;
    --tp-primary-2: #10b981;
    --tp-accent: #06b6d4;
    --tp-ink: #064e3b;
    --tp-muted: #475569;
    --tp-bg: #f0fdf4;
    --tp-card: #ffffff;
    --tp-border: #a7f3d0;
    --tp-radius: 16px;
    --tp-shadow: 0 10px 30px rgba(5, 150, 105, 0.08);
}

/* 4. Cyberpunk Neon Ultra (Gaming / Gadget Dark) */
[data-site-theme="cyber-neon"],
[data-site-theme="tech-neon"] {
    --tp-primary: #8b5cf6;
    --tp-primary-2: #ec4899;
    --tp-accent: #00f2fe;
    --tp-ink: #fdf4ff;
    --tp-muted: #a1a1aa;
    --tp-bg: #090914;
    --tp-card: #131127;
    --tp-border: rgba(139, 92, 246, 0.35);
    --tp-radius: 20px;
    --tp-shadow: 0 14px 40px rgba(139, 92, 246, 0.25);
}

/* 5. Rose Gold & Silk Blush (Fashion / Cosmopolitan) */
[data-site-theme="rose-silk"],
[data-site-theme="pastel-blush"],
[data-site-theme="fashion-vogue"] {
    --tp-primary: #e11d48;
    --tp-primary-2: #fb7185;
    --tp-accent: #f59e0b;
    --tp-ink: #4c0519;
    --tp-muted: #881337;
    --tp-bg: #fff1f2;
    --tp-card: #ffffff;
    --tp-border: #fecdd3;
    --tp-radius: 20px;
    --tp-shadow: 0 10px 30px rgba(225, 29, 72, 0.08);
}

/* 6. Oceanic Sapphire & Ice (Clean Corporate Trust) */
[data-site-theme="ocean-sapphire"],
[data-site-theme="modern-indigo"],
[data-site-theme="biz-corporate"],
[data-site-theme="minimal-nordic"] {
    --tp-primary: #2563eb;
    --tp-primary-2: #3b82f6;
    --tp-accent: #06b6d4;
    --tp-ink: #0f172a;
    --tp-muted: #64748b;
    --tp-bg: #f8fafc;
    --tp-card: #ffffff;
    --tp-border: #bfdbfe;
    --tp-radius: 16px;
    --tp-shadow: 0 10px 30px rgba(37, 99, 235, 0.08);
}

/* 7. Warm Mocha & Espresso (Artisanal Boutique) */
[data-site-theme="warm-mocha"] {
    --tp-primary: #5c4033;
    --tp-primary-2: #8b5a2b;
    --tp-accent: #d97706;
    --tp-ink: #291811;
    --tp-muted: #786053;
    --tp-bg: #faf8f5;
    --tp-card: #ffffff;
    --tp-border: #e8dfd5;
    --tp-radius: 18px;
    --tp-shadow: 0 10px 30px rgba(92, 64, 51, 0.08);
}

/* 8. Deep Twilight Velvet (Streetwear & Gen-Z) */
[data-site-theme="twilight-velvet"],
[data-site-theme="ultra-violet"] {
    --tp-primary: #6366f1;
    --tp-primary-2: #8b5cf6;
    --tp-accent: #f59e0b;
    --tp-ink: #1e1b4b;
    --tp-muted: #6b7280;
    --tp-bg: #f5f3ff;
    --tp-card: #ffffff;
    --tp-border: #ddd6fe;
    --tp-radius: 18px;
    --tp-shadow: 0 10px 30px rgba(99, 102, 241, 0.08);
}

/* 9. Zen Mint & Forest Evergreen (Health & Organic) */
[data-site-theme="zen-forest"] {
    --tp-primary: #15803d;
    --tp-primary-2: #22c55e;
    --tp-accent: #f59e0b;
    --tp-ink: #052e16;
    --tp-muted: #475569;
    --tp-bg: #f2fbf6;
    --tp-card: #ffffff;
    --tp-border: #bbf7d0;
    --tp-radius: 16px;
    --tp-shadow: 0 10px 30px rgba(21, 128, 61, 0.08);
}

/* 10. Crimson Ember & Sunburst (Urgent Flash Deals) */
[data-site-theme="crimson-ember"] {
    --tp-primary: #dc2626;
    --tp-primary-2: #ea580c;
    --tp-accent: #fbbf24;
    --tp-ink: #450a0a;
    --tp-muted: #78350f;
    --tp-bg: #fff7ed;
    --tp-card: #ffffff;
    --tp-border: #fed7aa;
    --tp-radius: 18px;
    --tp-shadow: 0 10px 30px rgba(220, 38, 38, 0.08);
}

/* ==========================================================================
   3. UNIVERSAL A-TO-Z COMPONENT STYLING (GLOBAL OVERRIDES)
   ========================================================================== */

/* Global Body Canvas */
body {
    background: var(--tp-bg, #fffdf9) !important;
    color: var(--tp-ink, #0f172a) !important;
}

/* Universal Buttons & CTA Elements */
.btn-primary,
.default-theme-btn,
.order-now-btn,
.buy-now-btn,
.hot-buy-btn,
.flash-buy-btn,
.feat-buy-btn,
.cat-card-btn,
.ex-btn,
.rt-btn-order-now,
.rt-btn-buy,
.rt-ms-order,
.co-submit-btn,
.btn-checkout,
.btn-proceed,
.btn-proceed-checkout,
.checkout-submit-btn,
.track-btn,
.contact-submit-btn,
.btn-download-invoice,
.banner-slide-btn,
.cat-filter-btn,
.cr-newsletter-btn,
.ss-search-btn,
.ss-cat-btn,
.ss-login-btn,
.cr-btn-call,
.cr-btn-order-glow {
    background: linear-gradient(135deg, var(--tp-primary, #f37021), var(--tp-primary-2, #d97706)) !important;
    border-color: var(--tp-primary, #f37021) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px var(--tp-primary-glow, rgba(0, 0, 0, 0.12)) !important;
    transition: all 0.25s ease !important;
}

.cr-btn-order-glow:hover {
    box-shadow: 0 6px 20px var(--tp-primary-glow, rgba(0, 0, 0, 0.25)) !important;
    background: linear-gradient(135deg, var(--tp-primary-2, #d97706), var(--tp-primary, #f37021)) !important;
}

.cr-btn-cart-glass {
    border-color: var(--tp-border, #bfdbfe) !important;
    color: var(--tp-primary, #f37021) !important;
    background: #ffffff !important;
}

[data-theme-mode="dark"] .cr-btn-cart-glass {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: var(--tp-accent, #60a5fa) !important;
}

.cr-btn-cart-glass:hover {
    background: var(--tp-accent-light, #eff6ff) !important;
    border-color: var(--tp-primary, #f37021) !important;
    color: var(--tp-primary, #f37021) !important;
    box-shadow: 0 4px 12px var(--tp-primary-glow, rgba(0, 0, 0, 0.15)) !important;
}

.btn-primary:hover,
.default-theme-btn:hover,
.order-now-btn:hover,
.buy-now-btn:hover,
.hot-buy-btn:hover,
.flash-buy-btn:hover,
.feat-buy-btn:hover,
.cat-card-btn:hover,
.ex-btn:hover,
.rt-btn-order-now:hover,
.rt-btn-buy:hover,
.rt-ms-order:hover,
.co-submit-btn:hover,
.btn-checkout:hover,
.btn-proceed:hover,
.btn-proceed-checkout:hover,
.checkout-submit-btn:hover,
.track-btn:hover,
.contact-submit-btn:hover,
.btn-download-invoice:hover,
.banner-slide-btn:hover,
.cr-newsletter-btn:hover,
.ss-search-btn:hover,
.ss-cat-btn:hover,
.ss-login-btn:hover,
.cr-btn-call:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2) !important;
    filter: brightness(1.06) !important;
}

/* Secondary & Outline Action Buttons */
.hot-cart-btn:hover,
.flash-cart-btn:hover,
.rt-btn-add-cart:hover,
.rt-ms-cart:hover,
.btn-home:hover {
    border-color: var(--tp-primary, #f37021) !important;
    color: var(--tp-primary, #f37021) !important;
}

/* Badges, Accents, Highlights & Counts */
.ss-cart-badge,
.cart-badge,
.hot-badge-pill,
.flash-badge-pill,
.feat-badge-pill,
.ex-badge,
.step-circle.active,
.timeline-progress-bar,
.cat-pagination .active a,
.cat-page-btn.active,
.swiper-pagination-bullet-active {
    background: var(--tp-primary, #f37021) !important;
    color: #ffffff !important;
    border-color: var(--tp-primary, #f37021) !important;
}

/* Text Primary / Price Highlights */
.text-primary,
.rt-price-current,
#stickySelectedPrice,
.rt-ms-price,
.co-total-amount,
.cart-total-price,
.section-title span,
.sec-title span,
.cr-accent-text,
.blog-btn-read,
.rt-check-icon {
    color: var(--tp-primary, #f37021) !important;
}

/* Header & Navigation Bar Elements */
.ss-search-input:focus,
.co-input:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--tp-primary, #f37021) !important;
    box-shadow: 0 0 0 3.5px rgba(0, 0, 0, 0.08) !important;
}

.ss-mobile-bottom-bar .ss-nav-item.active,
.ss-mobile-bottom-bar .ss-nav-item.active i,
.ss-drawer-item:hover,
.ss-drawer-item.active {
    color: var(--tp-primary, #f37021) !important;
}

.ss-drawer-header,
.cat-header-banner,
.contact-hero-banner,
.about-hero-banner,
.page-hero-banner,
.co-summary-header {
    background: linear-gradient(135deg, var(--tp-primary, #f37021), var(--tp-primary-2, #d97706)) !important;
    color: #ffffff !important;
}

/* Active Tabs & Category Filters */
.cs-tab-btn.active,
.cs-tab-btn:hover {
    background: linear-gradient(135deg, var(--tp-primary, #f37021), var(--tp-primary-2, #d97706)) !important;
    color: #ffffff !important;
}

.hz-cat-card:hover,
.hz-cat-card.active,
.rt-thumb-img.active,
.rt-variant-opt.active,
.rt-variant-pill.active,
.rt-size-pill.active,
.co-delivery-opt.active,
.co-payment-opt.active {
    border-color: var(--tp-primary, #f37021) !important;
}

.rt-variant-opt.active,
.rt-variant-pill.active,
.rt-size-pill.active {
    color: var(--tp-primary, #f37021) !important;
}

.rt-back-ico {
    background: linear-gradient(135deg, var(--tp-primary, #f37021), var(--tp-primary-2, #d97706)) !important;
    color: #ffffff !important;
}

.cr-scroll-msg {
    background: linear-gradient(90deg, var(--tp-primary, #f37021), var(--tp-primary-2, #d97706)) !important;
    color: #ffffff !important;
}

/* Footer Top Accent */
.major-footer {
    border-top: 3px solid var(--tp-primary, #f37021) !important;
}
.major-footer a:hover {
    color: var(--tp-primary, #f37021) !important;
}

/* ==========================================================================
   4. UNIVERSAL DARK MODE ENGINE (FOR MIDNIGHT, CYBER & DARK THEMES)
   ========================================================================== */

[data-theme-mode="dark"],
[data-site-theme*="dark"],
[data-site-theme*="midnight"],
[data-site-theme*="cyber"],
[data-site-theme="midnight-gold"],
[data-site-theme="cyber-neon"] {
    color-scheme: dark;
}

[data-theme-mode="dark"] body, 
[data-site-theme*="dark"] body, 
[data-site-theme*="midnight"] body, 
[data-site-theme*="cyber"] body,
[data-site-theme="midnight-gold"] body,
[data-site-theme="cyber-neon"] body {
    background: var(--tp-bg, #0b0f19) !important;
    color: var(--tp-ink, #f8fafc) !important;
}

/* Cards & Content Containers in Dark Mode */
[data-theme-mode="dark"] .product-card,
[data-theme-mode="dark"] .product-item,
[data-theme-mode="dark"] .hot-card,
[data-theme-mode="dark"] .flash-card,
[data-theme-mode="dark"] .feat-card,
[data-theme-mode="dark"] .featured-card,
[data-theme-mode="dark"] .rt-related-card,
[data-theme-mode="dark"] .category-card,
[data-theme-mode="dark"] .hz-cat-card,
[data-theme-mode="dark"] .blog-card,
[data-theme-mode="dark"] .card,
[data-theme-mode="dark"] .co-card,
[data-theme-mode="dark"] .co-form-card,
[data-theme-mode="dark"] .co-summary-card,
[data-theme-mode="dark"] .cart-summary-card,
[data-theme-mode="dark"] .cart-table,
[data-theme-mode="dark"] .cart-item-row,
[data-theme-mode="dark"] .success-card,
[data-theme-mode="dark"] .track-card,
[data-theme-mode="dark"] .rt-hero,
[data-theme-mode="dark"] .rt-wrapper,
[data-theme-mode="dark"] .tp-gallery-card,
[data-theme-mode="dark"] .rt-content-card,
[data-theme-mode="dark"] .rt-feature-card,
[data-theme-mode="dark"] .rt-trust-card,
[data-theme-mode="dark"] .rt-variant-section,
[data-theme-mode="dark"] .piece-box,
[data-theme-mode="dark"] .rt-review-form,
[data-theme-mode="dark"] .rt-rev-card,
[data-theme-mode="dark"] .rt-table,
[data-theme-mode="dark"] .ss-drawer-content,
[data-theme-mode="dark"] .ss-dropdown-menu,
[data-site-theme="midnight-gold"] .rt-content-card,
[data-site-theme="midnight-gold"] .rt-hero,
[data-site-theme="midnight-gold"] .product-card,
[data-site-theme="midnight-gold"] .card,
[data-site-theme="cyber-neon"] .rt-content-card,
[data-site-theme="cyber-neon"] .rt-hero,
[data-site-theme="cyber-neon"] .product-card,
[data-site-theme="cyber-neon"] .card {
    background: var(--tp-card, #111827) !important;
    border-color: var(--tp-border, rgba(255,255,255,0.15)) !important;
    color: var(--tp-ink, #f8fafc) !important;
}

/* Product Details Long Description Box in Dark Mode */
[data-theme-mode="dark"] .rt-content-card,
[data-site-theme="midnight-gold"] .rt-content-card,
[data-site-theme="cyber-neon"] .rt-content-card {
    background: var(--tp-card, #111827) !important;
    border: 1.5px solid var(--tp-border, rgba(255,255,255,0.15)) !important;
    color: var(--tp-ink, #f8fafc) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;
}

[data-theme-mode="dark"] .rt-content-card p,
[data-theme-mode="dark"] .rt-content-card div,
[data-theme-mode="dark"] .rt-content-card span,
[data-theme-mode="dark"] .rt-content-card li,
[data-theme-mode="dark"] .rt-content-card strong,
[data-theme-mode="dark"] .rt-content-card b,
[data-site-theme="midnight-gold"] .rt-content-card p,
[data-site-theme="midnight-gold"] .rt-content-card div,
[data-site-theme="midnight-gold"] .rt-content-card span,
[data-site-theme="midnight-gold"] .rt-content-card li,
[data-site-theme="midnight-gold"] .rt-content-card strong,
[data-site-theme="midnight-gold"] .rt-content-card b,
[data-site-theme="cyber-neon"] .rt-content-card p,
[data-site-theme="cyber-neon"] .rt-content-card div,
[data-site-theme="cyber-neon"] .rt-content-card span,
[data-site-theme="cyber-neon"] .rt-content-card li,
[data-site-theme="cyber-neon"] .rt-content-card strong,
[data-site-theme="cyber-neon"] .rt-content-card b {
    color: var(--tp-ink, #f8fafc) !important;
}

[data-theme-mode="dark"] .rt-content-card h1,
[data-theme-mode="dark"] .rt-content-card h2,
[data-theme-mode="dark"] .rt-content-card h3,
[data-theme-mode="dark"] .rt-content-card h4,
[data-site-theme="midnight-gold"] .rt-content-card h1,
[data-site-theme="midnight-gold"] .rt-content-card h2,
[data-site-theme="midnight-gold"] .rt-content-card h3,
[data-site-theme="midnight-gold"] .rt-content-card h4,
[data-site-theme="cyber-neon"] .rt-content-card h1,
[data-site-theme="cyber-neon"] .rt-content-card h2,
[data-site-theme="cyber-neon"] .rt-content-card h3,
[data-site-theme="cyber-neon"] .rt-content-card h4 {
    color: var(--tp-ink, #f8fafc) !important;
    border-bottom-color: var(--tp-border, rgba(255,255,255,0.15)) !important;
}

[data-theme-mode="dark"] .rt-content-card blockquote,
[data-site-theme="midnight-gold"] .rt-content-card blockquote,
[data-site-theme="cyber-neon"] .rt-content-card blockquote {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--tp-ink, #f8fafc) !important;
    border-left-color: var(--tp-primary, #fbbf24) !important;
}

[data-theme-mode="dark"] .rt-content-card table,
[data-theme-mode="dark"] .rt-content-card td,
[data-theme-mode="dark"] .rt-content-card th,
[data-site-theme="midnight-gold"] .rt-content-card table,
[data-site-theme="midnight-gold"] .rt-content-card td,
[data-site-theme="midnight-gold"] .rt-content-card th,
[data-site-theme="cyber-neon"] .rt-content-card table,
[data-site-theme="cyber-neon"] .rt-content-card td,
[data-site-theme="cyber-neon"] .rt-content-card th {
    background: var(--tp-card, #111827) !important;
    color: var(--tp-ink, #f8fafc) !important;
    border-color: var(--tp-border, rgba(255,255,255,0.15)) !important;
}

/* FAQ Accordion Cards in Dark Mode */
[data-theme-mode="dark"] .rt-faq-card,
[data-theme-mode="dark"] .rt-faq-header,
[data-theme-mode="dark"] .rt-faq-body,
[data-site-theme="midnight-gold"] .rt-faq-card,
[data-site-theme="midnight-gold"] .rt-faq-header,
[data-site-theme="midnight-gold"] .rt-faq-body,
[data-site-theme="cyber-neon"] .rt-faq-card,
[data-site-theme="cyber-neon"] .rt-faq-header,
[data-site-theme="cyber-neon"] .rt-faq-body {
    background: var(--tp-card, #111827) !important;
    border-color: var(--tp-border, rgba(255,255,255,0.15)) !important;
    color: var(--tp-ink, #f8fafc) !important;
}

[data-theme-mode="dark"] .rt-faq-header:hover,
[data-site-theme="midnight-gold"] .rt-faq-header:hover,
[data-site-theme="cyber-neon"] .rt-faq-header:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme-mode="dark"] .rt-faq-q-text,
[data-theme-mode="dark"] .rt-faq-body,
[data-site-theme="midnight-gold"] .rt-faq-q-text,
[data-site-theme="midnight-gold"] .rt-faq-body,
[data-site-theme="cyber-neon"] .rt-faq-q-text,
[data-site-theme="cyber-neon"] .rt-faq-body {
    color: var(--tp-ink, #f8fafc) !important;
}

/* Why Choose Us & Package Includes Accordions in Dark Mode */
[data-theme-mode="dark"] .rt-sm-acc-item,
[data-theme-mode="dark"] .rt-sm-acc-header,
[data-theme-mode="dark"] .rt-sm-acc-body,
[data-site-theme="midnight-gold"] .rt-sm-acc-item,
[data-site-theme="midnight-gold"] .rt-sm-acc-header,
[data-site-theme="midnight-gold"] .rt-sm-acc-body,
[data-site-theme="cyber-neon"] .rt-sm-acc-item,
[data-site-theme="cyber-neon"] .rt-sm-acc-header,
[data-site-theme="cyber-neon"] .rt-sm-acc-body {
    background: var(--tp-card, #111827) !important;
    border-color: var(--tp-border, rgba(255,255,255,0.15)) !important;
    color: var(--tp-ink, #f8fafc) !important;
}

[data-theme-mode="dark"] .rt-sm-acc-header:hover,
[data-site-theme="midnight-gold"] .rt-sm-acc-header:hover,
[data-site-theme="cyber-neon"] .rt-sm-acc-header:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme-mode="dark"] .rt-sm-acc-title,
[data-theme-mode="dark"] .rt-sm-acc-title span,
[data-theme-mode="dark"] .rt-acc-list-item,
[data-theme-mode="dark"] .rt-acc-lbl,
[data-theme-mode="dark"] .rt-acc-val,
[data-site-theme="midnight-gold"] .rt-sm-acc-title,
[data-site-theme="midnight-gold"] .rt-sm-acc-title span,
[data-site-theme="midnight-gold"] .rt-acc-list-item,
[data-site-theme="midnight-gold"] .rt-acc-lbl,
[data-site-theme="midnight-gold"] .rt-acc-val,
[data-site-theme="cyber-neon"] .rt-sm-acc-title,
[data-site-theme="cyber-neon"] .rt-sm-acc-title span,
[data-site-theme="cyber-neon"] .rt-acc-list-item,
[data-site-theme="cyber-neon"] .rt-acc-lbl,
[data-site-theme="cyber-neon"] .rt-acc-val {
    color: var(--tp-ink, #f8fafc) !important;
}

/* Variant Selector (Pills/Options) in Dark Mode */
[data-theme-mode="dark"] .piece-option,
[data-site-theme="midnight-gold"] .piece-option,
[data-site-theme="cyber-neon"] .piece-option {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--tp-border, rgba(255, 255, 255, 0.2)) !important;
    color: var(--tp-ink, #f8fafc) !important;
}

[data-theme-mode="dark"] .piece-opt-label,
[data-theme-mode="dark"] .piece-opt-price,
[data-site-theme="midnight-gold"] .piece-opt-label,
[data-site-theme="midnight-gold"] .piece-opt-price,
[data-site-theme="cyber-neon"] .piece-opt-label,
[data-site-theme="cyber-neon"] .piece-opt-price {
    color: var(--tp-ink, #f8fafc) !important;
    background: transparent !important;
}

[data-theme-mode="dark"] .piece-option.active,
[data-site-theme="midnight-gold"] .piece-option.active,
[data-site-theme="cyber-neon"] .piece-option.active {
    background: rgba(251, 191, 36, 0.15) !important;
    border-color: var(--tp-primary, #fbbf24) !important;
    color: #ffffff !important;
}

/* Headings & Section Titles in Dark Mode */
[data-theme-mode="dark"] h1,
[data-theme-mode="dark"] h2,
[data-theme-mode="dark"] h3,
[data-theme-mode="dark"] h4,
[data-theme-mode="dark"] h5,
[data-theme-mode="dark"] h6,
[data-theme-mode="dark"] .product-title,
[data-theme-mode="dark"] .card-title,
[data-theme-mode="dark"] .rt-title,
[data-theme-mode="dark"] .rt-sec-title,
[data-theme-mode="dark"] .section-title,
[data-theme-mode="dark"] label,
[data-theme-mode="dark"] p,
[data-site-theme="midnight-gold"] .rt-sec-title,
[data-site-theme="cyber-neon"] .rt-sec-title {
    color: var(--tp-ink, #f8fafc) !important;
}

[data-theme-mode="dark"] .text-muted,
[data-theme-mode="dark"] .product-desc,
[data-theme-mode="dark"] .rt-sub,
[data-theme-mode="dark"] .rt-trust-sub {
    color: var(--tp-muted, #94a3b8) !important;
}

/* Inputs & Form Controls in Dark Mode */
[data-theme-mode="dark"] input,
[data-theme-mode="dark"] select,
[data-theme-mode="dark"] textarea,
[data-theme-mode="dark"] .form-control,
[data-theme-mode="dark"] .ss-search-input {
    background: #1e293b !important;
    color: #f8fafc !important;
    border-color: var(--tp-border, rgba(255, 255, 255, 0.2)) !important;
}

[data-theme-mode="dark"] input::placeholder,
[data-theme-mode="dark"] textarea::placeholder {
    color: #94a3b8 !important;
}

/* Header & Sticky Bottom Bar in Dark Mode */
[data-theme-mode="dark"] .ss-header-wrapper,
[data-theme-mode="dark"] .ss-header,
[data-theme-mode="dark"] .ss-topbar,
[data-theme-mode="dark"] .ss-mobile-bottom-bar,
[data-theme-mode="dark"] .rt-mobile-sticky-bar {
    background: rgba(17, 24, 39, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-color: var(--tp-border, rgba(255, 255, 255, 0.15)) !important;
}

[data-theme-mode="dark"] .rt-btn-back {
    background: var(--tp-card, #111827) !important;
    color: var(--tp-ink, #f8fafc) !important;
    border-color: var(--tp-border, rgba(255,255,255,0.2)) !important;
}