/* ==========================================================================
   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);
}

/* 11. Sunset Coral & Radiant Peach (Cosmetics & Summer Glow) */
[data-site-theme="coral-sunset"] {
    --tp-primary: #f43f5e;
    --tp-primary-2: #fb7185;
    --tp-accent: #38bdf8;
    --tp-ink: #4c0519;
    --tp-muted: #9f1239;
    --tp-bg: #fff5f5;
    --tp-card: #ffffff;
    --tp-border: #fecdd3;
    --tp-radius: 18px;
    --tp-shadow: 0 10px 30px rgba(244, 63, 94, 0.08);
}

/* 12. Nordic Frost & Glacier Blue (Minimal Pure Tech) */
[data-site-theme="nordic-frost"] {
    --tp-primary: #0284c7;
    --tp-primary-2: #0ea5e9;
    --tp-accent: #14b8a6;
    --tp-ink: #0c4a6e;
    --tp-muted: #0369a1;
    --tp-bg: #f0f9ff;
    --tp-card: #ffffff;
    --tp-border: #bae6fd;
    --tp-radius: 16px;
    --tp-shadow: 0 10px 30px rgba(2, 132, 199, 0.08);
}

/* 13. Imperial Amethyst & Silver Pearl (Royal Prestige Luxury) */
[data-site-theme="amethyst-luxe"] {
    --tp-primary: #7c3aed;
    --tp-primary-2: #9333ea;
    --tp-accent: #f472b6;
    --tp-ink: #3b0764;
    --tp-muted: #6b21a8;
    --tp-bg: #faf5ff;
    --tp-card: #ffffff;
    --tp-border: #e9d5ff;
    --tp-radius: 20px;
    --tp-shadow: 0 12px 32px rgba(124, 58, 237, 0.08);
}

/* 14. Pure Matcha Green & Vanilla Latte (Organic Wellness) */
[data-site-theme="matcha-latte"] {
    --tp-primary: #65a30d;
    --tp-primary-2: #84cc16;
    --tp-accent: #eab308;
    --tp-ink: #1a2e05;
    --tp-muted: #3f6212;
    --tp-bg: #f7fee7;
    --tp-card: #ffffff;
    --tp-border: #d9f99d;
    --tp-radius: 16px;
    --tp-shadow: 0 10px 30px rgba(101, 163, 13, 0.08);
}

/* 15. Obsidian Dark & Ruby Crimson (Stealth Gaming / Tech) */
[data-site-theme="onyx-crimson"] {
    --tp-primary: #f43f5e;
    --tp-primary-2: #e11d48;
    --tp-accent: #fbbf24;
    --tp-ink: #fafafa;
    --tp-muted: #a1a1aa;
    --tp-bg: #09090b;
    --tp-card: #18181b;
    --tp-border: rgba(244, 63, 94, 0.3);
    --tp-radius: 18px;
    --tp-shadow: 0 14px 40px rgba(244, 63, 94, 0.2);
}

/* 16. Sundarban Honey & Hazelnut Gold (Gourmet Delicacy & Food) */
[data-site-theme="honey-hazelnut"] {
    --tp-primary: #d97706;
    --tp-primary-2: #b45309;
    --tp-accent: #10b981;
    --tp-ink: #451a03;
    --tp-muted: #78350f;
    --tp-bg: #fffbeb;
    --tp-card: #ffffff;
    --tp-border: #fde68a;
    --tp-radius: 18px;
    --tp-shadow: 0 10px 30px rgba(217, 119, 6, 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;
}

/* SweetAlert2 Modal Buttons & Popups */
.swal2-styled.swal2-confirm,
.swal2-confirm,
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background: linear-gradient(135deg, var(--tp-primary, #f37021), var(--tp-primary-2, #d97706)) !important;
    background-color: var(--tp-primary, #f37021) !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.15)) !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,
.cart-item-price,
.section-title span,
.sec-title span,
.cr-accent-text,
.blog-btn-read,
.rt-check-icon,
.item-price-display,
.cart-feature-box i,
.section-title-left i {
    color: var(--tp-primary, #f37021) !important;
}

/* ==========================================================================
   CHECKOUT PAGE FULL THEME INTEGRATION
   ========================================================================== */
.checkout-container .card {
    border-color: var(--tp-border, #fed7aa) !important;
    box-shadow: var(--tp-shadow, 0 4px 20px rgba(0,0,0,0.04)) !important;
}

.sec-subtitle-pill {
    color: var(--tp-primary, #ea580c) !important;
    background: var(--tp-bg, #fff7ed) !important;
    border-color: var(--tp-border, #fed7aa) !important;
}

.input-box:focus-within {
    border-color: var(--tp-primary, #f97316) !important;
    box-shadow: 0 0 0 3px var(--tp-primary-glow, rgba(0, 0, 0, 0.08)) !important;
}

.icon-part {
    background: var(--tp-bg, #fff7ed) !important;
    color: var(--tp-primary, #ea580c) !important;
    border-color: var(--tp-border, #fed7aa) !important;
}

.input-box:focus-within .icon-part {
    background: linear-gradient(135deg, var(--tp-primary, #f97316) 0%, var(--tp-primary-2, #ea580c) 100%) !important;
    color: #ffffff !important;
    border-color: var(--tp-primary, #ea580c) !important;
    box-shadow: 0 3px 8px var(--tp-primary-glow, rgba(0, 0, 0, 0.2)) !important;
}

.selection-item.area-choice.active {
    border: 2px solid var(--tp-primary, #ea580c) !important;
    background: var(--tp-bg, #fffaf5) !important;
    box-shadow: 0 4px 14px var(--tp-primary-glow, rgba(0, 0, 0, 0.12)) !important;
}

.selection-item.area-choice.active .opt1-radio {
    border-color: var(--tp-primary, #ea580c) !important;
    background: var(--tp-primary, #ea580c) !important;
}

.selection-item.area-choice.active span.zone-name {
    color: var(--tp-primary, #ea580c) !important;
}

.selection-item.area-choice.active .del-charge-badge {
    background: var(--tp-primary, #ea580c) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px var(--tp-primary-glow, rgba(0, 0, 0, 0.2)) !important;
}

.payment-choice-card.active {
    border: 2px solid var(--tp-primary, #f97316) !important;
    background: var(--tp-bg, #fffaf5) !important;
    box-shadow: 0 0 0 3px var(--tp-primary-glow, rgba(0, 0, 0, 0.12)), 0 10px 25px var(--tp-primary-glow, rgba(0, 0, 0, 0.1)) !important;
}

.payment-choice-card.active .payment-icon-wrap {
    border-color: var(--tp-border, #fed7aa) !important;
}

.payment-choice-card.active .payment-icon-wrap i,
.payment-choice-card.active .payment-title,
.payment-check-circle {
    color: var(--tp-primary, #ea580c) !important;
}

.qty-btn:hover {
    background: var(--tp-primary, #ea580c) !important;
    color: #ffffff !important;
}

.total-row {
    background: var(--tp-bg, #fff7ed) !important;
    border: 1.5px solid var(--tp-border, #fed7aa) !important;
    color: var(--tp-ink, #9a3412) !important;
    box-shadow: 0 4px 12px var(--tp-primary-glow, rgba(0, 0, 0, 0.08)) !important;
}

.total-row span#grand_total {
    color: var(--tp-primary, #ea580c) !important;
}

.premium-btn,
.co-btn-submit,
.btn-checkout-glow {
    background: linear-gradient(135deg, var(--tp-primary, #f97316) 0%, var(--tp-primary-2, #ea580c) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 25px var(--tp-primary-glow, rgba(0, 0, 0, 0.3)) !important;
}

.premium-btn:hover,
.co-btn-submit:hover,
.btn-checkout-glow:hover {
    box-shadow: 0 12px 30px var(--tp-primary-glow, rgba(0, 0, 0, 0.4)) !important;
}

/* ==========================================================================
   CART PAGE FULL THEME INTEGRATION
   ========================================================================== */
.btn-back {
    color: var(--tp-primary, #f37021) !important;
    border-color: var(--tp-border, rgba(243, 112, 33, 0.15)) !important;
}

.btn-back:hover {
    background: var(--tp-bg, #fff5f0) !important;
}

.back-icon-pill {
    background: linear-gradient(135deg, var(--tp-primary, #ff7a2d) 0%, var(--tp-primary-2, #f37021) 100%) !important;
    color: #ffffff !important;
}

.cart-feature-box:hover {
    border-color: var(--tp-border, #fed7aa) !important;
}

/* ==========================================================================
   NOTICES & MARQUEE BARS THEME INTEGRATION
   ========================================================================== */
.ss-notice-bar-container,
.cart-promo-container,
.checkout-notice-container {
    border-top-color: var(--tp-border, #fed7aa) !important;
    border-bottom-color: var(--tp-border, #fed7aa) !important;
    border-color: var(--tp-border, #fed7aa) !important;
}

.ss-notice-badge,
.cart-promo-label,
.checkout-notice-label {
    background: linear-gradient(135deg, var(--tp-primary, #f97316) 0%, var(--tp-primary-2, #ea580c) 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 3px 12px var(--tp-primary-glow, rgba(0, 0, 0, 0.2)) !important;
}

.ss-notice-pill-icon,
.cart-promo-pill-icon,
.checkout-notice-pill-icon {
    background: var(--tp-bg, #fff7ed) !important;
    color: var(--tp-primary, #ea580c) !important;
    border-color: var(--tp-border, #fed7aa) !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 var(--tp-primary-glow, 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,
.cr-subcat-chip.active,
.cr-subcat-chip:hover,
.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.05) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme-mode="dark"] .piece-opt-left,
[data-site-theme="midnight-gold"] .piece-opt-left,
[data-site-theme="cyber-neon"] .piece-opt-left {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #e2e8f0 !important;
}

[data-theme-mode="dark"] .piece-option .rt-var-price-pill,
[data-site-theme="midnight-gold"] .piece-option .rt-var-price-pill,
[data-site-theme="cyber-neon"] .piece-option .rt-var-price-pill {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #f8fafc !important;
    border-left-color: rgba(255, 255, 255, 0.15) !important;
}

[data-theme-mode="dark"] .piece-option.active,
[data-site-theme="midnight-gold"] .piece-option.active,
[data-site-theme="cyber-neon"] .piece-option.active {
    border-color: var(--tp-primary, #f37021) !important;
    box-shadow: 0 0 14px rgba(243, 112, 33, 0.3) !important;
}

[data-theme-mode="dark"] .piece-option.active .piece-opt-left,
[data-site-theme="midnight-gold"] .piece-option.active .piece-opt-left,
[data-site-theme="cyber-neon"] .piece-option.active .piece-opt-left {
    background: rgba(243, 112, 33, 0.2) !important;
    color: #ffedd5 !important;
}

[data-theme-mode="dark"] .piece-option.active .rt-var-price-pill,
[data-site-theme="midnight-gold"] .piece-option.active .rt-var-price-pill,
[data-site-theme="cyber-neon"] .piece-option.active .rt-var-price-pill {
    background: var(--tp-primary, #ea580c) !important;
    color: #ffffff !important;
    border-left-color: var(--tp-primary, #ea580c) !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.96) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-color: var(--tp-border, rgba(255, 255, 255, 0.15)) !important;
}

/* Header Action Buttons & Toggle in Dark Mode */
[data-theme-mode="dark"] .ss-toggle-bar,
[data-theme-mode="dark"] .ss-action-btn,
[data-theme-mode="dark"] .ss-header-cart-btn {
    background: #1e293b !important;
    color: var(--tp-primary, #f37021) !important;
    border-color: var(--tp-primary, #f37021) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35) !important;
}

[data-theme-mode="dark"] .ss-toggle-bar:hover,
[data-theme-mode="dark"] .ss-action-btn:hover,
[data-theme-mode="dark"] .ss-header-cart-btn:hover {
    background: linear-gradient(135deg, var(--tp-primary, #f37021) 0%, var(--tp-primary-2, #d97706) 100%) !important;
    color: #ffffff !important;
}

[data-theme-mode="dark"] .ss-cart-badge {
    border-color: #111827 !important;
}

/* User Dropdown in Dark Mode */
[data-theme-mode="dark"] .ss-user-dropdown-menu,
[data-theme-mode="dark"] .ss-dropdown-menu {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

[data-theme-mode="dark"] .ss-dropdown-item {
    color: #e2e8f0 !important;
}

[data-theme-mode="dark"] .ss-dropdown-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--tp-primary, #f37021) !important;
}

/* Drawer / Sidebar in Dark Mode */
[data-theme-mode="dark"] .ss-drawer-content {
    background: #0f172a !important;
    color: #f8fafc !important;
}

[data-theme-mode="dark"] .ss-drawer-item {
    color: #cbd5e1 !important;
}

[data-theme-mode="dark"] .ss-drawer-item:hover,
[data-theme-mode="dark"] .ss-drawer-item.active {
    background: rgba(255, 255, 255, 0.06) !important;
    color: var(--tp-primary, #f37021) !important;
}

/* Category Cards in Dark Mode */
[data-theme-mode="dark"] .hz-cat-name,
[data-theme-mode="dark"] .cat-name,
[data-theme-mode="dark"] .cat-card-title,
[data-theme-mode="dark"] .cs-cat-name {
    color: #f8fafc !important;
}

[data-theme-mode="dark"] .hz-cat-badge,
[data-theme-mode="dark"] .cat-product-count {
    background: rgba(255, 255, 255, 0.08) !important;
    color: var(--tp-muted, #94a3b8) !important;
}

/* Product Card Elements in Dark Mode */
[data-theme-mode="dark"] .product-title,
[data-theme-mode="dark"] .hot-title,
[data-theme-mode="dark"] .flash-title,
[data-theme-mode="dark"] .feat-title,
[data-theme-mode="dark"] .ex-title {
    color: #f8fafc !important;
}

[data-theme-mode="dark"] .price-old,
[data-theme-mode="dark"] .hot-price-old,
[data-theme-mode="dark"] .flash-price-old,
[data-theme-mode="dark"] .feat-price-old,
[data-theme-mode="dark"] .ex-old-price {
    color: var(--tp-muted, #94a3b8) !important;
    opacity: 0.75;
}

[data-theme-mode="dark"] .stock-badge,
[data-theme-mode="dark"] .rating-text,
[data-theme-mode="dark"] .sold-count {
    color: #94a3b8 !important;
}

/* Checkout Page Elements in Dark Mode */
[data-theme-mode="dark"] .selection-item.area-choice {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f8fafc !important;
}

[data-theme-mode="dark"] .selection-item.area-choice.active {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--tp-primary, #f37021) !important;
}

[data-theme-mode="dark"] .payment-choice-card {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f8fafc !important;
}

[data-theme-mode="dark"] .payment-choice-card.active {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--tp-primary, #f37021) !important;
}

[data-theme-mode="dark"] .total-row {
    background: #1e293b !important;
    border-color: var(--tp-border, rgba(255, 255, 255, 0.15)) !important;
    color: #f8fafc !important;
}

[data-theme-mode="dark"] .co-item-title,
[data-theme-mode="dark"] .co-item-price {
    color: #f8fafc !important;
}

/* Cart Page & Drawer in Dark Mode */
[data-theme-mode="dark"] .cart-drawer {
    background: #0f172a !important;
    color: #f8fafc !important;
}

[data-theme-mode="dark"] .cart-drawer-header,
[data-theme-mode="dark"] .cart-drawer-footer {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme-mode="dark"] .cart-item-title,
[data-theme-mode="dark"] .cart-item-name {
    color: #f8fafc !important;
}

[data-theme-mode="dark"] .qty-input {
    background: #1e293b !important;
    color: #f8fafc !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme-mode="dark"] .qty-btn {
    background: #334155 !important;
    color: #f8fafc !important;
}

/* Product Details Page in Dark Mode */
[data-theme-mode="dark"] .rt-badge {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
}

[data-theme-mode="dark"] .rt-stock-badge {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34d399 !important;
}

[data-theme-mode="dark"] .rt-stars i {
    color: #f59e0b !important;
}

[data-theme-mode="dark"] .rt-star-count {
    color: #94a3b8 !important;
}

[data-theme-mode="dark"] .rt-variant-pill,
[data-theme-mode="dark"] .rt-size-pill {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #e2e8f0 !important;
}

[data-theme-mode="dark"] .rt-variant-pill.active,
[data-theme-mode="dark"] .rt-size-pill.active {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--tp-primary, #f37021) !important;
    color: var(--tp-primary, #f37021) !important;
}

[data-theme-mode="dark"] .rt-tab-btn {
    color: #94a3b8 !important;
}

[data-theme-mode="dark"] .rt-tab-btn.active {
    color: var(--tp-primary, #f37021) !important;
    border-bottom-color: var(--tp-primary, #f37021) !important;
}

[data-theme-mode="dark"] .rt-qty-box {
    background: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme-mode="dark"] .rt-qty-val {
    color: #f8fafc !important;
}

[data-theme-mode="dark"] .rt-spec-row {
    border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme-mode="dark"] .rt-spec-label {
    color: #94a3b8 !important;
}

[data-theme-mode="dark"] .rt-spec-value {
    color: #f8fafc !important;
}

/* Footer in Dark Mode */
[data-theme-mode="dark"] .major-footer {
    background: #0b0f19 !important;
    color: #94a3b8 !important;
}

[data-theme-mode="dark"] .major-footer h4,
[data-theme-mode="dark"] .major-footer h5,
[data-theme-mode="dark"] .footer-title {
    color: #f8fafc !important;
}

[data-theme-mode="dark"] .major-footer a {
    color: #94a3b8 !important;
}

[data-theme-mode="dark"] .major-footer a:hover {
    color: var(--tp-primary, #f37021) !important;
}

[data-theme-mode="dark"] .footer-bottom {
    background: #07090e !important;
    border-top-color: rgba(255, 255, 255, 0.08) !important;
    color: #64748b !important;
}

/* Back Button */
[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;
}