/* * DriveProX — Energy-Saving Dark Mode * True-black / near-black palette for OLED power savings. * * Activated by: * * Color palette: * --dm-bg #000000 true black (OLED saver) * --dm-surface #0D0D0D cards / panels * --dm-raised #161616 elevated / hover state * --dm-border #1E1E1E dividers, borders * --dm-border-2 #2A2A2A softer borders * --dm-text #F0F6FC primary text * --dm-text-2 #8B9AB0 secondary text * --dm-text-3 #4E6070 muted text * --dm-accent-b #4BA8D4 brand blue (lightened) * --dm-accent-g #4ADE80 brand green (lightened) */ :root[data-theme="dark"], [data-theme="dark"] { color-scheme: dark; } /* ═══════════════════════════════════════════ GLOBAL ═══════════════════════════════════════════ */ [data-theme="dark"] body { background: #000000; color: #F0F6FC; } [data-theme="dark"] html { background: #000000; } [data-theme="dark"] main { background: #000000; } /* Global headings */ [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5 { color: #F0F6FC; } [data-theme="dark"] p { color: #8B9AB0; } /* ═══════════════════════════════════════════ HEADER ═══════════════════════════════════════════ */ [data-theme="dark"] .site-header-wrapper { background: #0D0D0D; border-bottom: 1px solid #1E1E1E; } [data-theme="dark"] .hdr-mode--on { background: #1A1A1A; color: #F0F6FC; } [data-theme="dark"] .hdr-top__contact { color: #8B9AB0; } [data-theme="dark"] .hdr-main { background: #0D0D0D; border-bottom-color: #1E1E1E; box-shadow: 0 1px 3px rgba(0,0,0,0.6); } [data-theme="dark"] .hdr-main__search { background: #111111; border-color: #2A2A2A; } [data-theme="dark"] .hdr-main__search:focus-within { background: #161616; border-color: #4BA8D4; box-shadow: 0 0 0 3px rgba(75,168,212,0.10); } [data-theme="dark"] .hdr-main__search-input { color: #F0F6FC; } [data-theme="dark"] .hdr-main__search-input::placeholder { color: #4E6070; } [data-theme="dark"] .hdr-main__search-icon { color: #4E6070; } [data-theme="dark"] .hdr-main__icon-btn { background: #111111; border-color: #2A2A2A; color: #8B9AB0; } [data-theme="dark"] .hdr-main__icon-btn:hover { background: #1A1A1A; border-color: #2A2A2A; color: #F0F6FC; } [data-theme="dark"] .badge { background: #ef4444; color: #fff; border-color: #0D0D0D; } /* Mobile bottom nav */ [data-theme="dark"] .mobile-bottom-nav-inner { background: rgba(15, 23, 42, 0.75); border-color: rgba(255, 255, 255, 0.10); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45), 0 2px 8px rgba(0, 0, 0, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.08), inset 0 -1px 0 rgba(0, 0, 0, 0.20); } [data-theme="dark"] .mnav-icon, [data-theme="dark"] .mnav-label { color: rgba(148, 163, 184, 0.6); } [data-theme="dark"] .mnav-item.active .mnav-icon { color: #4BA8D4; } [data-theme="dark"] .mnav-item.active .mnav-label { background: linear-gradient(135deg, #4BA8D4 0%, #4ade80 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* ═══════════════════════════════════════════ HERO (homepage) ═══════════════════════════════════════════ */ [data-theme="dark"] .hero-section { background: #000000; } /* ═══════════════════════════════════════════ USP SECTION ═══════════════════════════════════════════ */ [data-theme="dark"] .usp-section { background: #080808; border-top-color: #1E1E1E; border-bottom-color: #1E1E1E; } [data-theme="dark"] .usp-section .usp-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .usp-section .usp-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.6); } [data-theme="dark"] .usp-section .usp-icon { background: rgba(75,168,212,0.10); color: #4BA8D4; } [data-theme="dark"] .usp-section .usp-text h4 { color: #F0F6FC; } [data-theme="dark"] .usp-section .usp-text p { color: #8B9AB0; } [data-theme="dark"] .usp-dots span { background: #2A2A2A; } [data-theme="dark"] .usp-dots span.active { background: #4BA8D4; } /* ═══════════════════════════════════════════ HOME — AUTO PARTS SECTION ═══════════════════════════════════════════ */ [data-theme="dark"] .products-section { background: #000000; } [data-theme="dark"] .products-section .section-header h2 { color: #F0F6FC; } [data-theme="dark"] .products-section .section-header { border-bottom-color: #1E1E1E; } [data-theme="dark"] .products-section .view-all { color: #4BA8D4; } /* Search bar */ [data-theme="dark"] .home-products-search-wrap { background: #0D0D0D; border-color: #2A2A2A; } [data-theme="dark"] .home-products-search-wrap:focus-within { border-color: #4BA8D4; box-shadow: 0 0 0 3px rgba(75,168,212,0.10); } [data-theme="dark"] .home-products-search-input { color: #F0F6FC; } [data-theme="dark"] .home-products-search-input::placeholder { color: #4E6070; } [data-theme="dark"] .home-products-search-icon { color: #4E6070; } [data-theme="dark"] .home-products-search-clear { background: #1A1A1A; color: #8B9AB0; } [data-theme="dark"] .home-products-search-clear:hover { background: #2A2A2A; } /* No-results */ [data-theme="dark"] .hps-no-results { color: #4E6070; } [data-theme="dark"] .hps-no-results-title { color: #8B9AB0; } /* Sub-categories */ [data-theme="dark"] .subcats-wrap { background: transparent; } [data-theme="dark"] .subcats-row .cat-pill { background: #0D0D0D; border-color: #2A2A2A; color: #8B9AB0; } /* ═══════════════════════════════════════════ HOME — CATEGORIES BAR ═══════════════════════════════════════════ */ [data-theme="dark"] .cats-section { background: transparent; } [data-theme="dark"] .cat-pill { background: #0D0D0D; border: 1.5px solid #2A2A2A; color: #8B9AB0; } [data-theme="dark"] .cat-pill:hover { border-color: #4BA8D4; color: #4BA8D4; background: rgba(75,168,212,0.07); } [data-theme="dark"] .cat-pill.active, [data-theme="dark"] .cat-pill--active { background: linear-gradient(135deg, #13618C, #297B35); border-color: transparent; color: #fff; } /* ═══════════════════════════════════════════ PRODUCT CARDS ═══════════════════════════════════════════ */ [data-theme="dark"] .product-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .product-card:hover { box-shadow: 0 12px 28px rgba(0,0,0,0.7); } [data-theme="dark"] .product-image { background: #111111; } [data-theme="dark"] .product-info { background: #0D0D0D; } [data-theme="dark"] .product-info h3 { color: #C8D8E8; } [data-theme="dark"] .original-price { color: #4E6070; } [data-theme="dark"] .sale-price .currency, [data-theme="dark"] .sale-price .price-amount { color: #4BA8D4; } [data-theme="dark"] .discount-badge { background: rgba(74,222,128,0.15); color: #4ADE80; } [data-theme="dark"] .add-to-cart { background: linear-gradient(135deg, #13618C, #1a7a3e); } [data-theme="dark"] .slider-dots .dot { background: #2A2A2A; } [data-theme="dark"] .slider-dots .dot.active { background: #4BA8D4; } /* ═══════════════════════════════════════════ HOME — DREAM CAR SECTION ═══════════════════════════════════════════ */ [data-theme="dark"] .home-dream-car-section { background: #080808; } [data-theme="dark"] .home-dream-car-section .section-header { border-bottom-color: #1E1E1E; } [data-theme="dark"] .home-dream-car-section h2 { color: #F0F6FC; } [data-theme="dark"] .dc-viewall-link { color: #4BA8D4 !important; } [data-theme="dark"] .dc-nav-btn { background: #0D0D0D; border-color: #2A2A2A; color: #8B9AB0; } [data-theme="dark"] .dc-nav-btn:hover { background: #161616; border-color: #4BA8D4; color: #4BA8D4; } [data-theme="dark"] .dc-nav-btn:disabled { background: #080808; border-color: #1E1E1E; color: #2A2A2A; } [data-theme="dark"] .dc-search-wrap { background: #0D0D0D; border-color: #2A2A2A; } [data-theme="dark"] .dc-search-wrap:focus-within { border-color: #4BA8D4; box-shadow: 0 0 0 3px rgba(75,168,212,0.10); } [data-theme="dark"] .dc-search-input { color: #F0F6FC; } [data-theme="dark"] .dc-search-input::placeholder { color: #4E6070; } [data-theme="dark"] .dc-search-icon { color: #4E6070; } [data-theme="dark"] .dc-search-clear { background: #1A1A1A; color: #8B9AB0; } [data-theme="dark"] .dc-dot { background: #2A2A2A; } [data-theme="dark"] .dc-no-results { color: #4E6070; } [data-theme="dark"] .dc-no-results-title { color: #8B9AB0; } [data-theme="dark"] .dc-no-results-sub { color: #4E6070; } /* ═══════════════════════════════════════════ CAR CARDS (dream-car.css) ═══════════════════════════════════════════ */ [data-theme="dark"] .cars-listing { background: #080808; } [data-theme="dark"] .car-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .car-card:hover { box-shadow: 0 12px 28px rgba(0,0,0,0.7); } [data-theme="dark"] .car-image-section { background: #111111; } [data-theme="dark"] .main-image-container { background: #111111; } [data-theme="dark"] .thumbnail { border-color: #1E1E1E; background: #111111; } [data-theme="dark"] .thumbnail-wrapper { background: #111111; border-color: #1E1E1E; } [data-theme="dark"] .thumbnail-more { background: rgba(0,0,0,0.75); color: #F0F6FC; } [data-theme="dark"] .car-details-section { background: #0D0D0D; } [data-theme="dark"] .car-name-row h3 { color: #F0F6FC; } [data-theme="dark"] .make-badge { background: #111111; border: 1px solid #2A2A2A; color: #8B9AB0; } [data-theme="dark"] .car-price .currency { color: #4BA8D4; } [data-theme="dark"] .car-price .price-amount { color: #4BA8D4; } [data-theme="dark"] .spec-card { background: #111111; border-color: #1E1E1E; } [data-theme="dark"] .spec-card:hover { background: #161616; } [data-theme="dark"] .spec-icon-wrap { background: rgba(75,168,212,0.08); color: #4BA8D4; } [data-theme="dark"] .spec-card-label { color: #4E6070; } [data-theme="dark"] .spec-card-value { color: #C8D8E8; } [data-theme="dark"] .car-footer { border-top-color: #1E1E1E; } [data-theme="dark"] .posted-label { color: #4E6070; } [data-theme="dark"] .seller-name { color: #8B9AB0; } [data-theme="dark"] .avatar { background: #161616; border-color: #2A2A2A; } [data-theme="dark"] .view-details-btn { border-color: #4BA8D4; color: #4BA8D4; } [data-theme="dark"] .view-details-btn:hover { background: #4BA8D4; color: #000; } [data-theme="dark"] .car-badge { background: rgba(255,180,0,0.15); color: #FBBF24; border: 1px solid rgba(251,191,36,0.2); } /* ═══════════════════════════════════════════ FILTER SECTION (dream-car page) ═══════════════════════════════════════════ */ [data-theme="dark"] .filter-section { background: #080808; border-bottom-color: #1E1E1E; } [data-theme="dark"] .filter-dropdown { background: #0D0D0D; border-color: #2A2A2A; color: #8B9AB0; } [data-theme="dark"] .filter-dropdown:focus { border-color: #4BA8D4; } [data-theme="dark"] .filter-btn { background: linear-gradient(135deg, #13618C, #297B35); color: #fff; } /* ═══════════════════════════════════════════ HERO BANNERS (dc-hero, parts-store-hero) ═══════════════════════════════════════════ */ [data-theme="dark"] .dc-hero { background: linear-gradient(135deg, #000000 0%, #071020 40%, #0a3052 80%, #0c3d1a 100%); } [data-theme="dark"] .dc-hero-eyebrow { color: #8B9AB0; } [data-theme="dark"] .dc-hero-stats { color: #8B9AB0; } [data-theme="dark"] .dc-hero-stat { color: #8B9AB0; } [data-theme="dark"] .parts-store-hero { background: linear-gradient(135deg, #000000 0%, #071020 40%, #0a3052 80%, #0c3d1a 100%); } [data-theme="dark"] .hero-search-inner { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.08); } [data-theme="dark"] .hero-search-input { color: #F0F6FC; } [data-theme="dark"] .hero-search-input::placeholder { color: rgba(255,255,255,0.35); } /* ═══════════════════════════════════════════ CAR STORE PAGE ═══════════════════════════════════════════ */ [data-theme="dark"] .store-hero, [data-theme="dark"] .car-store-hero { background: linear-gradient(135deg, #000000 0%, #071020 40%, #0a3052 80%, #0c3d1a 100%); } [data-theme="dark"] .store-info h1, [data-theme="dark"] .store-name { color: #F0F6FC; } [data-theme="dark"] .store-page { background: #000000; } [data-theme="dark"] .store-header-wrap { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .store-stat-item { color: #8B9AB0; } [data-theme="dark"] .store-stat-icon { color: #4BA8D4; } [data-theme="dark"] .store-search-wrap, [data-theme="dark"] .store-header-search-wrap { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10); } [data-theme="dark"] .store-search-input, [data-theme="dark"] .store-header-search-input { color: #F0F6FC; } [data-theme="dark"] .store-pill { background: #0D0D0D; border-color: #2A2A2A; color: #8B9AB0; } [data-theme="dark"] .store-pill:hover, [data-theme="dark"] .store-pill.active { background: linear-gradient(135deg, #13618C, #297B35); border-color: transparent; color: #fff; } /* Products grid on store page */ [data-theme="dark"] .products-grid-section { background: #000000; } /* ═══════════════════════════════════════════ AUTO PARTS STORE PAGE ═══════════════════════════════════════════ */ [data-theme="dark"] .parts-search-wrap { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.10); } [data-theme="dark"] .parts-search-input { color: #F0F6FC; } [data-theme="dark"] .parts-search-input::placeholder { color: rgba(255,255,255,0.35); } [data-theme="dark"] .parts-pill { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.12); color: #8B9AB0; } [data-theme="dark"] .parts-pill:hover, [data-theme="dark"] .parts-pill.active { background: linear-gradient(135deg, #13618C, #297B35); border-color: transparent; color: #fff; } /* ═══════════════════════════════════════════ CART POPUP (in header) ═══════════════════════════════════════════ */ [data-theme="dark"] .cart-overlay { background: rgba(0,0,0,0.75); } [data-theme="dark"] .cart-popup { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .cart-header { background: #0D0D0D; border-bottom-color: #1E1E1E; } [data-theme="dark"] .cart-header h2 { color: #F0F6FC; } [data-theme="dark"] .cart-header-left { color: #F0F6FC; } [data-theme="dark"] .cart-header-cart-btn { color: #4BA8D4; } [data-theme="dark"] .cart-close-btn { color: #8B9AB0; } [data-theme="dark"] .cart-close-btn:hover { color: #F0F6FC; } [data-theme="dark"] .cart-body { background: #0D0D0D; } [data-theme="dark"] .cart-empty { color: #4E6070; } [data-theme="dark"] .cart-empty h3 { color: #8B9AB0; } [data-theme="dark"] .cart-empty p { color: #4E6070; } [data-theme="dark"] .cart-empty-icon { color: #2A2A2A; } [data-theme="dark"] .cart-empty-btn { background: linear-gradient(135deg, #13618C, #297B35); color: #fff; } [data-theme="dark"] .cart-store-section { border-bottom-color: #1E1E1E; } [data-theme="dark"] .cart-store-header { background: #111111; border-color: #1E1E1E; } [data-theme="dark"] .cart-store-name { color: #F0F6FC; } [data-theme="dark"] .cart-store-icon { color: #4BA8D4; } [data-theme="dark"] .cart-item { background: #111111; border-color: #1E1E1E; } [data-theme="dark"] .cart-item-name { color: #F0F6FC; } [data-theme="dark"] .cart-item-price { color: #4BA8D4; } [data-theme="dark"] .cart-item-prices { color: #F0F6FC; } [data-theme="dark"] .cart-item-original-price { color: #4E6070; } [data-theme="dark"] .cart-item-image { background: #161616; border-color: #1E1E1E; } [data-theme="dark"] .cart-item-qty-control { background: #0D0D0D; border-color: #2A2A2A; } [data-theme="dark"] .qty-btn { background: #111111; border-color: #2A2A2A; color: #8B9AB0; } [data-theme="dark"] .qty-btn:hover { background: #1A1A1A; color: #F0F6FC; } [data-theme="dark"] .qty-value { color: #F0F6FC; } [data-theme="dark"] .cart-item-delete { color: #4E6070; } [data-theme="dark"] .cart-item-delete:hover { color: #ef4444; } [data-theme="dark"] .cart-footer { background: #0D0D0D; border-top-color: #1E1E1E; } [data-theme="dark"] .cart-totals { color: #8B9AB0; } [data-theme="dark"] .cart-total-row { color: #8B9AB0; } [data-theme="dark"] .cart-total-amount { color: #F0F6FC; } [data-theme="dark"] .cart-login-message { color: #4E6070; } [data-theme="dark"] .cart-signin-btn { color: #4BA8D4; } [data-theme="dark"] .cart-checkout-btn { background: linear-gradient(135deg, #13618C, #297B35); color: #fff; } /* ═══════════════════════════════════════════ CART PAGE ═══════════════════════════════════════════ */ [data-theme="dark"] .cart-page { background: #000000; } [data-theme="dark"] .cart-page__title { color: #F0F6FC; } [data-theme="dark"] .cart-page__subtitle { color: #4E6070; } [data-theme="dark"] .cart-global-actions { background: #0D0D0D; border-color: #1E1E1E; box-shadow: none; } [data-theme="dark"] .checkbox-label { color: #8B9AB0; } [data-theme="dark"] .custom-checkbox { border-color: #2A2A2A; background: #111111; } [data-theme="dark"] .delete-all-btn { color: #4E6070; } [data-theme="dark"] .delete-all-btn:hover { color: #ef4444; background: rgba(239,68,68,0.08); } [data-theme="dark"] .store-group { background: #0D0D0D; border-color: #1E1E1E; box-shadow: none; } [data-theme="dark"] .store-group-header { border-bottom-color: #1E1E1E; background: #111111; } [data-theme="dark"] .store-info-left { color: #F0F6FC; } [data-theme="dark"] .view-store-link { color: #4BA8D4; } [data-theme="dark"] .view-store-link:hover { background: rgba(75,168,212,0.08); } [data-theme="dark"] .cart-item-pg { border-bottom-color: #1E1E1E; } [data-theme="dark"] .cart-item-pg:hover { background: #111111; } [data-theme="dark"] .item-img { background: #111111; border-color: #1E1E1E; } [data-theme="dark"] .item-title { color: #F0F6FC; } [data-theme="dark"] .item-variations { color: #4E6070; } [data-theme="dark"] .item-price { color: #F0F6FC; } [data-theme="dark"] .item-old-price { color: #4E6070; } [data-theme="dark"] .qty-control { background: #111111; border-color: #1E1E1E; } [data-theme="dark"] .qty-btn-pg { background: #0D0D0D; color: #8B9AB0; box-shadow: none; } [data-theme="dark"] .qty-btn-pg:hover { color: #F0F6FC; background: #1A1A1A; } [data-theme="dark"] .qty-val { color: #F0F6FC; } [data-theme="dark"] .delete-item-btn { background: #0D0D0D; border-color: #1E1E1E; color: #4E6070; } [data-theme="dark"] .delete-item-btn:hover { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.25); color: #ef4444; } /* Cart sidebar */ [data-theme="dark"] .cart-sidebar__card { background: #0D0D0D; border-color: #1E1E1E; box-shadow: none; } [data-theme="dark"] .cart-sidebar__location-icon { background: rgba(75,168,212,0.10); } [data-theme="dark"] .cart-sidebar__location-label { color: #4E6070; } [data-theme="dark"] .location-text { color: #F0F6FC; } [data-theme="dark"] .change-location-link { color: #4BA8D4; } [data-theme="dark"] .cart-sidebar__section-title, [data-theme="dark"] .order-summary-title { color: #4E6070; } [data-theme="dark"] .summary-row { color: #8B9AB0; } [data-theme="dark"] .summary-amount { color: #F0F6FC; } [data-theme="dark"] .summary-discount { color: #4ADE80; } [data-theme="dark"] .voucher-input { color: #F0F6FC; background: #111111; border-color: #2A2A2A; } [data-theme="dark"] .voucher-input::placeholder { color: #4E6070; } [data-theme="dark"] .voucher-input:focus { border-color: #4BA8D4; background: #161616; } [data-theme="dark"] .cart-sidebar__voucher-btn { color: #4BA8D4; background: rgba(75,168,212,0.08); border-color: rgba(75,168,212,0.15); } [data-theme="dark"] .cart-sidebar__links, [data-theme="dark"] .sidebar-links { border-color: #1E1E1E; } [data-theme="dark"] .cart-sidebar__link:hover, [data-theme="dark"] .sidebar-link:hover { background: #111111; } [data-theme="dark"] .cart-sidebar__link-left, [data-theme="dark"] .link-left { color: #8B9AB0; } [data-theme="dark"] .cart-sidebar__total, [data-theme="dark"] .summary-total { background: #111111; } [data-theme="dark"] .cart-sidebar__total-label { color: #F0F6FC; } [data-theme="dark"] .cart-sidebar__total-value { color: #4BA8D4; } [data-theme="dark"] .total-price-val { color: #4BA8D4; } [data-theme="dark"] .cart-sidebar__payment { border-color: #1E1E1E; background: #111111; } [data-theme="dark"] .cart-sidebar__payment-title, [data-theme="dark"] .payment-method-title { color: #4E6070; } [data-theme="dark"] .cart-sidebar__payment-option, [data-theme="dark"] .payment-method-option { color: #8B9AB0; } [data-theme="dark"] .cart-sidebar__radio { border-color: #2A2A2A; } [data-theme="dark"] .checkout-btn { background: linear-gradient(135deg, #13618C, #297B35); color: #fff; } /* Cart skeleton loading */ [data-theme="dark"] .cart-skeleton-group { background: #0D0D0D; border-color: #1E1E1E; } /* ═══════════════════════════════════════════ CHECKOUT PAGE ═══════════════════════════════════════════ */ [data-theme="dark"] .checkout-container { color: #F0F6FC; } [data-theme="dark"] .checkout-section { background: #0D0D0D; } [data-theme="dark"] .checkout-section .section-header, [data-theme="dark"] .checkout-main .section-header { background: #161616; border-bottom-color: #1E1E1E; } [data-theme="dark"] .checkout-section .section-title, [data-theme="dark"] .checkout-main .section-title { color: #F0F6FC; } [data-theme="dark"] .checkout-section .edit-btn, [data-theme="dark"] .checkout-main .edit-btn { color: #8B9AB0; } [data-theme="dark"] .section-inner-body { border-color: #1E1E1E; } [data-theme="dark"] .badge-default { color: #8B9AB0; } [data-theme="dark"] .contact-name { color: #F0F6FC; } [data-theme="dark"] .contact-phone { color: #8B9AB0; } [data-theme="dark"] .address-text { color: #4E6070; } [data-theme="dark"] .checkbox-wrapper { color: #8B9AB0; } [data-theme="dark"] .checkmark { border-color: #2A2A2A; background: #111111; } [data-theme="dark"] .checkout-sidebar { background: #0D0D0D; border-color: #1E1E1E; } /* Checkout items */ [data-theme="dark"] .package-header { background: #0D0D0D; } [data-theme="dark"] .package-title { color: #F0F6FC; } [data-theme="dark"] .delivery-info-row-bg { background: #111111; color: #8B9AB0; } [data-theme="dark"] .delivery-type { color: #F0F6FC; } [data-theme="dark"] .delivery-date { color: #F0F6FC; } [data-theme="dark"] .item-qty { color: #4E6070; } [data-theme="dark"] .item-qty-cnt { color: #F0F6FC; } [data-theme="dark"] .sidebar-link { color: #8B9AB0; } [data-theme="dark"] .sidebar-link:hover { color: #4BA8D4; } [data-theme="dark"] .pay-now-btn { background: linear-gradient(135deg, #13618C, #297B35); color: #fff; } /* ═══════════════════════════════════════════ PAYMENT PAGE ═══════════════════════════════════════════ */ [data-theme="dark"] .payment-section { background: #0D0D0D; } [data-theme="dark"] .payment-section-header { background: #161616; border-bottom-color: #1E1E1E; } [data-theme="dark"] .payment-section .section-title { color: #F0F6FC; } [data-theme="dark"] .add-card-btn { color: #4BA8D4; } [data-theme="dark"] .card-option { border-bottom-color: #1E1E1E; } [data-theme="dark"] .custom-radio { border-color: #2A2A2A; } [data-theme="dark"] .card-number { color: #F0F6FC; } [data-theme="dark"] .card-expiry { color: #4E6070; } [data-theme="dark"] .cod-header-label { color: #F0F6FC; } [data-theme="dark"] .cod-list li { color: #8B9AB0; } [data-theme="dark"] .add-card-form { border-top-color: #1E1E1E; } [data-theme="dark"] .payment-sidebar { background: #0D0D0D; border-color: #1E1E1E; } /* ═══════════════════════════════════════════ LOGIN / REGISTER (Tailwind + custom) ═══════════════════════════════════════════ */ [data-theme="dark"] .login-container { background: #000000; } [data-theme="dark"] .login-left { background: linear-gradient(135deg, #000000 0%, #071020 40%, #0a3052 80%, #0c3d1a 100%) !important; } [data-theme="dark"] .login-right { background: #000000 !important; } [data-theme="dark"] .login-title { color: #F0F6FC; } [data-theme="dark"] .login-form-container { background: #0D0D0D !important; border-color: #1E1E1E !important; box-shadow: none !important; } /* Override Tailwind bg-white/80 on form container */ [data-theme="dark"] .login-form-container.bg-white\/80, [data-theme="dark"] [class*="bg-white"] .login-form-container { background: #0D0D0D !important; } [data-theme="dark"] .login-tab { color: #4E6070; } [data-theme="dark"] .login-tab.active { background: #161616 !important; color: #F0F6FC !important; box-shadow: none !important; } [data-theme="dark"] .login-section { background: transparent; } /* ── Login / Register: right panel background ── */ [data-theme="dark"] .login-right { background: #000000 !important; } /* Override Tailwind gradient classes used on .login-right */ [data-theme="dark"] .from-slate-50 { --tw-gradient-from: #000000 !important; } [data-theme="dark"] .via-white { --tw-gradient-stops: var(--tw-gradient-from), #0D0D0D, var(--tw-gradient-to, transparent) !important; } [data-theme="dark"] .to-slate-100 { --tw-gradient-to: #111111 !important; } /* ── Tab switcher background ── */ [data-theme="dark"] #loginTabs, [data-theme="dark"] .bg-gray-100\/80 { background: #111111 !important; } /* Active login tab */ [data-theme="dark"] .login-tab.bg-white, [data-theme="dark"] .login-tab[class*="bg-white"] { background: #1E1E1E !important; color: #F0F6FC !important; box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important; } [data-theme="dark"] .login-tab { color: #4E6070 !important; } [data-theme="dark"] .login-tab:hover { color: #8B9AB0 !important; } /* ── Login form card ── */ [data-theme="dark"] .login-form-container { background: #0D0D0D !important; border-color: #1E1E1E !important; box-shadow: 0 8px 40px rgba(0,0,0,0.4) !important; } /* ── Login/Register inputs (Tailwind override) ── */ [data-theme="dark"] .phone-input, [data-theme="dark"] .otp-input { background: #111111 !important; border-color: #2A2A2A !important; color: #F0F6FC !important; } [data-theme="dark"] .bg-gray-50\/50, [data-theme="dark"] .bg-gray-50 { background-color: #111111 !important; } [data-theme="dark"] .phone-input:focus, [data-theme="dark"] .otp-input:focus { border-color: #4BA8D4 !important; background: #161616 !important; box-shadow: 0 0 0 3px rgba(75,168,212,0.10) !important; } [data-theme="dark"] .btn-continue { background: linear-gradient(135deg, #13618C, #297B35) !important; color: #fff !important; box-shadow: 0 4px 14px rgba(19,97,140,0.3) !important; } [data-theme="dark"] .otp-note { color: #4E6070 !important; } [data-theme="dark"] .otp-actions a { color: #4BA8D4 !important; } [data-theme="dark"] .footer-auth { color: #4E6070; } [data-theme="dark"] .footer-auth a { color: #4BA8D4; } /* "Secure Login" badge */ [data-theme="dark"] .bg-brand-dark\/10 { background: rgba(75,168,212,0.10) !important; } [data-theme="dark"] .text-brand-dark { color: #4BA8D4 !important; } /* Tailwind utility overrides for auth pages */ [data-theme="dark"] .bg-slate-50 { background-color: #000000 !important; } [data-theme="dark"] .bg-gray-100\/80 { background-color: #111111 !important; } [data-theme="dark"] .bg-white\/80 { background-color: #0D0D0D !important; } [data-theme="dark"] .bg-white { background-color: #0D0D0D !important; } [data-theme="dark"] .text-gray-900 { color: #F0F6FC !important; } [data-theme="dark"] .text-gray-700 { color: #8B9AB0 !important; } [data-theme="dark"] .text-gray-600 { color: #8B9AB0 !important; } [data-theme="dark"] .text-gray-500 { color: #4E6070 !important; } [data-theme="dark"] .text-gray-400 { color: #4E6070 !important; } [data-theme="dark"] .border-gray-200 { border-color: #2A2A2A !important; } [data-theme="dark"] .border-white\/60 { border-color: #1E1E1E !important; } [data-theme="dark"] .ring-gray-900\/\[0\.04\] { --tw-ring-color: rgba(255,255,255,0.04) !important; } /* Form messages */ [data-theme="dark"] .form-message.error { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.2); color: #f87171; } [data-theme="dark"] .form-message.success { background: rgba(74,222,128,0.08); border-color: rgba(74,222,128,0.2); color: #4ADE80; } [data-theme="dark"] .form-message.info { background: rgba(75,168,212,0.08); border-color: rgba(75,168,212,0.2); color: #4BA8D4; } /* ═══════════════════════════════════════════ MY ACCOUNT ═══════════════════════════════════════════ */ [data-theme="dark"] .my-account-wrapper { background: #000000 !important; } [data-theme="dark"] .my-account-container { background: #000000; } [data-theme="dark"] .my-account-sidebar, [data-theme="dark"] .account-sidebar { background: #0D0D0D !important; border-color: #1E1E1E !important; } [data-theme="dark"] .sidebar-header { border-bottom-color: #1E1E1E; } [data-theme="dark"] .profile-name { color: #F0F6FC; } [data-theme="dark"] .sidebar-menu-item { color: #8B9AB0; } [data-theme="dark"] .sidebar-menu-item:hover { background: #111111; color: #F0F6FC; } [data-theme="dark"] .sidebar-menu-item.active { background: #161616; color: #F0F6FC; } [data-theme="dark"] .sidebar-menu-item.logout { color: #ef4444; border-top-color: #1E1E1E; } [data-theme="dark"] .section-wrapper { background: #0D0D0D !important; border-color: #1E1E1E !important; } [data-theme="dark"] .account-section .section-header, [data-theme="dark"] .section-wrapper .section-header { background: #161616; } [data-theme="dark"] .account-section .section-title { color: #F0F6FC; } [data-theme="dark"] .account-section .edit-btn { color: #8B9AB0; } /* Account forms */ [data-theme="dark"] .form-group label { color: #8B9AB0; } [data-theme="dark"] .form-group input, [data-theme="dark"] .form-group select { background-color: #111111 !important; border-color: #2A2A2A !important; color: #F0F6FC !important; } [data-theme="dark"] .form-group input:focus, [data-theme="dark"] .form-group select:focus { border-color: #4BA8D4 !important; box-shadow: 0 0 0 3px rgba(75,168,212,0.10) !important; } [data-theme="dark"] .btn-cancel { background: #0D0D0D !important; border-color: #2A2A2A !important; color: #8B9AB0 !important; } [data-theme="dark"] .btn-save { background: linear-gradient(135deg, #13618C, #297B35) !important; color: #fff !important; } /* Address cards */ [data-theme="dark"] .address-card { border-color: #1E1E1E; background: #0D0D0D; } [data-theme="dark"] .addr-default { color: #8B9AB0; } [data-theme="dark"] .addr-name { color: #F0F6FC; } [data-theme="dark"] .addr-phone { color: #8B9AB0; } [data-theme="dark"] .addr { color: #4E6070; } /* Membership card */ [data-theme="dark"] .membership-card { background: linear-gradient(135deg, #0D0D0D, #111111); } /* Wallet */ [data-theme="dark"] .wallet-balance-card { border-color: #1E1E1E; background: rgba(75,168,212,0.05); } [data-theme="dark"] .wallet-balance-label { color: #4E6070; } [data-theme="dark"] .wallet-balance-amount { color: #F0F6FC; } [data-theme="dark"] .wallet-updated-time { color: #4E6070; } [data-theme="dark"] .wallet-transactions-wrap { border-color: #1E1E1E; background: #0D0D0D; } [data-theme="dark"] .wallet-transactions-header-row { border-bottom-color: #1E1E1E; } [data-theme="dark"] .wallet-transactions-title { color: #F0F6FC; } [data-theme="dark"] .wallet-refresh-btn { border-color: #2A2A2A; background: #111111; color: #8B9AB0; } [data-theme="dark"] .wallet-transaction-item { border-bottom-color: #1E1E1E; } [data-theme="dark"] .wallet-transaction-title { color: #F0F6FC; } [data-theme="dark"] .wallet-transaction-sub { color: #4E6070; } [data-theme="dark"] .wallet-transactions-empty { color: #4E6070; } /* API messages */ [data-theme="dark"] .profile-api-message.error, [data-theme="dark"] .wallet-api-message.error { background: rgba(239,68,68,0.08); border-color: rgba(239,68,68,0.2); color: #f87171; } [data-theme="dark"] .profile-api-message.success { background: rgba(74,222,128,0.08); border-color: rgba(74,222,128,0.2); color: #4ADE80; } [data-theme="dark"] .profile-api-message.info, [data-theme="dark"] .wallet-api-message.info { background: rgba(75,168,212,0.08); border-color: rgba(75,168,212,0.2); color: #4BA8D4; } /* Saved cards */ [data-theme="dark"] .card-type { border-color: #1E1E1E; } /* Orders */ [data-theme="dark"] .orders-tabs { border-bottom-color: #1E1E1E; } [data-theme="dark"] .tab-btn { color: #8B9AB0; } [data-theme="dark"] .tab-btn.active { color: #F0F6FC; } [data-theme="dark"] .orders-search input { border-color: #2A2A2A; background: #111111; color: #F0F6FC; } [data-theme="dark"] .orders-search input::placeholder { color: #4E6070; } [data-theme="dark"] .order-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .order-card:hover { border-color: #2A2A2A; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } [data-theme="dark"] .item-date { color: #8B9AB0; } [data-theme="dark"] .item-variation-bold { color: #F0F6FC; } [data-theme="dark"] .item-qty-value { color: #F0F6FC; } [data-theme="dark"] .pagination { border-top-color: #1E1E1E !important; } [data-theme="dark"] .pagination-btn, [data-theme="dark"] .page-btn { background: transparent !important; color: #8B9AB0 !important; } [data-theme="dark"] .pagination-btn:hover, [data-theme="dark"] .page-btn:hover { color: #F0F6FC !important; } [data-theme="dark"] .pagination-btn.active, [data-theme="dark"] .page-btn.active { background: linear-gradient(135deg, #13618C, #297B35) !important; border-color: transparent !important; color: #fff !important; } [data-theme="dark"] .page-number { color: #8B9AB0 !important; border-color: transparent !important; background: transparent !important; background-color: transparent !important; } [data-theme="dark"] .page-number:hover { color: #F0F6FC !important; border-color: #2A2A2A !important; } [data-theme="dark"] .page-number.active { background: #161616 !important; background-color: #161616 !important; border-color: #2A2A2A !important; color: #F0F6FC !important; } /* Order detail */ [data-theme="dark"] .delivery-timeline-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .details-section-title { background: #161616; color: #F0F6FC; } [data-theme="dark"] .info-grid { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .info-box-address, [data-theme="dark"] .info-box-payment { border-color: #1E1E1E; } [data-theme="dark"] .info-header { color: #F0F6FC; } [data-theme="dark"] .info-name-phone { color: #F0F6FC; } [data-theme="dark"] .phone-wrap { color: #4E6070; } [data-theme="dark"] .info-address { color: #4E6070; } [data-theme="dark"] .info-desc { color: #F0F6FC; } [data-theme="dark"] .items-summary-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .details-items-list { border-bottom-color: #1E1E1E; } [data-theme="dark"] .estimate-box { background: #111111; } [data-theme="dark"] .estimate-box p { color: #4E6070; } [data-theme="dark"] .estimate-box h4 { color: #F0F6FC; } [data-theme="dark"] .progress-bar-container { background: #1E1E1E; } [data-theme="dark"] .meta-label { color: #8B9AB0; } [data-theme="dark"] .order-date-val, [data-theme="dark"] .order-id-val { color: #4E6070; } [data-theme="dark"] .time-date, [data-theme="dark"] .time-time { color: #4E6070; } [data-theme="dark"] .status-desc { color: #4E6070; } [data-theme="dark"] .total-row { color: #8B9AB0; } [data-theme="dark"] .total-row.grand-total { color: #F0F6FC; } [data-theme="dark"] .back-btn { color: #8B9AB0; } /* Order filter tabs */ [data-theme="dark"] .order-filter-btn { background: #111111; border-color: #2A2A2A; color: #8B9AB0; } [data-theme="dark"] .order-filter-btn.active-filter { background: #161616; color: #F0F6FC; } /* ══════════════════════════════════════════════════════════════ MY ACCOUNT — ROUND-2: target actual inline styles & IDs ══════════════════════════════════════════════════════════════ */ /* ── Section content cards (Tailwind bg-white / bg-slate-*) ── */ [data-theme="dark"] .account-section .bg-white, [data-theme="dark"] .my-account-sidebar .bg-white { background: #0D0D0D !important; border-color: #1E1E1E !important; } [data-theme="dark"] .account-section [style*="box-shadow:"][style*="border:"] { border-color: #1E1E1E !important; } /* ── Wallet section transactions bg ── */ [data-theme="dark"] .wallet-transactions-wrap { background: #0D0D0D !important; } [data-theme="dark"] .wallet-transactions-title { color: #F0F6FC !important; } [data-theme="dark"] .wallet-refresh-btn { color: #4ADE80 !important; background: none !important; } /* ── Info tip panels (bg:#f8fafc scoped to account sections) ── */ [data-theme="dark"] #vehiclesSection > div[style*="background:#f8fafc"], [data-theme="dark"] #cardsSection > div[style*="background:#f8fafc"], [data-theme="dark"] #vehiclesSection > div[style*="background: #f8fafc"], [data-theme="dark"] #cardsSection > div[style*="background: #f8fafc"] { background: #111111 !important; border-color: #1E1E1E !important; } [data-theme="dark"] #vehiclesSection > div[style*="background:#f8fafc"] p, [data-theme="dark"] #cardsSection > div[style*="background:#f8fafc"] p { color: #4E6070 !important; } /* ── Address cards (dynamically rendered, inline background:white) ── */ [data-theme="dark"] #addressesGrid > div { background: #0D0D0D !important; border-color: #1E1E1E !important; } [data-theme="dark"] #addressesGrid p[style*="color:#0f172a"] { color: #F0F6FC !important; } [data-theme="dark"] #addressesGrid p[style*="color:#64748b"] { color: #8B9AB0 !important; } [data-theme="dark"] #addressesGrid p[style*="color:#94a3b8"] { color: #4E6070 !important; } [data-theme="dark"] #addressesGrid div[style*="color:#475569"] { color: #8B9AB0 !important; } /* ── Vehicle cards (dynamically rendered) ── */ [data-theme="dark"] #vehiclesGrid > div { background: #0D0D0D !important; border-color: #1E1E1E !important; } [data-theme="dark"] #vehiclesGrid p[style*="color:#0f172a"] { color: #F0F6FC !important; } [data-theme="dark"] #vehiclesGrid p[style*="color:#64748b"] { color: #8B9AB0 !important; } [data-theme="dark"] #vehiclesGrid p[style*="color:#94a3b8"] { color: #4E6070 !important; } /* ── Order cards (dynamically rendered) ── */ [data-theme="dark"] #ordersList > div { background: #0D0D0D !important; border-color: #1E1E1E !important; } /* Order header strip (bg:#f8fafc) */ [data-theme="dark"] #ordersList > div > div:first-child { background: #111111 !important; border-bottom-color: #1E1E1E !important; } /* Vertical dividers between ORDER / PLACED / ITEMS */ [data-theme="dark"] #ordersList div[style*="background:#e2e8f0"][style*="height:28px"] { background: #2A2A2A !important; } /* Order thumbnail icon bg */ [data-theme="dark"] #ordersList div[style*="background:#f1f5f9"][style*="border-radius:10px"] { background: #161616 !important; } /* Order action strip border */ [data-theme="dark"] #ordersList > div > div:last-child { border-top-color: #1E1E1E !important; } /* View Details / action buttons */ [data-theme="dark"] #ordersList button[style*="background:#f1f5f9"] { background: #161616 !important; color: #8B9AB0 !important; } /* Text colors inside order cards */ [data-theme="dark"] #ordersList p[style*="color:#0f172a"], [data-theme="dark"] #ordersList span[style*="color:#0f172a"] { color: #F0F6FC !important; } [data-theme="dark"] #ordersList p[style*="color:#334155"] { color: #8B9AB0 !important; } [data-theme="dark"] #ordersList p[style*="color:#94a3b8"] { color: #4E6070 !important; } /* Order filter tabs (inactive) */ [data-theme="dark"] .order-filter-btn[style*="background:#f1f5f9"] { background: #161616 !important; color: #8B9AB0 !important; } [data-theme="dark"] .order-filter-btn[style*="background:#0f172a"] { background: #F0F6FC !important; color: #0D0D0D !important; } /* ── ALL MODALS: container card backgrounds ── */ [data-theme="dark"] #logoutModal > div, [data-theme="dark"] #orderDetailModal > div, [data-theme="dark"] #addCardModal > div, [data-theme="dark"] #addVehicleModal > div, [data-theme="dark"] #addAddressModal > div { background: #0D0D0D !important; border: 1px solid #1E1E1E !important; } /* Modal sticky headers (position:sticky, background:white) */ [data-theme="dark"] #orderDetailModal > div > div:first-child, [data-theme="dark"] #addVehicleModal > div > div:first-child, [data-theme="dark"] #addAddressModal > div > div:first-child, [data-theme="dark"] #addCardModal > div > div:first-child { background: #0D0D0D !important; border-bottom-color: #1E1E1E !important; } /* Modal title text */ [data-theme="dark"] #logoutModal h3, [data-theme="dark"] #orderDetailModal h3, [data-theme="dark"] #addCardModal h3, [data-theme="dark"] #addVehicleModal h3, [data-theme="dark"] #addAddressModal h3 { color: #F0F6FC !important; } [data-theme="dark"] #logoutModal p[style*="color:#64748b"] { color: #8B9AB0 !important; } /* Logout modal dividers and buttons */ [data-theme="dark"] #logoutModal [style*="border-top"] { border-top-color: #1E1E1E !important; } [data-theme="dark"] #logoutModal > div > div:last-child > button { background: #0D0D0D !important; color: #8B9AB0 !important; } [data-theme="dark"] #logoutModal > div > div:last-child > button:last-child { color: #ef4444 !important; } [data-theme="dark"] #logoutModal [style*="border-right"] { border-right-color: #1E1E1E !important; } /* Close × buttons in modals */ [data-theme="dark"] #addVehicleModal button[style*="background:#f1f5f9"], [data-theme="dark"] #addAddressModal button[style*="background:#f1f5f9"], [data-theme="dark"] #addCardModal button[style*="background:#f1f5f9"], [data-theme="dark"] #orderDetailModal button[style*="background:#f8fafc"] { background: #161616 !important; border-color: #2A2A2A !important; color: #8B9AB0 !important; } /* Modal form labels */ [data-theme="dark"] #addVehicleModal label[style*="color:#374151"], [data-theme="dark"] #addAddressModal label[style*="color:#374151"], [data-theme="dark"] #addCardModal label[style*="font-size:0.875rem"] { color: #8B9AB0 !important; } /* Optional hint spans inside labels */ [data-theme="dark"] #addVehicleModal label span[style*="color:#94a3b8"], [data-theme="dark"] #addAddressModal label span[style*="color:#94a3b8"] { color: #4E6070 !important; } /* Modal form inputs and selects (all have inline style colors) */ [data-theme="dark"] #addVehicleModal input, [data-theme="dark"] #addVehicleModal select, [data-theme="dark"] #addAddressModal input, [data-theme="dark"] #addAddressModal select, [data-theme="dark"] #addCardModal input, [data-theme="dark"] #addCardModal select { background: #111111 !important; border-color: #2A2A2A !important; color: #F0F6FC !important; } /* Modal Cancel buttons */ [data-theme="dark"] #addVehicleModal button[type="button"]:not([onclick*="save"]):not([onclick*="add"]), [data-theme="dark"] #addAddressModal button[type="button"]:not([onclick*="save"]):not([onclick*="add"]), [data-theme="dark"] #addCardModal button[type="button"] { background: #161616 !important; color: #8B9AB0 !important; } /* ── Order Detail modal body ── */ /* Timeline + Price Breakdown panels (bg:#f8fafc) */ [data-theme="dark"] #orderDetailBody > div[style*="background:#f8fafc"] { background: #111111 !important; } [data-theme="dark"] #orderDetailBody p[style*="color:#94a3b8"] { color: #4E6070 !important; } [data-theme="dark"] #orderDetailBody p[style*="color:#64748b"], [data-theme="dark"] #orderDetailBody span[style*="color:#64748b"] { color: #8B9AB0 !important; } [data-theme="dark"] #orderDetailBody p[style*="color:#475569"] { color: #8B9AB0 !important; } [data-theme="dark"] #orderDetailBody p[style*="color:#0f172a"], [data-theme="dark"] #orderDetailBody span[style*="color:#0f172a"], [data-theme="dark"] #orderDetailBody h3[style*="color:#0f172a"] { color: #F0F6FC !important; } [data-theme="dark"] #orderDetailBody p[style*="color:#334155"] { color: #8B9AB0 !important; } /* Items list container border */ [data-theme="dark"] #orderDetailBody div[style*="border:1px solid #f1f5f9"] { border-color: #1E1E1E !important; } /* Item row divider */ [data-theme="dark"] #orderDetailBody div[style*="border-top:1px solid #f8fafc"] { border-top-color: #1E1E1E !important; } /* Item thumbnail icon bg */ [data-theme="dark"] #orderDetailBody div[style*="background:#f1f5f9"][style*="border-radius:10px"] { background: #161616 !important; } /* Price breakdown total divider */ [data-theme="dark"] #orderDetailBody div[style*="border-top:1px solid #e2e8f0"] { border-top-color: #2A2A2A !important; } /* Deliver To / Payment mini cards */ [data-theme="dark"] #orderDetailBody > div > div[style*="border:1px solid #f1f5f9"][style*="border-radius:12px"] { border-color: #1E1E1E !important; background: #0D0D0D !important; } /* Order detail subtitle date */ [data-theme="dark"] #orderDetailSubtitle { color: #4E6070 !important; } /* ── Add Card modal: card preview stays dark (already good) ── */ /* Profile form inputs (inline-styled) */ [data-theme="dark"] #profileFormMain input { background: #111111 !important; border-color: #2A2A2A !important; color: #F0F6FC !important; } [data-theme="dark"] #profileFormMain label { color: #8B9AB0 !important; } [data-theme="dark"] #profileFormMain span.text-xs { color: #4E6070 !important; } /* ═══════════════════════════════════════════ PRODUCT DETAIL PAGE ═══════════════════════════════════════════ */ [data-theme="dark"] .pd-page { background: #000000; } [data-theme="dark"] .prd-breadcrumb { background: #0D0D0D; border-bottom-color: #1E1E1E; } [data-theme="dark"] .breadcrumb a { color: #4E6070; } [data-theme="dark"] .breadcrumb a:hover { color: #4BA8D4; } [data-theme="dark"] .breadcrumb .current { color: #F0F6FC; } [data-theme="dark"] .breadcrumb-sep { color: #2A2A2A; } [data-theme="dark"] .pd-card { background: #0D0D0D; border-color: #1E1E1E; box-shadow: none; } [data-theme="dark"] .pd-gallery-card { background: #0D0D0D !important; } [data-theme="dark"] .pd-main-img-wrap { background: #111111 !important; } [data-theme="dark"] .pd-thumbs .thumbnail, [data-theme="dark"] .gallery-thumbnails .thumbnail { border-color: #1E1E1E !important; background: #111111 !important; } [data-theme="dark"] .pd-thumbs .thumbnail.active, [data-theme="dark"] .pd-thumbs .thumbnail:hover, [data-theme="dark"] .gallery-thumbnails .thumbnail.active, [data-theme="dark"] .gallery-thumbnails .thumbnail:hover { border-color: #4BA8D4 !important; background: #161616 !important; } [data-theme="dark"] .pd-tabs-card { background: #0D0D0D !important; } [data-theme="dark"] .pd-tabs-header { border-bottom-color: #1E1E1E !important; } [data-theme="dark"] .pd-tabs-header .tab-btn { color: #4E6070 !important; } [data-theme="dark"] .pd-tabs-header .tab-btn.active { color: #4BA8D4 !important; border-bottom-color: #4BA8D4 !important; } [data-theme="dark"] .pd-tabs-header .tab-btn:hover { color: #8B9AB0 !important; } [data-theme="dark"] .pd-spec-list li { color: #8B9AB0 !important; } [data-theme="dark"] .pd-buy-card { background: #0D0D0D !important; } [data-theme="dark"] .pd-buy-card h1 { color: #F0F6FC !important; } [data-theme="dark"] .current-price { color: #F0F6FC !important; } [data-theme="dark"] .pd-divider { background: #1E1E1E !important; } [data-theme="dark"] .pd-meta-label { color: #4E6070 !important; } [data-theme="dark"] .pd-seller-name { color: #F0F6FC !important; } [data-theme="dark"] .pd-view-store { color: #4BA8D4 !important; } [data-theme="dark"] .pd-view-store:hover { color: #4ADE80 !important; } [data-theme="dark"] .pd-shop-logo { border-color: #1E1E1E !important; background: #111111 !important; } [data-theme="dark"] .pd-delivery-left { color: #8B9AB0 !important; } [data-theme="dark"] .pd-change { color: #4BA8D4 !important; } [data-theme="dark"] .pd-delivery-cost { color: #F0F6FC !important; } [data-theme="dark"] .pd-expand-left { color: #F0F6FC !important; } [data-theme="dark"] .pd-expand-chev { color: #4E6070 !important; } [data-theme="dark"] .pd-qty-label { color: #F0F6FC !important; } [data-theme="dark"] .pd-qty-ctrl { border-color: #1E1E1E !important; } [data-theme="dark"] .pd-qty-ctrl button { color: #8B9AB0 !important; background: #111111 !important; } [data-theme="dark"] .pd-qty-ctrl button:hover { background: #1A1A1A !important; } [data-theme="dark"] .pd-qty-ctrl input { border-color: #1E1E1E !important; color: #F0F6FC !important; background: #0D0D0D !important; } [data-theme="dark"] .btn-add-to-cart { color: #4BA8D4 !important; background: rgba(75,168,212,0.08) !important; border-color: #4BA8D4 !important; } [data-theme="dark"] .btn-add-to-cart:hover { background: rgba(75,168,212,0.14) !important; } [data-theme="dark"] .btn-buy-now { background: linear-gradient(135deg, #13618C, #297B35) !important; color: #fff !important; } [data-theme="dark"] .pd-share { color: #4E6070 !important; } [data-theme="dark"] .pd-share:hover { color: #8B9AB0 !important; } [data-theme="dark"] .pd-related-header h2 { color: #F0F6FC !important; } [data-theme="dark"] .pd-view-all { color: #4BA8D4 !important; } [data-theme="dark"] .pd-view-all:hover { color: #4ADE80 !important; } [data-theme="dark"] .pd-rel-card { background: #0D0D0D !important; border-color: #1E1E1E !important; } [data-theme="dark"] .pd-rel-img-wrap { background: #111111 !important; } [data-theme="dark"] .pd-rel-info { background: #0D0D0D !important; border-top-color: #1E1E1E !important; } [data-theme="dark"] .pd-rel-info h3 { color: #F0F6FC !important; } [data-theme="dark"] .pd-rel-current { color: #F0F6FC !important; } [data-theme="dark"] .pd-rel-original { color: #4E6070 !important; } [data-theme="dark"] .pd-rel-cart { background: #161616 !important; border-color: #2A2A2A !important; } [data-theme="dark"] .pd-rel-cart:hover { background: linear-gradient(135deg, #13618C, #297B35) !important; border-color: transparent !important; } /* ═══════════════════════════════════════════ ABOUT US ═══════════════════════════════════════════ */ [data-theme="dark"] .about-main { background: #000000; } [data-theme="dark"] .about-hero { background: linear-gradient(135deg, rgba(0,0,0,0.9), rgba(10,48,82,0.9)); } [data-theme="dark"] .about-intro { background: #000000; } [data-theme="dark"] .about-intro-content h2 { color: #F0F6FC; } [data-theme="dark"] .about-intro-content h3 { color: #F0F6FC; } [data-theme="dark"] .about-intro-content p { color: #8B9AB0; } [data-theme="dark"] .about-intro-item { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .vision-mission-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .vision-mission-title { color: #F0F6FC; } [data-theme="dark"] .vision-mission-description { color: #8B9AB0; } [data-theme="dark"] .values-grid { background: #0D0D0D; box-shadow: 0 4px 20px rgba(0,0,0,0.3); } [data-theme="dark"] .values-header { color: #F0F6FC; } [data-theme="dark"] .values-list-item-title { color: #F0F6FC; } [data-theme="dark"] .values-list-item-desc { color: #8B9AB0; } [data-theme="dark"] .values-img { background: #111111; } [data-theme="dark"] .partners-section { background: #080808; } [data-theme="dark"] .partners-title { color: #F0F6FC; } [data-theme="dark"] .partners-grid { background: #080808; border-color: #1E1E1E; } [data-theme="dark"] .partner-logo { border-color: #1E1E1E; } [data-theme="dark"] .partner-logo:hover { background: #0D0D0D; } [data-theme="dark"] .partner-text { color: #F0F6FC; } /* ═══════════════════════════════════════════ CONTACT US ═══════════════════════════════════════════ */ [data-theme="dark"] .contact-hero { background: linear-gradient(135deg, rgba(0,0,0,0.9), rgba(10,48,82,0.9)); } [data-theme="dark"] .contact-container { background: #000000; } [data-theme="dark"] .contact-info h1 { color: #F0F6FC; } [data-theme="dark"] .contact-info p { color: #8B9AB0; } [data-theme="dark"] .contact-item-text h3 { color: #4E6070; } [data-theme="dark"] .contact-item-text p { color: #F0F6FC; } [data-theme="dark"] .contact-form-card { background: #0D0D0D; box-shadow: 0 4px 20px rgba(0,0,0,0.3); border-color: #1E1E1E; } [data-theme="dark"] .contact-form-card .form-group label { color: #8B9AB0; } [data-theme="dark"] .contact-form-card .form-group input, [data-theme="dark"] .contact-form-card .form-group textarea { border-color: #2A2A2A; background: #111111; color: #F0F6FC; } [data-theme="dark"] .contact-form-card .form-group input:focus, [data-theme="dark"] .contact-form-card .form-group textarea:focus { border-color: #4BA8D4; box-shadow: 0 0 0 3px rgba(75,168,212,0.10); } [data-theme="dark"] .submit-btn { background: linear-gradient(135deg, #13618C, #297B35); color: #fff; } /* ═══════════════════════════════════════════ HELP CENTER ═══════════════════════════════════════════ */ [data-theme="dark"] .help-hero { background: linear-gradient(135deg, rgba(0,0,0,0.9), rgba(10,48,82,0.9)); } [data-theme="dark"] .search-section { background: #0D0D0D; box-shadow: 0 4px 12px rgba(0,0,0,0.3); } [data-theme="dark"] .search-input input { border-color: #2A2A2A; background: #111111; color: #F0F6FC; } [data-theme="dark"] .search-input input:focus { border-color: #4BA8D4; box-shadow: 0 0 0 3px rgba(75,168,212,0.10); } [data-theme="dark"] .search-tag { background: #111111; color: #8B9AB0; } [data-theme="dark"] .search-tag:hover { background: #161616; color: #4BA8D4; } [data-theme="dark"] .category-card { background: #0D0D0D; box-shadow: 0 2px 8px rgba(0,0,0,0.3); border-color: #1E1E1E; } [data-theme="dark"] .category-card:hover { box-shadow: 0 12px 24px rgba(0,0,0,0.5); } [data-theme="dark"] .category-card h3 { color: #F0F6FC; } [data-theme="dark"] .category-card p { color: #4E6070; } [data-theme="dark"] .view-articles { color: #4BA8D4; } [data-theme="dark"] .view-articles:hover { color: #4ADE80; } [data-theme="dark"] .faq-item { background: #0D0D0D; box-shadow: 0 2px 8px rgba(0,0,0,0.3); border-color: #1E1E1E; } [data-theme="dark"] .faq-question { color: #F0F6FC; } [data-theme="dark"] .faq-item:hover .faq-question { background: #111111; } [data-theme="dark"] .faq-toggle { color: #4BA8D4; } [data-theme="dark"] .faq-answer-content { color: #8B9AB0; } [data-theme="dark"] .contact-cta { background: rgba(75,168,212,0.05); border-color: #1E1E1E; } [data-theme="dark"] .contact-cta h3 { color: #F0F6FC; } [data-theme="dark"] .contact-cta p { color: #4E6070; } /* ═══════════════════════════════════════════ PRIVACY POLICY / TERMS / REFUND ═══════════════════════════════════════════ */ [data-theme="dark"] .privacy-body, [data-theme="dark"] .terms-body, [data-theme="dark"] .refund-body { background: #000000; } [data-theme="dark"] .page-header h1 { color: #F0F6FC; } [data-theme="dark"] .page-header p { color: #8B9AB0; } [data-theme="dark"] .last-updated { color: #4E6070; } [data-theme="dark"] .content-section h2 { color: #F0F6FC; border-bottom-color: #1E1E1E; } [data-theme="dark"] .content-section h3 { color: #C8D8E8; } [data-theme="dark"] .content-section p { color: #8B9AB0; } [data-theme="dark"] .content-section ul li { color: #8B9AB0; } [data-theme="dark"] .highlight-box { background: rgba(75,168,212,0.05); border-left-color: #4BA8D4; } [data-theme="dark"] .toc { background: #0D0D0D; box-shadow: 0 2px 8px rgba(0,0,0,0.3); border-color: #1E1E1E; } [data-theme="dark"] .toc h3 { color: #F0F6FC; } [data-theme="dark"] .toc a { color: #4BA8D4; } [data-theme="dark"] .toc a:hover { color: #4ADE80; } /* Info cards (refund page) */ [data-theme="dark"] .info-card { background: #0D0D0D; border-color: #1E1E1E; } /* ═══════════════════════════════════════════ BECOME A PARTNER ═══════════════════════════════════════════ */ [data-theme="dark"] .partner-hero { background: linear-gradient(135deg, rgba(0,0,0,0.9), rgba(10,48,82,0.9)); } [data-theme="dark"] .partner-section { background: #000000; } [data-theme="dark"] .partner-content h2 { color: #F0F6FC; } [data-theme="dark"] .partner-content p { color: #8B9AB0; } [data-theme="dark"] .partner-benefit-title { color: #F0F6FC; } [data-theme="dark"] .partner-benefits-list li { color: #8B9AB0; } [data-theme="dark"] .partner-image { background: #111111; } [data-theme="dark"] .why-join-section { background: #080808; } [data-theme="dark"] .why-join-title { color: #F0F6FC; } [data-theme="dark"] .why-join-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .why-join-card:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.3); } [data-theme="dark"] .why-join-text { color: #8B9AB0; } [data-theme="dark"] .seller-story-card { background: #0D0D0D !important; background-image: none !important; border-color: #1E1E1E; } [data-theme="dark"] .seller-story-card:hover { box-shadow: 0 8px 20px rgba(0,0,0,0.3); } [data-theme="dark"] .story-text { color: #8B9AB0; } [data-theme="dark"] .story-author-name { color: #F0F6FC; } [data-theme="dark"] .seller-stories-title { color: #F0F6FC; } /* ═══════════════════════════════════════════ PAYMENT STATUS PAGES (confirmed, failed) ═══════════════════════════════════════════ */ [data-theme="dark"] .status-title { color: #F0F6FC; } [data-theme="dark"] .status-message { color: #8B9AB0; } [data-theme="dark"] .btn-primary { background: linear-gradient(135deg, #13618C, #297B35); color: #fff; } /* ═══════════════════════════════════════════ FOOTER (already dark — deepened to true black) ═══════════════════════════════════════════ */ [data-theme="dark"] .ft { background-color: #000000; } [data-theme="dark"] .ft__top { border-bottom-color: #1E1E1E; } [data-theme="dark"] .ft__bottom { background: #000000; border-top-color: #1E1E1E; } [data-theme="dark"] .ft__contact-icon { background: rgba(255,255,255,0.03); border-color: #1E1E1E; } [data-theme="dark"] .ft__social { background: rgba(255,255,255,0.03); border-color: #1E1E1E; } [data-theme="dark"] .ft__pay-badge { background: rgba(255,255,255,0.03); border-color: #1E1E1E; } /* ═══════════════════════════════════════════ GENERIC FORM INPUTS (global fallback) ═══════════════════════════════════════════ */ [data-theme="dark"] input[type="text"], [data-theme="dark"] input[type="email"], [data-theme="dark"] input[type="tel"], [data-theme="dark"] input[type="password"], [data-theme="dark"] input[type="number"], [data-theme="dark"] select, [data-theme="dark"] textarea { background: #111111; border-color: #2A2A2A; color: #F0F6FC; } [data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: #4E6070; } [data-theme="dark"] input:focus, [data-theme="dark"] select:focus, [data-theme="dark"] textarea:focus { border-color: #4BA8D4; box-shadow: 0 0 0 3px rgba(75,168,212,0.10); outline: none; } /* ═══════════════════════════════════════════ TOAST / MODALS ═══════════════════════════════════════════ */ [data-theme="dark"] .toast, [data-theme="dark"] .modal { background: #0D0D0D; border-color: #2A2A2A; color: #F0F6FC; } /* ═══════════════════════════════════════════ DARK MODE TOGGLE BUTTON ═══════════════════════════════════════════ */ .dm-toggle { display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; border: 1.5px solid #E2E8F0; background: #F8FAFC; color: #475569; cursor: pointer; transition: all 0.2s; flex-shrink: 0; } .dm-toggle:hover { border-color: #CBD5E1; background: #F1F5F9; color: #0F172A; } [data-theme="dark"] .dm-toggle { background: #111111; border-color: #2A2A2A; color: #8B9AB0; } [data-theme="dark"] .dm-toggle:hover { background: #1A1A1A; border-color: #4BA8D4; color: #4BA8D4; } /* Show sun icon in dark mode, moon icon in light mode */ .dm-toggle .dm-icon-moon { display: block; } .dm-toggle .dm-icon-sun { display: none; } [data-theme="dark"] .dm-toggle .dm-icon-moon { display: none; } [data-theme="dark"] .dm-toggle .dm-icon-sun { display: block; } /* ═══════════════════════════════════════════ HERO CARD – DARK MODE ═══════════════════════════════════════════ */ [data-theme="dark"] .hero-slider .search-filter { background: rgba(0, 0, 0, 0.30); border-color: rgba(255,255,255,0.12); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5), inset 0 1.5px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(255,255,255,0.05); } [data-theme="dark"] .hero-eyebrow { background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.20); color: #fff; } [data-theme="dark"] .hero-slider .search-filter h2 { color: #F0F6FC; } [data-theme="dark"] .hero-slider .search-filter > p { color: rgba(255,255,255,0.65); } [data-theme="dark"] .hero-cta-btn { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.15); } [data-theme="dark"] .hero-cta-btn:hover { background: rgba(255,255,255,0.14); } [data-theme="dark"] .hcb-title { color: #F0F6FC; } [data-theme="dark"] .hcb-sub { color: rgba(255,255,255,0.50); } /* Mobile stacked layout: hero card sits on solid bg, needs dark-mode colour */ @media (max-width: 768px) { [data-theme="dark"] .hero-slider .hero-overlay { background: #0F172A; } [data-theme="dark"] .hero-slider .search-filter { background: transparent; border: none; box-shadow: none; } [data-theme="dark"] .hero-slider .search-filter h2 { color: #F0F6FC; } [data-theme="dark"] .hero-slider .search-filter > p { color: rgba(255,255,255,0.55); } [data-theme="dark"] .hero-eyebrow { background: rgba(75, 168, 212, 0.12); border-color: rgba(75, 168, 212, 0.30); color: #7DD3FC; } [data-theme="dark"] .hero-cta-btn { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.10); } [data-theme="dark"] .hero-cta-btn--parts:hover { background: rgba(19, 97, 140, 0.20); } [data-theme="dark"] .hero-cta-btn--cars:hover { background: rgba(41, 123, 53, 0.20); } [data-theme="dark"] .hcb-divider::before, [data-theme="dark"] .hcb-divider::after { background: rgba(255,255,255,0.10); } [data-theme="dark"] .hcb-divider span { color: rgba(255,255,255,0.35); } [data-theme="dark"] .hcb-arrow { color: rgba(255,255,255,0.30); } } /* ═══════════════════════════════════════════ ROUND-2 TARGETED FIXES ═══════════════════════════════════════════ */ /* ── Logo: keep natural brand colors in dark mode ── */ .logo-dark-img { display: none; } [data-theme="dark"] .logo-light-img { display: none; } [data-theme="dark"] .logo-dark-img { display: block; } /* ── Webkit autofill: prevent black-box highlight ── */ [data-theme="dark"] input:-webkit-autofill, [data-theme="dark"] input:-webkit-autofill:hover, [data-theme="dark"] input:-webkit-autofill:focus, [data-theme="dark"] input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 50px #111111 inset !important; -webkit-text-fill-color: #F0F6FC !important; caret-color: #F0F6FC; } /* ── Car badge: preserve gold gradient — do NOT mute it ── */ [data-theme="dark"] .car-badge { background: linear-gradient(135deg, #FFD75E 0%, #EFAC22 50%, #B07A30 100%) !important; color: #1a120a !important; border: none !important; } /* ── Tailwind global utility overrides ── */ [data-theme="dark"] .bg-white { background-color: #0D0D0D !important; } [data-theme="dark"] .bg-white\/80 { background-color: #0D0D0D !important; } [data-theme="dark"] .bg-slate-50 { background-color: #000000 !important; } [data-theme="dark"] .bg-slate-100 { background-color: #0D0D0D !important; } [data-theme="dark"] .text-slate-900 { color: #F0F6FC !important; } [data-theme="dark"] .text-slate-800 { color: #F0F6FC !important; } [data-theme="dark"] .text-slate-700 { color: #8B9AB0 !important; } [data-theme="dark"] .text-slate-600 { color: #8B9AB0 !important; } [data-theme="dark"] .text-slate-500 { color: #4E6070 !important; } [data-theme="dark"] .text-slate-400 { color: #4E6070 !important; } [data-theme="dark"] .border-slate-200, [data-theme="dark"] .border-slate-100 { border-color: #1E1E1E !important; } [data-theme="dark"] .text-gray-900 { color: #F0F6FC !important; } [data-theme="dark"] .text-gray-700 { color: #8B9AB0 !important; } [data-theme="dark"] .text-gray-500 { color: #4E6070 !important; } [data-theme="dark"] .text-gray-400 { color: #4E6070 !important; } [data-theme="dark"] .bg-gray-50\/50 { background-color: #111111 !important; } [data-theme="dark"] .bg-gray-100\/80 { background-color: #111111 !important; } [data-theme="dark"] .border-gray-200 { border-color: #2A2A2A !important; } /* ── My Account: override inline styles with !important ── */ [data-theme="dark"] .my-account-wrapper { background-color: #000000 !important; } [data-theme="dark"] .my-account-sidebar > div { border-bottom-color: #1E1E1E !important; background: #0D0D0D !important; } [data-theme="dark"] .sidebar-menu-item.active { background-color: #161616 !important; color: #F0F6FC !important; } [data-theme="dark"] .sidebar-menu-item.active svg path, [data-theme="dark"] .sidebar-menu-item.active svg rect { stroke: #4BA8D4 !important; } [data-theme="dark"] .edit-btn { background: #161616 !important; color: #8B9AB0 !important; border: 1px solid #2A2A2A !important; } [data-theme="dark"] .address-btn { background: #161616 !important; color: #8B9AB0 !important; border: 1px solid #2A2A2A !important; } [data-theme="dark"] label.block { color: #8B9AB0 !important; } [data-theme="dark"] input[disabled] { background: #111111 !important; color: #8B9AB0 !important; border-color: #2A2A2A !important; opacity: 1 !important; } /* Divider line between sidebar nav items */ [data-theme="dark"] .my-account-sidebar [style*="background:#f1f5f9"] { background: #1E1E1E !important; } /* ── AUTO-PARTS STORE PAGE ── */ [data-theme="dark"] .store-page { background: #000000 !important; } [data-theme="dark"] .store-header-wrap { background: #0D0D0D !important; border-bottom-color: #1E1E1E !important; box-shadow: 0 1px 4px rgba(0,0,0,0.4) !important; } [data-theme="dark"] .store-logo-wrap { background: #111111 !important; border-color: #1E1E1E !important; } [data-theme="dark"] .store-verified { color: #4ADE80 !important; } [data-theme="dark"] .store-header-search-input { background: #111111 !important; border-color: #2A2A2A !important; color: #F0F6FC !important; } [data-theme="dark"] .store-header-search-input:focus { background: #161616 !important; border-color: #4BA8D4 !important; box-shadow: 0 0 0 3px rgba(75,168,212,0.10) !important; } /* Parts store hero search */ [data-theme="dark"] .parts-search-inner { background: #111111 !important; box-shadow: none !important; } [data-theme="dark"] .parts-search-icon { color: #4E6070 !important; } [data-theme="dark"] .parts-search-input { background: transparent !important; color: #F0F6FC !important; } [data-theme="dark"] .parts-search-input::placeholder { color: #4E6070 !important; } /* Store category pills */ [data-theme="dark"] .store-cat-pill { background: #0D0D0D !important; border-color: #2A2A2A !important; color: #8B9AB0 !important; } [data-theme="dark"] .store-cat-pill:hover { background: #161616 !important; border-color: #4BA8D4 !important; color: #4BA8D4 !important; } [data-theme="dark"] .store-cat-pill.selected { background: linear-gradient(135deg, #13618C, #297B35) !important; border-color: transparent !important; color: #fff !important; } [data-theme="dark"] .store-subcat-bar { border-bottom-color: #1E1E1E; } [data-theme="dark"] .store-subcat-pill { background: #0D0D0D !important; border-color: #2A2A2A !important; color: #4E6070 !important; } [data-theme="dark"] .store-subcat-pill:hover { background: #111111 !important; color: #8B9AB0 !important; } [data-theme="dark"] .store-subcat-pill.selected { background: rgba(75,168,212,0.08) !important; border-color: #4BA8D4 !important; color: #4BA8D4 !important; } [data-theme="dark"] .store-product-count { color: #4E6070; } /* Product cards on store page */ [data-theme="dark"] .store-card { background: #0D0D0D !important; border-color: #1E1E1E !important; } [data-theme="dark"] .store-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.4) !important; } [data-theme="dark"] .store-card-img-wrap { background: #111111 !important; } [data-theme="dark"] .store-card-info { background: #0D0D0D !important; } [data-theme="dark"] .store-card-title { color: #C8D8E8 !important; } [data-theme="dark"] .store-card-current { color: #4BA8D4 !important; } [data-theme="dark"] .store-card-original{ color: #4E6070 !important; } [data-theme="dark"] .store-card-cart { background: #111111 !important; border-color: #2A2A2A !important; color: #8B9AB0 !important; } [data-theme="dark"] .store-card-cart:hover { background: linear-gradient(135deg, #13618C, #297B35) !important; border-color: transparent !important; color: #fff !important; } [data-theme="dark"] .store-empty h3 { color: #8B9AB0; } [data-theme="dark"] .store-empty p { color: #4E6070; } /* ── DREAM CAR / AUTO PARTS HERO SEARCH INNER ── */ [data-theme="dark"] .hero-search-inner { background: #111111 !important; box-shadow: none !important; } [data-theme="dark"] .hero-search-input { background: transparent !important; color: #F0F6FC !important; } [data-theme="dark"] .hero-search-input::placeholder { color: #4E6070 !important; } [data-theme="dark"] .hero-search-icon { color: #4E6070 !important; } [data-theme="dark"] .hero-search-btn { background: linear-gradient(135deg, #13618C, #297B35) !important; color: #fff !important; border: none !important; } /* ── HOME SEARCH BARS: make input transparent to match container ── */ [data-theme="dark"] .dc-search-input, [data-theme="dark"] .home-products-search-input { background: transparent !important; } [data-theme="dark"] .home-products-search-wrap { background: #111111 !important; border-color: #2A2A2A !important; } [data-theme="dark"] .home-products-search-wrap:focus-within { border-color: #4BA8D4 !important; box-shadow: 0 0 0 3px rgba(75,168,212,0.10) !important; } [data-theme="dark"] .dc-search-wrap { background: #111111 !important; border-color: #2A2A2A !important; } [data-theme="dark"] .dc-search-wrap:focus-within { border-color: #4BA8D4 !important; box-shadow: 0 0 0 3px rgba(75,168,212,0.10) !important; } /* ── NEWSLETTER SECTION (home page bottom-banner) ── */ [data-theme="dark"] .newsletter-section { background: transparent; } [data-theme="dark"] .newsletter-input { background: #111111 !important; color: #F0F6FC !important; border-color: #2A2A2A !important; } [data-theme="dark"] .newsletter-input::placeholder { color: #4E6070 !important; } [data-theme="dark"] .newsletter-disclaimer { color: #4E6070 !important; } [data-theme="dark"] .newsletter-disclaimer a { color: #4BA8D4 !important; } /* ── DREAM CAR OVERVIEW PAGE ── */ [data-theme="dark"] .overview-page { background-color: #000000 !important; } [data-theme="dark"] .overview-content { background: #0D0D0D !important; border-color: #1E1E1E !important; box-shadow: none !important; } [data-theme="dark"] .main-image { background: #111111 !important; } [data-theme="dark"] .view-gallery-btn { background: rgba(13,13,13,0.85) !important; border-color: rgba(255,255,255,0.1) !important; color: #F0F6FC !important; } [data-theme="dark"] .thumbnails img { border-color: #2A2A2A; } [data-theme="dark"] .thumbnails img:hover { border-color: #4BA8D4; } [data-theme="dark"] .details-section h1 { color: #F0F6FC !important; } [data-theme="dark"] .location-details { color: #8B9AB0 !important; } [data-theme="dark"] .price { background: linear-gradient(135deg, #4BA8D4, #4ADE80) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } [data-theme="dark"] .price-negotiable { background: #111111 !important; border-color: #2A2A2A !important; color: #8B9AB0 !important; } [data-theme="dark"] .make-badge { background: #111111 !important; border-color: #2A2A2A !important; color: #8B9AB0 !important; } [data-theme="dark"] .car-spec-item { background: #111111 !important; border-color: #2A2A2A !important; } [data-theme="dark"] .car-spec-item .spec-label { color: #C8D8E8 !important; } [data-theme="dark"] .call-for-price { background: linear-gradient(135deg, rgba(75,168,212,0.05), rgba(13,13,13,0.9)) !important; border-color: rgba(75,168,212,0.15) !important; } [data-theme="dark"] .call-for-price-label { color: #F0F6FC !important; } [data-theme="dark"] .call-for-price-sub { color: #4E6070 !important; } [data-theme="dark"] .posted-info { background: #111111 !important; border-color: #1E1E1E !important; } [data-theme="dark"] .posted-by-label > span:first-child { color: #4E6070 !important; } [data-theme="dark"] .store-logo { border-color: #2A2A2A !important; } [data-theme="dark"] .overview-section h2 { color: #F0F6FC !important; border-bottom-color: #1E1E1E !important; } [data-theme="dark"] .spec-grid-item { background: #111111 !important; border-color: #1E1E1E !important; } [data-theme="dark"] .spec-icon-wrap { background: rgba(75,168,212,0.08) !important; color: #4BA8D4 !important; } [data-theme="dark"] .spec-name { color: #4E6070 !important; } [data-theme="dark"] .spec-value { color: #C8D8E8 !important; } [data-theme="dark"] .specs-table { border-color: #1E1E1E !important; } [data-theme="dark"] .spec-pair { background: #0D0D0D !important; border-bottom-color: #1E1E1E !important; border-right-color: #1E1E1E !important; } [data-theme="dark"] .spec-pair:hover { background: #111111 !important; } [data-theme="dark"] .spec-pair-icon { background: #161616 !important; color: #4BA8D4 !important; } [data-theme="dark"] .spec-pair .spec-label { color: #4E6070 !important; } [data-theme="dark"] .spec-pair .spec-value { color: #C8D8E8 !important; } [data-theme="dark"] .tabs-section { border-top-color: #1E1E1E !important; } [data-theme="dark"] .tabs { border-bottom-color: #1E1E1E !important; } [data-theme="dark"] .tabs .tab-btn { color: #4E6070 !important; } [data-theme="dark"] .tabs .tab-btn:hover { color: #8B9AB0 !important; } [data-theme="dark"] .tabs .tab-btn.active { color: #4BA8D4 !important; border-bottom-color: #4BA8D4 !important; } [data-theme="dark"] .features-list li { background: #111111 !important; border-color: #1E1E1E !important; color: #8B9AB0 !important; } [data-theme="dark"] #description p { color: #8B9AB0 !important; } [data-theme="dark"] .location-details-expanded { background: #111111 !important; border-color: #1E1E1E !important; } [data-theme="dark"] .location-details-expanded h3 { color: #F0F6FC !important; } [data-theme="dark"] .location-details-expanded p { color: #8B9AB0 !important; } [data-theme="dark"] .save-btn, [data-theme="dark"] .share-btn { background: #111111 !important; border-color: #2A2A2A !important; color: #8B9AB0 !important; } [data-theme="dark"] .save-btn:hover, [data-theme="dark"] .share-btn:hover { background: #161616 !important; border-color: #4BA8D4 !important; } [data-theme="dark"] .related-section .section-header h2 { color: #F0F6FC !important; } [data-theme="dark"] .overview-page .car-card { background: #0D0D0D !important; border-color: #1E1E1E !important; } [data-theme="dark"] .overview-page .car-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important; } [data-theme="dark"] .overview-page .car-details-section h3 { color: #C8D8E8 !important; } [data-theme="dark"] .overview-page .car-location { color: #4E6070 !important; } [data-theme="dark"] .view-more-btn { border-color: #4BA8D4 !important; color: #4BA8D4 !important; } [data-theme="dark"] .view-more-btn:hover { background: linear-gradient(135deg, #13618C, #297B35) !important; color: #fff !important; border-color: transparent !important; } /* ── HOME: "Your Dream Car" heading ── */ [data-theme="dark"] .home-dream-car-section .section-header h2, [data-theme="dark"] .home-dream-car-section .dc-section-header h2, [data-theme="dark"] .home-dream-car-section h2 { color: #F0F6FC !important; } [data-theme="dark"] .dream-car-section .section-header h2, [data-theme="dark"] .dream-car-section h2, [data-theme="dark"] .dream-car-section h3 { color: #F0F6FC !important; } [data-theme="dark"] .dream-car-section { background: #000000; } [data-theme="dark"] .dream-car-section .section-header { border-bottom-color: #1E1E1E; } /* ── HOME: Auto parts product listing ── */ [data-theme="dark"] .products-section { background: #000000; } [data-theme="dark"] .products-section .section-header h2 { color: #F0F6FC !important; } [data-theme="dark"] .products-grid { background: #000000; } [data-theme="dark"] .product-card .product-info h3, [data-theme="dark"] .product-card h3 { color: #C8D8E8 !important; } [data-theme="dark"] .product-card .product-name { color: #C8D8E8 !important; } [data-theme="dark"] .product-card .product-brand { color: #4E6070 !important; } [data-theme="dark"] .product-card .product-price { color: #4BA8D4 !important; } [data-theme="dark"] .product-card .original-price { color: #4E6070 !important; } [data-theme="dark"] .product-card .sale-price { color: #4BA8D4 !important; } /* ═══════════════════════════════════════════ SCROLLBAR ═══════════════════════════════════════════ */ [data-theme="dark"] ::-webkit-scrollbar { width: 6px; height: 6px; } [data-theme="dark"] ::-webkit-scrollbar-track { background: #0D0D0D; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #2A2A2A; border-radius: 3px; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #3A3A3A; } /* ═══════════════════════════════════════════ SMOOTH TRANSITION on theme switch ═══════════════════════════════════════════ */ body, .site-header-wrapper, .hdr-main, .usp-section, .products-section, .home-dream-car-section, .car-card, .product-card, .spec-card, .make-badge, .filter-section, .cart-popup, .cart-item, .ft, .ft__bottom, .pd-card, .pd-page, .cart-page, .store-group, .cart-sidebar__card, .checkout-section, .checkout-sidebar, .payment-section, .payment-sidebar, .my-account-sidebar, .section-wrapper, .order-card, .contact-form-card, .faq-item, .category-card, .toc { transition: background-color 0.25s ease, border-color 0.25s ease, color 0.15s ease; } /* ═══════════════════════════════════════════ PRODUCTS PAGE (/products) ═══════════════════════════════════════════ */ [data-theme="dark"] .products-page { background: #000000 !important; } /* Promo banner (On Sale section) */ [data-theme="dark"] .banner-section { background: #000000 !important; } [data-theme="dark"] .banner-container { border-color: #1E1E1E !important; } [data-theme="dark"] .banner-title { color: #F0F6FC !important; } [data-theme="dark"] .banner-description { color: #8B9AB0 !important; } /* Hero search bar inner (white bg in inline style) */ [data-theme="dark"] .products-hero-search-inner { background: #111111 !important; box-shadow: none !important; } [data-theme="dark"] .products-hero-search input { background: transparent !important; color: #F0F6FC !important; } [data-theme="dark"] .products-hero-search input::placeholder { color: #4E6070 !important; } /* Breadcrumb on products page (shared class .prd-breadcrumb already covered) */ /* Sidebar filter toggle button */ [data-theme="dark"] .prd-filter-toggle { background: #0D0D0D !important; border-color: #1E1E1E !important; color: #8B9AB0 !important; } /* Sidebar sections (each filter/category card) */ [data-theme="dark"] .prd-sidebar-section { background: #0D0D0D !important; border-color: #1E1E1E !important; } [data-theme="dark"] .prd-sidebar-title { color: #4E6070 !important; } /* Category links in sidebar */ [data-theme="dark"] .category-links a { color: #8B9AB0 !important; border-bottom-color: #1E1E1E !important; } [data-theme="dark"] .category-links a:hover { color: #4BA8D4 !important; } /* Filter headings */ [data-theme="dark"] .prd-filter-heading { color: #C8D8E8 !important; } [data-theme="dark"] .prd-chevron { color: #4E6070 !important; } /* All Parts / category buttons */ [data-theme="dark"] .prd-cat-all { color: #8B9AB0 !important; } [data-theme="dark"] .prd-cat-all:hover { color: #4BA8D4 !important; background: rgba(75,168,212,0.06) !important; } [data-theme="dark"] .prd-cat-all.selected { color: #4BA8D4 !important; background: rgba(75,168,212,0.08) !important; } /* Main category buttons */ [data-theme="dark"] .prd-main-cat-btn { color: #8B9AB0 !important; } [data-theme="dark"] .prd-main-cat-btn:hover { color: #4BA8D4 !important; background: rgba(75,168,212,0.06) !important; } [data-theme="dark"] .prd-main-cat-btn.active { color: #4BA8D4 !important; } /* Sub-category list */ [data-theme="dark"] .prd-sub-list { background: #080808 !important; border-top-color: #1E1E1E !important; border-bottom-color: #1E1E1E !important; } [data-theme="dark"] .prd-sub-btn { color: #4E6070 !important; } [data-theme="dark"] .prd-sub-btn::before { background: #2A2A2A !important; } [data-theme="dark"] .prd-sub-btn:hover { color: #4BA8D4 !important; background: rgba(75,168,212,0.04) !important; } [data-theme="dark"] .prd-sub-btn:hover::before { background: #4BA8D4 !important; } [data-theme="dark"] .prd-sub-btn.active { color: #4BA8D4 !important; background: rgba(75,168,212,0.08) !important; } [data-theme="dark"] .prd-sub-btn.active::before { background: #4BA8D4 !important; } /* Products area header bar */ [data-theme="dark"] .products-header { background: #0D0D0D !important; border-color: #1E1E1E !important; } [data-theme="dark"] .products-header h2 { color: #F0F6FC !important; } [data-theme="dark"] .prd-count-badge { background: #161616 !important; color: #4E6070 !important; } /* Sort dropdown */ [data-theme="dark"] .sort-select { background-color: #111111 !important; border-color: #2A2A2A !important; color: #8B9AB0 !important; } [data-theme="dark"] .sort-select:focus { border-color: #4BA8D4 !important; background-color: #161616 !important; } /* ═══════════════════════════════════════════ AUTO-STORE ALL-PRODUCTS PAGE ═══════════════════════════════════════════ */ [data-theme="dark"] .all-products-page { background: #000000 !important; } [data-theme="dark"] .products-container { background: transparent !important; } /* Sidebar (white card) */ [data-theme="dark"] .sidebar { background-color: #0D0D0D !important; border: 1px solid #1E1E1E !important; } [data-theme="dark"] .sidebar-title { color: #C8D8E8 !important; border-bottom-color: #1E1E1E !important; } [data-theme="dark"] .category-list li a { color: #8B9AB0 !important; } [data-theme="dark"] .category-list li a:hover { color: #4BA8D4 !important; } /* All-products sort header */ [data-theme="dark"] .products-header::after { background-color: #1E1E1E !important; } /* ═══════════════════════════════════════════ CAR-STORE PAGE — MISSING RULES ═══════════════════════════════════════════ */ /* Breadcrumb back link text */ [data-theme="dark"] .store-breadcrumb a { color: #8B9AB0 !important; } [data-theme="dark"] .store-breadcrumb a:hover { color: #4BA8D4 !important; } /* Store hero search inner (white bg in inline style) */ [data-theme="dark"] .store-search-inner { background: #111111 !important; box-shadow: none !important; } [data-theme="dark"] .store-search-input { color: #F0F6FC !important; background: transparent !important; } [data-theme="dark"] .store-search-input::placeholder { color: #4E6070 !important; } [data-theme="dark"] .store-search-icon { color: #4E6070 !important; } /* Cars listing section — add !important for specificity */ [data-theme="dark"] .cars-listing { background: #000000 !important; } /* Search results count */ [data-theme="dark"] .search-results-count { color: #4E6070 !important; } /* ═══════════════════════════════════════════ BOTTOM BANNER / NEWSLETTER ═══════════════════════════════════════════ */ [data-theme="dark"] .bottom-banner-section { background: #000000 !important; } [data-theme="dark"] .bottom-banner-section .newsletter-section { background: linear-gradient(135deg, #1a3a4a 0%, #1a2a1a 100%) !important; padding: 64px 60px !important; } [data-theme="dark"] .bottom-banner-section .newsletter-tag { background: rgba(75,168,212,0.15) !important; border-color: rgba(75,168,212,0.3) !important; color: #4BA8D4 !important; } [data-theme="dark"] .bottom-banner-section .newsletter-left h2 { color: #F0F6FC !important; } [data-theme="dark"] .bottom-banner-section .newsletter-left p { color: #8B9AB0 !important; } [data-theme="dark"] .bottom-banner-section .newsletter-form-row { background: rgba(75,168,212,0.08) !important; border-color: rgba(75,168,212,0.15) !important; } [data-theme="dark"] .bottom-banner-section .newsletter-input { color: #F0F6FC !important; background: transparent !important; } [data-theme="dark"] .bottom-banner-section .newsletter-input::placeholder { color: #4E6070 !important; } [data-theme="dark"] .bottom-banner-section .newsletter-btn { background: linear-gradient(135deg, #13618C 0%, #297B35 100%) !important; color: #fff !important; } [data-theme="dark"] .bottom-banner-section .newsletter-btn:hover { background: linear-gradient(135deg, #0f4a6a 0%, #1f5f27 100%) !important; transform: translateY(-1px) !important; } [data-theme="dark"] .bottom-banner-section .newsletter-disclaimer { color: #8B9AB0 !important; } [data-theme="dark"] .bottom-banner-section .newsletter-disclaimer a { color: #4BA8D4 !important; text-decoration: underline !important; } /* Features Section */ [data-theme="dark"] .bottom-banner-section .features-section { background: #0D0D0D !important; } [data-theme="dark"] .bottom-banner-section .feature-divider { background: rgba(75,168,212,0.1) !important; } [data-theme="dark"] .bottom-banner-section .feature-icon { color: #4BA8D4 !important; } [data-theme="dark"] .bottom-banner-section .feature-text h4 { color: #F0F6FC !important; } [data-theme="dark"] .bottom-banner-section .feature-text p { color: #8B9AB0 !important; } /* ═══════════════════════════════════════════ PAGINATION CONTAINER ═══════════════════════════════════════════ */ [data-theme="dark"] .pagination { background: #0D0D0D !important; border-color: #1E1E1E !important; border-top-color: #1E1E1E !important; box-shadow: none !important; } /* ═══════════════════════════════════════════ SKELETON / SHIMMER — ALL PAGES ═══════════════════════════════════════════ */ /* Generic skeleton boxes and lines (products page, cart page) */ [data-theme="dark"] .skeleton-box, [data-theme="dark"] .skeleton-line, [data-theme="dark"] .skeleton-bar, [data-theme="dark"] .skeleton-store, [data-theme="dark"] .skeleton-link, [data-theme="dark"] .skeleton-title, [data-theme="dark"] .skeleton-subtitle, [data-theme="dark"] .skeleton-price, [data-theme="dark"] .skeleton-old-price { background: linear-gradient(90deg, #1A1A1A 25%, #252525 50%, #1A1A1A 75%) !important; background-size: 400% 100% !important; } /* Cart skeleton item wrapper */ [data-theme="dark"] .cart-skeleton-item { background: #111111 !important; border-color: #1E1E1E !important; } /* Header cart dropdown skeleton lines */ [data-theme="dark"] .cart-skeleton-line { background: linear-gradient(90deg, #1A1A1A 25%, #252525 37%, #1A1A1A 63%) !important; background-size: 400% 100% !important; } /* Dream-car skeleton (home & /dream-car page) */ [data-theme="dark"] .dream-skeleton-box, [data-theme="dark"] .dream-skeleton-line, [data-theme="dark"] .dream-car-section .dream-skeleton-box, [data-theme="dark"] .dream-car-section .dream-skeleton-line { background: #1A1A1A !important; } [data-theme="dark"] .dream-skeleton-box::after, [data-theme="dark"] .dream-skeleton-line::after, [data-theme="dark"] .dream-car-section .dream-skeleton-box::after, [data-theme="dark"] .dream-car-section .dream-skeleton-line::after { background: linear-gradient(90deg, rgba(26,26,26,0) 0%, rgba(50,50,50,0.7) 45%, rgba(26,26,26,0) 100%) !important; } /* Fast-moving section skeleton (home) */ [data-theme="dark"] .fast-moving-section .skeleton-box, [data-theme="dark"] .fast-moving-section .skeleton-line { background: linear-gradient(90deg, #1A1A1A 25%, #252525 37%, #1A1A1A 63%) !important; background-size: 400% 100% !important; } /* Product card skeleton on products/auto-store pages */ [data-theme="dark"] .skeleton-card { background: #0D0D0D !important; border-color: #1E1E1E !important; } /* ═══════════════════════════════════════════ ABOUT US PAGE (.au-*) ═══════════════════════════════════════════ */ /* Stats bar */ [data-theme="dark"] .au-stats-bar { background: #0D0D0D; border-bottom-color: #1E1E1E; box-shadow: 0 2px 12px rgba(0,0,0,0.5); } [data-theme="dark"] .au-stat span { color: #8B9AB0; } [data-theme="dark"] .au-stats-sep { background: #1E1E1E; } /* Labels & headings */ [data-theme="dark"] .au-label { color: #4BA8D4; } [data-theme="dark"] .au-section-header h2, [data-theme="dark"] .au-story-heading { color: #F0F6FC; } [data-theme="dark"] .au-section-sub { color: #8B9AB0; } /* Our Story */ [data-theme="dark"] .au-story { background: #080808; } [data-theme="dark"] .au-story-text p { color: #8B9AB0; } [data-theme="dark"] .au-checklist li { color: #F0F6FC; } [data-theme="dark"] .au-quote-card { background: #0D0D0D; box-shadow: 0 8px 40px rgba(0,0,0,0.5); } [data-theme="dark"] .au-quote-body blockquote { color: #8B9AB0; } [data-theme="dark"] .au-quote-body cite { color: #4BA8D4; } /* Vision & Mission */ [data-theme="dark"] .au-vm-section { background: #000000; } [data-theme="dark"] .au-vm-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .au-vm-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.6); } [data-theme="dark"] .au-vm-body h3 { color: #F0F6FC; } [data-theme="dark"] .au-vm-body p { color: #8B9AB0; } /* Our Values */ [data-theme="dark"] .au-values-section { background: #080808; } [data-theme="dark"] .au-value-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .au-value-card:hover { box-shadow: 0 10px 36px rgba(0,0,0,0.6); } [data-theme="dark"] .au-value-card h4 { color: #F0F6FC; } [data-theme="dark"] .au-value-card p { color: #8B9AB0; } /* ═══════════════════════════════════════════ BECOME A PARTNER PAGE (.bp-*) ═══════════════════════════════════════════ */ /* Stats bar */ [data-theme="dark"] .bp-stats-bar { background: #0D0D0D; border-bottom-color: #1E1E1E; box-shadow: 0 2px 12px rgba(0,0,0,0.5); } [data-theme="dark"] .bp-stat span { color: #8B9AB0; } [data-theme="dark"] .bp-stats-sep { background: #1E1E1E; } /* Labels & headings */ [data-theme="dark"] .bp-label { color: #4BA8D4; } [data-theme="dark"] .bp-section-header h2 { color: #F0F6FC; } [data-theme="dark"] .bp-section-sub { color: #8B9AB0; } /* Why Partner */ [data-theme="dark"] .bp-why-section { background: #080808; } [data-theme="dark"] .bp-benefit-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .bp-benefit-card:hover { box-shadow: 0 10px 36px rgba(0,0,0,0.6); } [data-theme="dark"] .bp-benefit-card h4 { color: #F0F6FC; } [data-theme="dark"] .bp-benefit-card p { color: #8B9AB0; } /* What You Can Sell */ [data-theme="dark"] .bp-sell-section { background: #000000; } [data-theme="dark"] .bp-sell-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .bp-sell-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.6); } [data-theme="dark"] .bp-sell-body h3 { color: #F0F6FC; } [data-theme="dark"] .bp-sell-body p { color: #8B9AB0; } [data-theme="dark"] .bp-sell-list li { color: #F0F6FC; } /* How It Works */ [data-theme="dark"] .bp-steps-section { background: #080808; } [data-theme="dark"] .bp-step { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .bp-step:hover { box-shadow: 0 10px 36px rgba(0,0,0,0.6); } [data-theme="dark"] .bp-step h4 { color: #F0F6FC; } [data-theme="dark"] .bp-step p { color: #8B9AB0; } /* Testimonials */ [data-theme="dark"] .bp-testimonials-section { background: #000000; } [data-theme="dark"] .bp-testimonial-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .bp-testimonial-card:hover { box-shadow: 0 10px 36px rgba(0,0,0,0.6); } [data-theme="dark"] .bp-testimonial-body p { color: #8B9AB0; } [data-theme="dark"] .bp-testimonial-author strong { color: #F0F6FC; } [data-theme="dark"] .bp-testimonial-author span { color: #8B9AB0; } /* Partner Form Side Panel */ [data-theme="dark"] .bpf-panel { background: #0D0D0D; box-shadow: -8px 0 48px rgba(0,0,0,0.7); } [data-theme="dark"] .bpf-header { background: linear-gradient(135deg, rgba(75,168,212,0.06), rgba(74,222,128,0.06)); border-bottom-color: #1E1E1E; } [data-theme="dark"] .bpf-header-text h3 { color: #F0F6FC; } [data-theme="dark"] .bpf-header-text p { color: #8B9AB0; } [data-theme="dark"] .bpf-close-btn { color: #8B9AB0; } [data-theme="dark"] .bpf-close-btn:hover { background: #161616; color: #F0F6FC; } [data-theme="dark"] .bpf-label { color: #8B9AB0; } [data-theme="dark"] .bpf-input, [data-theme="dark"] .bpf-select, [data-theme="dark"] .bpf-textarea, [data-theme="dark"] .bpf-phone-code { background: #111111; border-color: #2A2A2A; color: #F0F6FC; } [data-theme="dark"] .bpf-input:focus, [data-theme="dark"] .bpf-select:focus, [data-theme="dark"] .bpf-textarea:focus, [data-theme="dark"] .bpf-phone-code:focus { background: #161616; border-color: #4BA8D4; box-shadow: 0 0 0 3px rgba(75,168,212,0.12); } [data-theme="dark"] .bpf-input::placeholder, [data-theme="dark"] .bpf-textarea::placeholder { color: #4E6070; } [data-theme="dark"] .bpf-type-card-inner { background: #111111; border-color: #2A2A2A; } [data-theme="dark"] .bpf-type-card-inner strong { color: #F0F6FC; } [data-theme="dark"] .bpf-type-card-inner small { color: #8B9AB0; } [data-theme="dark"] .bpf-type-card.is-selected .bpf-type-card-inner, [data-theme="dark"] .bpf-type-card input:checked ~ .bpf-type-card-inner { border-color: #4BA8D4; background: rgba(75,168,212,0.08); } [data-theme="dark"] .bpf-upload-area { background: #111111; border-color: #2A2A2A; } [data-theme="dark"] .bpf-upload-area:hover, [data-theme="dark"] .bpf-upload-area.drag-over { border-color: #4BA8D4; background: rgba(75,168,212,0.06); } [data-theme="dark"] .bpf-upload-text { color: #8B9AB0; } [data-theme="dark"] .bpf-upload-hint { color: #4E6070; } [data-theme="dark"] .bpf-error-banner { background: rgba(220,38,38,0.1); border-color: rgba(220,38,38,0.3); color: #f87171; } [data-theme="dark"] .bpf-success-state h4 { color: #F0F6FC; } [data-theme="dark"] .bpf-success-state p { color: #8B9AB0; } /* ═══════════════════════════════════════════ HELP CENTER PAGE (.hc-*) ═══════════════════════════════════════════ */ /* Search box */ [data-theme="dark"] .hc-search-box { background: #111111; box-shadow: 0 8px 32px rgba(0,0,0,0.5); } [data-theme="dark"] .hc-search-box input { color: #F0F6FC; background: transparent; } [data-theme="dark"] .hc-search-box input::placeholder { color: #4E6070; } /* Category cards */ [data-theme="dark"] .hc-categories-section { background: #080808; } [data-theme="dark"] .hc-cat-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .hc-cat-card:hover { box-shadow: 0 10px 36px rgba(0,0,0,0.6); border-color: #4BA8D4; } [data-theme="dark"] .hc-cat-card h4 { color: #F0F6FC; } [data-theme="dark"] .hc-cat-card p { color: #8B9AB0; } [data-theme="dark"] .hc-cat-arrow { color: #4BA8D4; } /* No results */ [data-theme="dark"] .hc-no-results p { color: #4E6070; } /* FAQ wrapper */ [data-theme="dark"] .hc-faq-wrapper { background: #000000; } [data-theme="dark"] .hc-faq-label { color: #4BA8D4; } [data-theme="dark"] .hc-faq-section-header h2 { color: #F0F6FC; } [data-theme="dark"] .hc-faq-item { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .hc-faq-item.is-open { background: #111111; border-color: #4BA8D4; box-shadow: 0 4px 16px rgba(75,168,212,0.08); } [data-theme="dark"] .hc-faq-q { color: #F0F6FC; } [data-theme="dark"] .hc-faq-q:hover, [data-theme="dark"] .hc-faq-item.is-open .hc-faq-q { color: #4BA8D4; } [data-theme="dark"] .hc-faq-chevron { color: #4E6070; } [data-theme="dark"] .hc-faq-item.is-open .hc-faq-chevron { color: #4BA8D4; } [data-theme="dark"] .hc-faq-a-inner { color: #8B9AB0; } /* ═══════════════════════════════════════════ CONTACT US PAGE (.cu-*) ═══════════════════════════════════════════ */ /* Main section */ [data-theme="dark"] .cu-main-section { background: #080808; } /* Labels & headings */ [data-theme="dark"] .cu-label { color: #4BA8D4; } [data-theme="dark"] .cu-info-heading { color: #F0F6FC; } [data-theme="dark"] .cu-info-sub { color: #8B9AB0; } /* Info cards */ [data-theme="dark"] .cu-info-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .cu-info-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.5); } [data-theme="dark"] .cu-info-card-label { color: #4E6070; } [data-theme="dark"] .cu-info-card-value { color: #F0F6FC; } [data-theme="dark"] a.cu-info-card-value:hover { color: #4BA8D4; } /* Form card */ [data-theme="dark"] .cu-form-card { background: #0D0D0D; border-color: #1E1E1E; box-shadow: 0 8px 40px rgba(0,0,0,0.5); } [data-theme="dark"] .cu-form-title { color: #F0F6FC; } [data-theme="dark"] .cu-form-sub { color: #8B9AB0; } /* Success banner */ [data-theme="dark"] .cu-success-banner { background: rgba(22,163,74,0.1); border-color: rgba(22,163,74,0.3); color: #4ade80; } /* Form inputs */ [data-theme="dark"] .cu-field-label { color: #8B9AB0; } [data-theme="dark"] .cu-input, [data-theme="dark"] .cu-select, [data-theme="dark"] .cu-textarea { background: #111111; border-color: #2A2A2A; color: #F0F6FC; } [data-theme="dark"] .cu-input:focus, [data-theme="dark"] .cu-select:focus, [data-theme="dark"] .cu-textarea:focus { background: #161616; border-color: #4BA8D4; box-shadow: 0 0 0 3px rgba(75,168,212,0.12); } [data-theme="dark"] .cu-input::placeholder, [data-theme="dark"] .cu-textarea::placeholder { color: #4E6070; } /* ═══════════════════════════════════════════ PRIVACY POLICY PAGE (.pp-*) ═══════════════════════════════════════════ */ /* Body section */ [data-theme="dark"] .pp-body-section { background: #080808; } /* Sidebar TOC */ [data-theme="dark"] .pp-toc-card { background: #0D0D0D; border-color: #1E1E1E; box-shadow: 0 4px 20px rgba(0,0,0,0.4); } [data-theme="dark"] .pp-toc-title { color: #4E6070; } [data-theme="dark"] .pp-toc-link { color: #8B9AB0; } [data-theme="dark"] .pp-toc-link:hover { background: #161616; color: #F0F6FC; } [data-theme="dark"] .pp-toc-link.is-active { background: linear-gradient(135deg, rgba(75,168,212,0.1), rgba(74,222,128,0.1)); color: #4BA8D4; } /* Content sections */ [data-theme="dark"] .pp-section { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .pp-section:hover { box-shadow: 0 6px 28px rgba(0,0,0,0.5); } [data-theme="dark"] .pp-section-num { color: #4BA8D4; } [data-theme="dark"] .pp-section-heading { color: #4BA8D4; } [data-theme="dark"] .pp-section-toggle { color: #4BA8D4; } [data-theme="dark"] .pp-subheading { color: #F0F6FC; } [data-theme="dark"] .pp-text { color: #8B9AB0; } [data-theme="dark"] .pp-list li { color: #8B9AB0; } /* Highlight box */ [data-theme="dark"] .pp-highlight-box { background: linear-gradient(135deg, rgba(75,168,212,0.08), rgba(74,222,128,0.08)); border-color: rgba(75,168,212,0.2); } [data-theme="dark"] .pp-highlight-box p { color: #8B9AB0; } /* Contact grid */ [data-theme="dark"] .pp-contact-item { background: #111111; border-color: #2A2A2A; } [data-theme="dark"] .pp-contact-label { color: #4E6070; } [data-theme="dark"] .pp-contact-value { color: #F0F6FC; } [data-theme="dark"] a.pp-contact-value:hover { color: #4BA8D4; } /* ═══════════════════════════════════════════════════════════ TERMS & CONDITIONS PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="dark"] .tc-body-section { background: #000000; } /* Sidebar */ [data-theme="dark"] .tc-toc-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .tc-toc-title { color: #4E6070; } [data-theme="dark"] .tc-toc-link { color: #8B9AB0; } [data-theme="dark"] .tc-toc-link:hover { background: #111111; color: #F0F6FC; } [data-theme="dark"] .tc-toc-link.is-active { background: linear-gradient(135deg, rgba(75,168,212,0.1), rgba(74,222,128,0.1)); color: #4BA8D4; } /* Sections */ [data-theme="dark"] .tc-section { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .tc-section:hover { box-shadow: 0 6px 28px rgba(0,0,0,0.5); } [data-theme="dark"] .tc-section-num { color: #4BA8D4; } [data-theme="dark"] .tc-section-heading { color: #4BA8D4; } [data-theme="dark"] .tc-section-toggle { color: #4BA8D4; } [data-theme="dark"] .tc-subheading { color: #F0F6FC; } [data-theme="dark"] .tc-text { color: #8B9AB0; } [data-theme="dark"] .tc-list li { color: #8B9AB0; } /* Highlight box */ [data-theme="dark"] .tc-highlight-box { background: linear-gradient(135deg, rgba(75,168,212,0.08), rgba(74,222,128,0.08)); border-color: rgba(75,168,212,0.2); } [data-theme="dark"] .tc-highlight-box p { color: #8B9AB0; } /* Contact grid */ [data-theme="dark"] .tc-contact-label { color: #4E6070; } [data-theme="dark"] .tc-contact-value { color: #F0F6FC; } [data-theme="dark"] a.tc-contact-value:hover { color: #4BA8D4; } /* ═══════════════════════════════════════════════════════════ REFUNDS & RETURNS PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="dark"] .rr-body-section { background: #000000; } /* Sidebar */ [data-theme="dark"] .rr-toc-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .rr-toc-title { color: #4E6070; } [data-theme="dark"] .rr-toc-link { color: #8B9AB0; } [data-theme="dark"] .rr-toc-link:hover { background: #111111; color: #F0F6FC; } [data-theme="dark"] .rr-toc-link.is-active { background: linear-gradient(135deg, rgba(75,168,212,0.1), rgba(74,222,128,0.1)); color: #4BA8D4; } /* Sections */ [data-theme="dark"] .rr-section { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .rr-section:hover { box-shadow: 0 6px 28px rgba(0,0,0,0.5); } [data-theme="dark"] .rr-section-num { color: #4BA8D4; } [data-theme="dark"] .rr-section-heading { color: #4BA8D4; } [data-theme="dark"] .rr-section-toggle { color: #4BA8D4; } [data-theme="dark"] .rr-subheading { color: #F0F6FC; } [data-theme="dark"] .rr-text { color: #8B9AB0; } [data-theme="dark"] .rr-list li { color: #8B9AB0; } /* Policy grid */ [data-theme="dark"] .rr-policy-card { background: #111111; border-color: #2A2A2A; } [data-theme="dark"] .rr-policy-label { color: #4E6070; } [data-theme="dark"] .rr-policy-value { color: #F0F6FC; } [data-theme="dark"] .rr-policy-icon { color: #4BA8D4; } /* Steps */ [data-theme="dark"] .rr-step-num { background: linear-gradient(135deg, #1a6491, #2d6e2a); } /* Highlight box */ [data-theme="dark"] .rr-highlight-box { background: linear-gradient(135deg, rgba(75,168,212,0.08), rgba(74,222,128,0.08)); border-color: rgba(75,168,212,0.2); } [data-theme="dark"] .rr-highlight-box p { color: #8B9AB0; } /* Contact grid */ [data-theme="dark"] .rr-contact-label { color: #4E6070; } [data-theme="dark"] .rr-contact-value { color: #F0F6FC; } [data-theme="dark"] a.rr-contact-value:hover { color: #4BA8D4; } [data-theme="dark"] .rr-link { color: #4BA8D4; } /* ═══════════════════════════════════════════════════════════ CAREERS PAGE ═══════════════════════════════════════════════════════════ */ [data-theme="dark"] .cr-body-section { background: #000000; } /* Section Headers */ [data-theme="dark"] .cr-section-title { color: #F0F6FC; } [data-theme="dark"] .cr-section-subtitle { color: #8B9AB0; } /* Job Cards */ [data-theme="dark"] .cr-job-card { background: #0D0D0D; border-color: #1E1E1E; } [data-theme="dark"] .cr-job-card:hover { box-shadow: 0 12px 40px rgba(0,0,0,0.5); } [data-theme="dark"] .cr-job-title { color: #F0F6FC; } [data-theme="dark"] .cr-job-meta { border-bottom-color: #1E1E1E; } [data-theme="dark"] .cr-job-location, [data-theme="dark"] .cr-job-salary { color: #8B9AB0; } [data-theme="dark"] .cr-job-description { color: #8B9AB0; } .cr-job-requirements { background: #f8fafc; } [data-theme="dark"] .cr-job-requirements { background: #111111; border-left-color: #4BA8D4; } [data-theme="dark"] .cr-req-title { color: #4E6070; } [data-theme="dark"] .cr-req-list li { color: #8B9AB0; } [data-theme="dark"] .cr-req-list li::before { color: #4BA8D4; } /* CTA Box */ [data-theme="dark"] .cr-cta-box { background: linear-gradient(135deg, rgba(75,168,212,0.08), rgba(74,222,128,0.08)); border-color: rgba(75,168,212,0.2); } [data-theme="dark"] .cr-cta-icon { color: #4BA8D4; } [data-theme="dark"] .cr-cta-title { color: #F0F6FC; } [data-theme="dark"] .cr-cta-text { color: #8B9AB0; } /* Form */ [data-theme="dark"] .cr-form-title { color: #F0F6FC; } [data-theme="dark"] .cr-form-subtitle { color: #8B9AB0; } [data-theme="dark"] .cr-label { color: #F0F6FC; } [data-theme="dark"] .cr-input, [data-theme="dark"] .cr-select { background: #0D0D0D; border-color: #1E1E1E; color: #F0F6FC; } [data-theme="dark"] .cr-input:focus, [data-theme="dark"] .cr-select:focus { border-color: #4BA8D4; box-shadow: 0 0 0 3px rgba(75,168,212,0.1); } [data-theme="dark"] .cr-input::placeholder { color: #4E6070; } /* File Input */ [data-theme="dark"] .cr-file-input-display { background: #111111; border-color: #1E1E1E; } [data-theme="dark"] .cr-file-input-display svg { color: #4BA8D4; } [data-theme="dark"] .cr-file-text { color: #F0F6FC; } [data-theme="dark"] .cr-file-hint { color: #4E6070; } [data-theme="dark"] .cr-file-input:hover ~ .cr-file-input-display, [data-theme="dark"] .cr-file-input-display:hover { background: rgba(75,168,212,0.08); border-color: #4BA8D4; } /* Submit Button */ [data-theme="dark"] .cr-submit-btn { background: linear-gradient(to right, #1a6491, #2d6e2a); }