/* Theme CSS Variables - Default when no theme class (None) */
:root {
    --theme-primary: #8a2be2;
    --theme-secondary: #ba68c8;
    --theme-accent: #8a2be2;
    --theme-gradient: linear-gradient(135deg, #8a2be2 0%, #ba68c8 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(138, 43, 226, 0.1) 0%, rgba(186, 104, 200, 0.1) 100%);
    --theme-bg: linear-gradient(135deg, #f5f7fa 0%, #e8eaf6 50%, #f3e5f5 100%);
}

/* Logo Theme (Black & Gold) - Default theme based on logo colors */
.theme-logo {
    --theme-primary: #D4AF37;
    --theme-secondary: #B8860B;
    --theme-accent: #FFD700;
    --theme-gradient: linear-gradient(135deg, #D4AF37 0%, #FFD700 50%, #B8860B 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(255, 215, 0, 0.1) 100%);
    --theme-bg: #0a0a0a;
    --theme-bg-soft: #141414;
    --theme-text: #D4AF37;
    --theme-text-muted: #c9a227;
}

/* Logo theme: html/root black so no white band at top or sides */
.theme-logo html {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100% !important;
}
/* Logo theme: html root black so no white band at top/sides */
.theme-logo html {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100%;
}
.theme-logo body.footer-page,
.theme-logo body.blog-page {
    margin: 0 !important;
    padding: 0 !important;
}

/* Logo theme: force black structure and golden UI everywhere */
.theme-logo body,
.theme-logo .main-header,
.theme-logo .header-inner,
.theme-logo .top-bar,
.theme-logo section,
.theme-logo main,
.theme-logo .header,
.theme-logo .navbar,
.theme-logo .main-content,
.theme-logo .vp-header,
.theme-logo .search-header,
.theme-logo .pd-header,
.theme-logo .wl-header,
.theme-logo .brand-container {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
    color: #D4AF37 !important;
}

.theme-logo .top-bar {
    background: #141414 !important;
    border-bottom-color: rgba(212, 175, 55, 0.25) !important;
}

.theme-logo .main-header,
.theme-logo .header-inner {
    background: linear-gradient(180deg, #0a0a0a 0%, #141414 100%) !important;
    box-shadow: 0 2px 20px rgba(212, 175, 55, 0.1) !important;
}

.theme-logo section {
    background: #0a0a0a !important;
    border-top-color: rgba(212, 175, 55, 0.2) !important;
}

/* Logo theme: section containers – black background everywhere except product cards */
.theme-logo .product-row,
.theme-logo .product-section,
.theme-logo .product-grid-section,
.theme-logo .scroll-row,
.theme-logo .scroll-track,
.theme-logo .carousel-shell,
.theme-logo .product-grid-container,
.theme-logo .product-grid-scroll,
.theme-logo .product-grid,
.theme-logo .section-header,
.theme-logo .section-header-row,
.theme-logo .section-tabs {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.15) !important;
}

/* Section header subtitle (e.g. "Curated from your watch log") – golden muted */
.theme-logo .section-header span,
.theme-logo .section-header-row span {
    color: #c9a227 !important;
}

.theme-logo .card,
.theme-logo .theme-card,
.theme-logo .product-card,
.theme-logo .category-card,
.theme-logo .stat-card,
.theme-logo .info-card,
.theme-logo .library-card,
.theme-logo .signature-card {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
    color: #D4AF37 !important;
}

.theme-logo .card:hover,
.theme-logo .product-card:hover,
.theme-logo .category-card:hover {
    border-color: #D4AF37 !important;
    box-shadow: 0 8px 30px rgba(212, 175, 55, 0.2) !important;
}

.theme-logo h1,
.theme-logo h2,
.theme-logo h3,
.theme-logo .brand-name,
.theme-logo .section-title h2,
.theme-logo .vp-header .brand-name,
.theme-logo .search-header .brand-name,
.theme-logo .product-name,
.theme-logo .category-title,
.theme-logo .gradient-text {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: none !important;
}

.theme-logo .brand-name,
.theme-logo .desktop-category-link,
.theme-logo .vp-header .brand-name,
.theme-logo .search-header .brand-name {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.theme-logo a,
.theme-logo .desktop-category-link,
.theme-logo .category-link {
    color: #D4AF37 !important;
}

.theme-logo a:hover,
.theme-logo .desktop-category-link:hover {
    color: #FFD700 !important;
}

.theme-logo .btn-primary,
.theme-logo .pill-button,
.theme-logo .view-all-btn,
.theme-logo .buy-now-btn,
.theme-logo .add-to-cart-btn,
.theme-logo .submit-btn,
.theme-logo .apply-btn,
.theme-logo button[type="submit"],
.theme-logo .header-icon-link,
.theme-logo .mobile-menu-dots-btn {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #0a0a0a !important;
    border-color: #D4AF37 !important;
}

.theme-logo .btn-primary:hover,
.theme-logo .pill-button:hover,
.theme-logo .view-all-btn:hover,
.theme-logo .buy-now-btn:hover,
.theme-logo .add-to-cart-btn:hover {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #0a0a0a !important;
    box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4) !important;
}

.theme-logo .badge,
.theme-logo .discount-badge,
.theme-logo .new-badge {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #0a0a0a !important;
}

.theme-logo input,
.theme-logo textarea,
.theme-logo select {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
    color: #D4AF37 !important;
}

.theme-logo input::placeholder,
.theme-logo textarea::placeholder {
    color: rgba(212, 175, 55, 0.6) !important;
}

.theme-logo .text-muted,
.theme-logo .brand-tagline,
.theme-logo p {
    color: #c9a227 !important;
}

.theme-logo .mobile-menu-dropdown {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
}

.theme-logo .mobile-menu-dropdown a {
    color: #D4AF37 !important;
}

.theme-logo .hero,
.theme-logo .hero-content,
.theme-logo .marquee-text,
.theme-logo .top-bar {
    background: #0a0a0a !important;
    color: #D4AF37 !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
}

.theme-logo footer,
.theme-logo .footer-inner {
    background: #0a0a0a !important;
    border-top-color: rgba(212, 175, 55, 0.25) !important;
    color: #c9a227 !important;
}

.theme-logo footer a {
    color: #D4AF37 !important;
}

/* Logo theme: price filter chips and inputs */
.theme-logo .vp-filter-chip {
    border-color: rgba(212, 175, 55, 0.5) !important;
    background: rgba(212, 175, 55, 0.08) !important;
    color: #D4AF37 !important;
}
.theme-logo .vp-filter-chip:hover {
    background: rgba(212, 175, 55, 0.15) !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.2) !important;
}
.theme-logo .vp-filter-chip.active {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #0a0a0a !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3) !important;
}
.theme-logo .vp-filter-group-label {
    color: #D4AF37 !important;
}
.theme-logo .vp-price-input {
    border-color: rgba(212, 175, 55, 0.5) !important;
    background: #141414 !important;
    color: #D4AF37 !important;
}
.theme-logo .vp-price-input::placeholder {
    color: rgba(212, 175, 55, 0.6) !important;
}
.theme-logo .vp-price-range-sep {
    color: #D4AF37 !important;
}
.theme-logo .vp-price-apply-btn {
    border-color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.15) !important;
    color: #D4AF37 !important;
}
.theme-logo .vp-price-apply-btn:hover {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #0a0a0a !important;
}

/* Logo theme: View Product buttons on product cards (home + view_products) */
.theme-logo .vp-btn-view,
.theme-logo .product-card .view-product-link,
.theme-logo .product-card .pill-button.view-product-btn,
.theme-logo .product-card .view-product-btn {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #0a0a0a !important;
    border-color: #D4AF37 !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3) !important;
}
.theme-logo .vp-btn-view:hover,
.theme-logo .product-card .view-product-link:hover,
.theme-logo .product-card .pill-button.view-product-btn:hover,
.theme-logo .product-card .view-product-btn:hover {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 100%) !important;
    color: #0a0a0a !important;
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.4) !important;
}

/* Logo theme: price text on product cards (golden, visible on dark) */
.theme-logo .product-card .product-card-meta .price,
.theme-logo .product-card-meta .price,
.theme-logo .product-card .price {
    color: #D4AF37 !important;
}
.theme-logo .product-card .product-card-meta .price span,
.theme-logo .product-card-meta .price span,
.theme-logo .product-card .price span {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}
.theme-logo .product-card .product-card-meta .price span[style*="line-through"],
.theme-logo .product-card-meta .price span[style*="line-through"],
.theme-logo .product-card .price span[style*="line-through"] {
    color: #c9a227 !important;
    -webkit-text-fill-color: #c9a227 !important;
}
.theme-logo .product-card .stock,
.theme-logo .product-card-meta .stock {
    color: #D4AF37 !important;
}
.theme-logo .product-card .stock.low-stock {
    color: #f39c12 !important;
}

/* Logo theme: product card description – golden so visible on dark card */
.theme-logo .product-card-desc,
.theme-logo .product-card .product-card-desc {
    color: #c9a227 !important;
}

/* Logo theme: share button on product card – golden accent */
.theme-logo .product-card .share-btn,
.theme-logo .product-card-share {
    background: rgba(212, 175, 55, 0.9) !important;
    color: #0a0a0a !important;
    border-color: #D4AF37 !important;
}
.theme-logo .product-card .share-btn:hover,
.theme-logo .product-card-share:hover {
    background: #D4AF37 !important;
    color: #0a0a0a !important;
}

/* Logo theme: view_products page – price and stock on cards */
.theme-logo .vp-product-price {
    background: linear-gradient(135deg, #D4AF37 0%, #FFD700 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #D4AF37 !important;
}
.theme-logo .vp-product-price span {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: none !important;
}
.theme-logo .vp-product-price span[style*="line-through"] {
    color: #c9a227 !important;
    -webkit-text-fill-color: #c9a227 !important;
}
.theme-logo .vp-product-stock {
    color: #D4AF37 !important;
}
.theme-logo .vp-product-stock.in-stock {
    color: #c9a227 !important;
}
.theme-logo .vp-product-stock.low-stock {
    color: #f39c12 !important;
}
.theme-logo .vp-product-stock.out-of-stock {
    color: #e74c3c !important;
}

/* Logo theme: price pill (badge on product image) + product badge (BEST DEAL) */
.theme-logo .price-pill {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #0a0a0a !important;
    box-shadow: 0 2px 8px rgba(212, 175, 55, 0.4) !important;
}
.theme-logo .product-badge {
    background: rgba(212, 175, 55, 0.95) !important;
    color: #0a0a0a !important;
    border-color: #D4AF37 !important;
}

/* Logo theme: view_products (Explore All Products) – whole page black, no white */
.theme-logo body.view-products-page {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    color: #D4AF37 !important;
}
.theme-logo .vp-page-title {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-color: transparent !important;
}
.theme-logo .vp-page-title h1 {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}
.theme-logo .vp-page-title p {
    color: #c9a227 !important;
}
.theme-logo .vp-filter-bar {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}
.theme-logo .vp-section,
.theme-logo .vp-section-header,
.theme-logo .vp-products-scroll {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
    color: #D4AF37 !important;
}
.theme-logo .vp-section-header h2,
.theme-logo .vp-section-header .vp-product-count {
    color: #D4AF37 !important;
}
.theme-logo .vp-product-card {
    background: #141414 !important;
    background-color: #141414 !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
    color: #D4AF37 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
.theme-logo .vp-product-card::before {
    background: linear-gradient(90deg, #D4AF37 0%, #B8860B 50%, #D4AF37 100%) !important;
}
.theme-logo .vp-product-card:hover {
    border-color: #D4AF37 !important;
    box-shadow: 0 12px 32px rgba(212, 175, 55, 0.2) !important;
}
.theme-logo .vp-product-name,
.theme-logo .vp-product-category {
    color: #D4AF37 !important;
}
.theme-logo .vp-product-desc {
    color: #c9a227 !important;
}
.theme-logo .vp-product-image {
    background: rgba(212, 175, 55, 0.08) !important;
}
.theme-logo .vp-filter-sheet {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
}
.theme-logo .vp-filter-sheet-header {
    border-bottom-color: rgba(212, 175, 55, 0.3) !important;
}
.theme-logo .vp-filter-sheet-header h3 {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: none !important;
}
.theme-logo .vp-filter-sheet-close {
    background: rgba(212, 175, 55, 0.15) !important;
    color: #D4AF37 !important;
}
.theme-logo .vp-filter-sheet-close:hover,
.theme-logo .vp-filter-sheet-close:active {
    background: rgba(212, 175, 55, 0.25) !important;
}
.theme-logo .vp-mobile-filter-btn {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #0a0a0a !important;
    border-color: #D4AF37 !important;
}
.theme-logo .vp-empty-section {
    background: #0a0a0a !important;
    color: #c9a227 !important;
}
.theme-logo .vp-filter-sheet-actions {
    border-top-color: rgba(212, 175, 55, 0.3) !important;
}
.theme-logo .vp-filter-sheet-btn.cancel {
    background: rgba(212, 175, 55, 0.1) !important;
    color: #c9a227 !important;
}
.theme-logo .vp-filter-sheet-btn.clear {
    background: rgba(231, 76, 60, 0.15) !important;
    color: #e74c3c !important;
}
.theme-logo .vp-filter-sheet-btn.apply {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #0a0a0a !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3) !important;
}
.theme-logo .vp-filter-sheet-btn.apply:hover {
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.4) !important;
}

/* Logo theme: product_detail page – no white, golden highlights */
.theme-logo body.product-detail-page {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    color: #D4AF37 !important;
}
.theme-logo .pd-header {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-bottom-color: rgba(212, 175, 55, 0.25) !important;
}
.theme-logo .pd-back-icon {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.3) !important;
    color: #D4AF37 !important;
}
.theme-logo .pd-main,
.theme-logo .pd-hero,
.theme-logo .pd-gallery {
    background: #0a0a0a !important;
}
.theme-logo .pd-main-image {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
}
.theme-logo .pd-thumb {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
}
.theme-logo .pd-thumb.active {
    border-color: #D4AF37 !important;
}
.theme-logo .pd-info {
    background: #141414 !important;
    background-color: #141414 !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
    color: #D4AF37 !important;
}
.theme-logo .pd-info::before {
    background: linear-gradient(90deg, #D4AF37 0%, #B8860B 50%, #D4AF37 100%) !important;
}
.theme-logo .pd-info h1,
.theme-logo .pd-info .pd-product-name {
    color: #D4AF37 !important;
}
.theme-logo .pd-info .pd-desc-wrapper,
.theme-logo .pd-info .pd-desc {
    color: #c9a227 !important;
}
.theme-logo .pd-stock-badge.in-stock,
.theme-logo .pd-stock-badge.medium-stock,
.theme-logo .pd-stock-badge.low-stock {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #0a0a0a !important;
}
.theme-logo .pd-stock-badge.medium-stock {
    background: linear-gradient(135deg, #c9a227 0%, #B8860B 100%) !important;
}
.theme-logo .pd-stock-badge.low-stock {
    background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%) !important;
    color: #fff !important;
}
.theme-logo .pd-buttons .share-btn {
    background: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%) !important;
    color: #0a0a0a !important;
    box-shadow: 0 8px 20px rgba(212, 175, 55, 0.3) !important;
}
.theme-logo .pd-buttons .share-btn:hover {
    box-shadow: 0 12px 26px rgba(212, 175, 55, 0.4) !important;
}
.theme-logo .pd-buttons .pill-button.ghost {
    background: rgba(212, 175, 55, 0.1) !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
    color: #D4AF37 !important;
}
.theme-logo .pd-price-section,
.theme-logo .pd-price-badge,
.theme-logo .pd-meta {
    color: #D4AF37 !important;
}
.theme-logo .pd-qty-btn,
.theme-logo #pdQuantity {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
    color: #D4AF37 !important;
}
/* Zoom result: white background so zoomed image displays on white (not black).
   Use only background-color so JS-set background-image on .zoom-result is not overridden. */
.theme-logo .zoom-result-container {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
}
.theme-logo .zoom-result {
    background-color: #ffffff !important;
    /* Do not set background shorthand – it would reset background-image set by zoom JS */
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
}
.theme-logo .pd-average-rating-card,
.theme-logo .pd-review-form-card {
    background: #141414 !important;
    background-color: #141414 !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
    color: #D4AF37 !important;
}
.theme-logo .pd-average-rating-card::before {
    background: linear-gradient(90deg, #D4AF37 0%, #B8860B 100%) !important;
}
.theme-logo .pd-reviews-section,
.theme-logo .pd-trending-section,
.theme-logo .pd-carousel-card {
    background: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
    color: #D4AF37 !important;
}
.theme-logo .pd-carousel-card {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
}
.theme-logo .pd-rating-bar-track {
    background: #141414 !important;
}
.theme-logo .pd-rating-value-large,
.theme-logo .pd-rating-count {
    color: #D4AF37 !important;
}
.theme-logo .pd-rating-out-of {
    color: #c9a227 !important;
}

/* Logo theme: other user pages – no white (wishlist, search, dashboard, order, share) */
.theme-logo body.wishlist-page,
.theme-logo body.search-results-page,
.theme-logo body.dashboard-page,
.theme-logo body.share-product-page,
.theme-logo body.footer-page,
.theme-logo body.blog-page {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    color: #D4AF37 !important;
}
.theme-logo body:not([class*="admin"]):not([class*="login"]) {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
}
.theme-logo .wl-header,
.theme-logo .wl-main,
.theme-logo .wl-page-header,
.theme-logo .wl-items,
.theme-logo .wl-item,
.theme-logo .wl-summary,
.theme-logo .wl-empty {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
    color: #D4AF37 !important;
}
.theme-logo .wl-item {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
}
.theme-logo .wl-item-name,
.theme-logo .wl-item-category,
.theme-logo .wl-item-price,
.theme-logo .wl-item-stock {
    color: #D4AF37 !important;
}
.theme-logo .wl-item-desc {
    color: #c9a227 !important;
}
.theme-logo .search-content,
.theme-logo .search-results-header,
.theme-logo .search-form-container {
    background: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
    color: #D4AF37 !important;
}
.theme-logo .dashboard-page main,
.theme-logo .dashboard-page .stat-card,
.theme-logo .dashboard-page section {
    background: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
}
.theme-logo .dashboard-page .stat-card {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
}
/* Dashboard: points badge – golden background, black text/icon */
.theme-logo .points-badge {
    background: linear-gradient(135deg, #D4AF37 0%, #c9a227 50%, #b8960e 100%) !important;
    color: #0a0a0a !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.35) !important;
}
.theme-logo .points-badge i,
.theme-logo .points-badge span {
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
}
/* Dashboard: stat card icon boxes – golden background, black icon */
.theme-logo .stat-card-icon {
    background: linear-gradient(135deg, #D4AF37 0%, #c9a227 50%, #b8960e 100%) !important;
    color: #0a0a0a !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.35) !important;
}
.theme-logo .stat-card-icon i {
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
}
/* Dashboard: Quick Links – golden buttons, black text and icons */
.theme-logo .quick-link {
    background: linear-gradient(135deg, #D4AF37 0%, #c9a227 50%, #b8960e 100%) !important;
    border-color: rgba(212, 175, 55, 0.5) !important;
    color: #0a0a0a !important;
}
.theme-logo .quick-link i,
.theme-logo .quick-link span {
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
}
.theme-logo .quick-link:hover {
    background: linear-gradient(135deg, #e6be2e 0%, #D4AF37 50%, #c9a227 100%) !important;
    border-color: rgba(212, 175, 55, 0.7) !important;
    color: #0a0a0a !important;
}
.theme-logo .quick-link:hover i,
.theme-logo .quick-link:hover span {
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
}
/* Dashboard: page title and section headers – golden */
.theme-logo .dashboard-header h1,
.theme-logo .dashboard-header h1 i {
    background: linear-gradient(135deg, #D4AF37 0%, #c9a227 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}
.theme-logo .dashboard-header h1 i {
    -webkit-text-fill-color: #D4AF37 !important;
}
.theme-logo .dashboard-section-header h2,
.theme-logo .dashboard-section-header h2 i {
    color: #D4AF37 !important;
}
.theme-logo .dashboard-view-all {
    color: #D4AF37 !important;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
}
.theme-logo .dashboard-view-all:hover {
    color: #FFD700 !important;
}
.theme-logo .leaderboard-you {
    color: #D4AF37 !important;
}
.theme-logo .order-detail-container,
.theme-logo .order-header-card,
.theme-logo .order-items-card,
.theme-logo .info-box,
.theme-logo .shipping-proof-card {
    background: #0a0a0a !important;
    background-color: #141414 !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
    color: #D4AF37 !important;
}
.theme-logo .order-header-card {
    background: #141414 !important;
}
.theme-logo .order-items-card {
    background: #141414 !important;
}
/* Order detail: all text golden (no purple or black) */
.theme-logo .info-label,
.theme-logo .info-value,
.theme-logo .order-brand-name,
.theme-logo .invoice-meta {
    color: #D4AF37 !important;
}
.theme-logo .info-value {
    color: #c9a227 !important;
}
.theme-logo .items-table thead {
    background: rgba(212, 175, 55, 0.12) !important;
}
.theme-logo .items-table th {
    color: #D4AF37 !important;
    font-weight: 600 !important;
}
.theme-logo .items-table td {
    color: #c9a227 !important;
}
.theme-logo .items-table .product-name {
    color: #D4AF37 !important;
}
.theme-logo .items-table tbody tr:hover {
    background: rgba(212, 175, 55, 0.06) !important;
}
.theme-logo .table-scroll-hint {
    color: #D4AF37 !important;
}
.theme-logo .order-product-image-placeholder {
    color: #D4AF37 !important;
    background: rgba(212, 175, 55, 0.1) !important;
}
.theme-logo .order-total-label,
.theme-logo .order-total-amount {
    color: #D4AF37 !important;
}
.theme-logo .shipping-proof-header h2 {
    color: #D4AF37 !important;
}
.theme-logo .order-items-card h2,
.theme-logo .order-detail-container h2 {
    color: #D4AF37 !important;
}
.theme-logo .btn-action,
.theme-logo .btn-back {
    color: #D4AF37 !important;
}
.theme-logo .btn-action:hover,
.theme-logo .btn-back:hover {
    color: #FFD700 !important;
}
/* Orders list page: golden text (no purple/black) */
.theme-logo .orders-container,
.theme-logo .orders-header,
.theme-logo .order-card {
    background: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
    color: #D4AF37 !important;
}
.theme-logo .order-card {
    background: #141414 !important;
}
.theme-logo .orders-header h1,
.theme-logo .order-id,
.theme-logo .order-date,
.theme-logo .order-item-name,
.theme-logo .order-total-label,
.theme-logo .order-total-amount,
.theme-logo .empty-orders h2,
.theme-logo .empty-orders p {
    color: #D4AF37 !important;
}
.theme-logo .order-item-preview,
.theme-logo .order-item-qty,
.theme-logo .order-item-price {
    color: #c9a227 !important;
}
.theme-logo .btn-back-home {
    color: #D4AF37 !important;
    border-color: rgba(212, 175, 55, 0.4) !important;
}
.theme-logo .btn-back-home:hover {
    color: #FFD700 !important;
}
.theme-logo .share-container,
.theme-logo .share-header,
.theme-logo .share-content,
.theme-logo .share-product-info {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
    color: #D4AF37 !important;
}
.theme-logo .share-content {
    background: #141414 !important;
}
.theme-logo .share-product-info .category,
.theme-logo .share-product-info .description,
.theme-logo .share-product-price {
    color: #D4AF37 !important;
}

/* Logo theme: footer pages (About Us, Contact Us, Privacy, Terms, Help, Sustainability) */
.theme-logo body.footer-page .page-wrapper,
.theme-logo body.footer-page .page-content {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-color: transparent !important;
    color: #D4AF37 !important;
}
.theme-logo body.footer-page h1,
.theme-logo body.footer-page h2 {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
    background: none !important;
}
.theme-logo body.footer-page p,
.theme-logo body.footer-page .hero-intro,
.theme-logo body.footer-page .gujarati {
    color: #c9a227 !important;
}
.theme-logo body.footer-page a {
    color: #D4AF37 !important;
}
.theme-logo body.footer-page a:hover {
    color: #FFD700 !important;
}
.theme-logo body.footer-page .label,
.theme-logo body.footer-page .contact-section {
    color: #c9a227 !important;
}
.theme-logo body.footer-page ul {
    color: #c9a227 !important;
}
.theme-logo body.footer-page strong {
    color: #D4AF37 !important;
}

/* Logo theme: blog list & blog detail */
.theme-logo body.blog-page .blog-page-wrapper,
.theme-logo body.blog-page .blog-detail-wrapper,
.theme-logo body.blog-page .blog-header,
.theme-logo body.blog-page .blog-content,
.theme-logo body.blog-page .blog-article,
.theme-logo body.blog-page .blog-list,
.theme-logo body.blog-page .blog-card {
    background: #0a0a0a !important;
    background-color: #0a0a0a !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
    color: #D4AF37 !important;
}
.theme-logo body.blog-page h1,
.theme-logo body.blog-page h2,
.theme-logo body.blog-page .blog-title,
.theme-logo body.blog-page .blog-page-title {
    color: #D4AF37 !important;
    -webkit-text-fill-color: #D4AF37 !important;
}
.theme-logo body.blog-page p,
.theme-logo body.blog-page .blog-short-description,
.theme-logo body.blog-page .blog-excerpt {
    color: #c9a227 !important;
}
.theme-logo body.blog-page a,
.theme-logo body.blog-page .back-link,
.theme-logo body.blog-page .back-to-home-btn {
    color: #D4AF37 !important;
}
.theme-logo body.blog-page a:hover,
.theme-logo body.blog-page .back-link:hover,
.theme-logo body.blog-page .back-to-home-btn:hover {
    color: #FFD700 !important;
}
.theme-logo body.blog-page .blog-card {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.25) !important;
}
.theme-logo body.blog-page .blog-filter,
.theme-logo body.blog-page .blog-filter-bar {
    background: #141414 !important;
    border-color: rgba(212, 175, 55, 0.2) !important;
    color: #D4AF37 !important;
}

/* Makar Sankranti Theme */
.theme-makar_sankranti {
    --theme-primary: #FFD700;
    --theme-secondary: #FF8C00;
    --theme-accent: #FF8C00;
    --theme-gradient: linear-gradient(135deg, #FFD700 0%, #FF8C00 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 140, 0, 0.1) 100%);
    --theme-bg: linear-gradient(135deg, #fff8dc 0%, #ffe4b5 50%, #ffd700 100%);
}

/* Raksha Bandhan Theme */
.theme-raksha_bandhan {
    --theme-primary: #FF69B4;
    --theme-secondary: #DC143C;
    --theme-accent: #DC143C;
    --theme-gradient: linear-gradient(135deg, #FF69B4 0%, #DC143C 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(255, 105, 180, 0.1) 0%, rgba(220, 20, 60, 0.1) 100%);
    --theme-bg: linear-gradient(135deg, #ffe4e1 0%, #ffb6c1 50%, #ff69b4 100%);
}

/* Holi Theme */
.theme-holi {
    --theme-primary: #FF1493;
    --theme-secondary: #00CED1;
    --theme-accent: #32CD32;
    --theme-gradient: linear-gradient(135deg, #FF1493 0%, #00CED1 50%, #32CD32 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(255, 20, 147, 0.1) 0%, rgba(0, 206, 209, 0.1) 50%, rgba(50, 205, 50, 0.1) 100%);
    --theme-bg: linear-gradient(135deg, #ffe4e1 0%, #e0ffff 50%, #f0fff0 100%);
}

/* Independence Day Theme */
.theme-independence_day {
    --theme-primary: #FF9933;
    --theme-secondary: #138808;
    --theme-accent: #FFFFFF;
    --theme-gradient: linear-gradient(135deg, #FF9933 0%, #FFFFFF 50%, #138808 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(255, 153, 51, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(19, 136, 8, 0.1) 100%);
    --theme-bg: linear-gradient(135deg, #fff8e1 0%, #ffffff 50%, #e8f5e9 100%);
}

/* Diwali Theme */
.theme-diwali {
    --theme-primary: #FFD700;
    --theme-secondary: #FF8C00;
    --theme-accent: #FF4500;
    --theme-gradient: linear-gradient(135deg, #FFD700 0%, #FF8C00 50%, #FF4500 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(255, 215, 0, 0.1) 0%, rgba(255, 140, 0, 0.1) 50%, rgba(255, 69, 0, 0.1) 100%);
    --theme-bg: linear-gradient(135deg, #fff8dc 0%, #ffe4b5 50%, #ffd700 100%);
}

/* Navratri Theme */
.theme-navratri {
    --theme-primary: #9370DB;
    --theme-secondary: #FF69B4;
    --theme-accent: #DA70D6;
    --theme-gradient: linear-gradient(135deg, #9370DB 0%, #FF69B4 50%, #DA70D6 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(147, 112, 219, 0.1) 0%, rgba(255, 105, 180, 0.1) 50%, rgba(218, 112, 214, 0.1) 100%);
    --theme-bg: linear-gradient(135deg, #f3e5f5 0%, #e1bee7 50%, #f8bbd0 100%);
}

/* Christmas Theme - Red and White */
.theme-christmas {
    --theme-primary: #DC143C;
    --theme-secondary: #FFFFFF;
    --theme-accent: #FF1744;
    --theme-gradient: linear-gradient(135deg, #DC143C 0%, #FF1744 50%, #FFFFFF 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(220, 20, 60, 0.1) 0%, rgba(255, 23, 68, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
    --theme-bg: linear-gradient(135deg, #ffe4e1 0%, #ffffff 50%, #fff5f5 100%);
}

/* Ganesh Chaturthi Theme */
.theme-ganesh_chaturthi {
    --theme-primary: #FF8C00;
    --theme-secondary: #DC143C;
    --theme-accent: #FFD700;
    --theme-gradient: linear-gradient(135deg, #FF8C00 0%, #DC143C 50%, #FFD700 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(255, 140, 0, 0.1) 0%, rgba(220, 20, 60, 0.1) 50%, rgba(255, 215, 0, 0.1) 100%);
    --theme-bg: linear-gradient(135deg, #ffe4b5 0%, #ffe4e1 50%, #fff8dc 100%);
}

/* Janmashtami Theme - Blue and White */
.theme-janmashtami {
    --theme-primary: #1E90FF;
    --theme-secondary: #FFFFFF;
    --theme-accent: #4169E1;
    --theme-gradient: linear-gradient(135deg, #1E90FF 0%, #4169E1 50%, #FFFFFF 100%);
    --theme-gradient-light: linear-gradient(135deg, rgba(30, 144, 255, 0.1) 0%, rgba(65, 105, 225, 0.1) 50%, rgba(255, 255, 255, 0.1) 100%);
    --theme-bg: linear-gradient(135deg, #e3f2fd 0%, #ffffff 50%, #e8f4fd 100%);
}

/* Apply theme variables to body */
body {
    background: var(--theme-bg) !important;
    transition: background 0.5s ease;
}

/* Apply theme to buttons and links */
.btn-primary,
.pill-button,
.header-icon-link,
.quick-link,
.stat-card,
.product-card,
.category-card,
.view-all-btn,
.buy-now-btn,
.add-to-cart-btn,
.submit-btn,
.review-submit-btn {
    background: var(--theme-gradient) !important;
    transition: all 0.3s ease;
}

/* All themes: inner icons black when outer button is theme-colored (golden/colored) */
html[class*="theme-"] .header-icon-link i,
html[class*="theme-"] .header-icon-link .bi,
html[class*="theme-"] .pill-button i,
html[class*="theme-"] .pill-button .bi,
html[class*="theme-"] .mobile-menu-dots-btn i,
html[class*="theme-"] .mobile-menu-dots-btn .bi,
html[class*="theme-"] .search-icon-btn .search-icon,
html[class*="theme-"] .search-icon-btn i.bi {
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
}
html[class*="theme-"] .header-icon-link:hover i,
html[class*="theme-"] .header-icon-link:hover .bi,
html[class*="theme-"] .pill-button:hover i,
html[class*="theme-"] .pill-button:hover .bi {
    color: #0a0a0a !important;
    -webkit-text-fill-color: #0a0a0a !important;
}

/* Apply theme to text gradients */
.gradient-text,
.stat-card-value,
.product-price,
.category-title,
.section-title h2,
.product-name,
.brand-name {
    background: var(--theme-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
}

/* Apply theme to borders and accents */
.border-accent,
.card-accent,
.highlight,
.product-card:hover,
.category-card:hover {
    border-color: var(--theme-primary) !important;
    color: var(--theme-primary) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1), 0 0 20px var(--theme-gradient-light) !important;
}

/* Apply theme to hover effects */
.btn-primary:hover,
.pill-button:hover,
.header-icon-link:hover,
.view-all-btn:hover,
.buy-now-btn:hover,
.add-to-cart-btn:hover {
    background: var(--theme-gradient) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2), 0 0 30px var(--theme-gradient-light) !important;
}

/* Apply theme to header and navigation (overridden by .theme-logo above when active) */
html:not(.theme-logo) .header,
html:not(.theme-logo) .navbar,
html:not(.theme-logo) .mobile-menu {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
    backdrop-filter: blur(10px);
    border-bottom: 2px solid var(--theme-primary);
    box-shadow: 0 2px 20px var(--theme-gradient-light) !important;
}

/* Apply theme to cards and containers */
.card,
.product-card,
.category-card,
.stat-card,
.info-card {
    background: white !important;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.card:hover,
.product-card:hover,
.category-card:hover {
    border-color: var(--theme-primary) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15), 0 0 40px var(--theme-gradient-light) !important;
    transform: translateY(-5px);
}

/* Apply theme to badges and labels */
.badge,
.discount-badge,
.new-badge,
.trending-badge {
    background: var(--theme-gradient) !important;
    color: white !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Apply theme to input focus states */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--theme-primary) !important;
    box-shadow: 0 0 10px var(--theme-gradient-light) !important;
    outline: none;
}

/* Apply theme to links */
a {
    color: var(--theme-primary);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--theme-accent);
}

/* Apply theme to scrollbars (webkit) */
::-webkit-scrollbar-thumb {
    background: var(--theme-gradient) !important;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--theme-gradient) !important;
    box-shadow: 0 0 10px var(--theme-primary);
}

/* Apply theme to selection */
::selection {
    background: var(--theme-primary);
    color: white;
}

/* Apply theme to loading spinners */
.spinner,
.loader {
    border-top-color: var(--theme-primary) !important;
}

/* Apply theme to modals */
.modal-header,
.modal-footer {
    background: var(--theme-gradient-light) !important;
    border-color: var(--theme-primary) !important;
}

/* Apply theme to dropdowns */
.dropdown-menu {
    border-color: var(--theme-primary) !important;
    box-shadow: 0 4px 20px var(--theme-gradient-light) !important;
}

.dropdown-item:hover {
    background: var(--theme-gradient-light) !important;
    color: var(--theme-primary) !important;
}

/* Apply theme to pagination */
.pagination .page-item.active .page-link {
    background: var(--theme-gradient) !important;
    border-color: var(--theme-primary) !important;
}

.pagination .page-link:hover {
    color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

/* Apply theme to tooltips */
.tooltip-inner {
    background: var(--theme-primary) !important;
}

.tooltip.bs-tooltip-top .arrow::before {
    border-top-color: var(--theme-primary) !important;
}

/* Apply theme to progress bars */
.progress-bar {
    background: var(--theme-gradient) !important;
}

/* Apply theme to alerts */
.alert-primary {
    background: var(--theme-gradient-light) !important;
    border-color: var(--theme-primary) !important;
    color: var(--theme-primary) !important;
}

/* Apply theme to tabs */
.nav-tabs .nav-link.active {
    background: var(--theme-gradient) !important;
    color: white !important;
    border-color: var(--theme-primary) !important;
}

.nav-tabs .nav-link:hover {
    border-color: var(--theme-primary) !important;
    color: var(--theme-primary) !important;
}