/* ========================================== DARK MODE - LitKitz Store Add class "dark-mode" to element ========================================== */ /* --- Base & Body --- */ html.dark-mode body { background-color: #0d0d1a !important; color: #e4e4f0 !important; } html.dark-mode h1, html.dark-mode h2, html.dark-mode h3, html.dark-mode h4, html.dark-mode h5, html.dark-mode h6 { color: #f0f0f8 !important; } html.dark-mode p { color: #c8c8d8; } html.dark-mode a:not(.btn):not(.product-button):not(.nav-link):not(.page-link):not(.dropdown-item) { color: #b0b0d0; } html.dark-mode a:hover:not(.btn):not(.product-button):not(.nav-link):not(.page-link):not(.dropdown-item) { color: #d0d0f0; } /* --- Header --- */ html.dark-mode .site-header { background-color: #12121e !important; } html.dark-mode .menu-top-area { background-color: #0a0a14 !important; color: #c0c0d0 !important; } html.dark-mode .menu-top-area a { color: #c0c0d0 !important; } html.dark-mode .menu-top-area .login-register:hover, html.dark-mode .t-h-dropdown a:hover, html.dark-mode .t-h-dropdown a.active { color: var(--dm-primary, inherit) !important; } html.dark-mode .topbar { background-color: #12121e !important; border-bottom: 1px solid #2a2a44; } html.dark-mode .navbar { background-color: #16162a !important; border-top: 1px solid #2a2a44; } html.dark-mode .site-header .site-menu > ul > li > a { color: #d0d0e0 !important; } html.dark-mode .site-header .site-menu > ul > li:hover > a, html.dark-mode .site-header .site-menu > ul > li.active > a { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .site-header .site-menu > ul > li .sub-menu { background-color: #1e1e36 !important; border: 1px solid #2d2d48; } html.dark-mode .site-header .site-menu > ul > li .sub-menu > li > a { color: #c8c8dc !important; } html.dark-mode .site-header .site-menu > ul > li .sub-menu > li.active > a, html.dark-mode .site-header .site-menu > ul > li .sub-menu > li:hover > a { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .site-header .search-box-wrap .input-group .form-control { background-color: #1a1a30 !important; border-color: #2d2d48 !important; color: #e4e4f0 !important; } html.dark-mode .site-header .search-box-wrap .input-group .form-control::placeholder { color: #8080a0; } html.dark-mode .site-header .search-box-wrap .input-group .serch-result { background-color: #1a1a30 !important; border: 1px solid #2d2d48 !important; } html.dark-mode .site-header .search-box-wrap .input-group .serch-result .bottom-area { border-top: 1px solid #2d2d48; } html.dark-mode .site-header .search-box-wrap .input-group .serch-result .bottom-area a { color: #c8c8dc !important; } html.dark-mode .site-header .search-box-wrap .input-group .serch-result .bottom-area a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .site-header .toolbar .toolbar-item > a > div > .text-label { color: #c0c0d0 !important; } html.dark-mode .site-header .toolbar .toolbar-item > a > div > i { color: #d0d0e0 !important; } html.dark-mode .site-header .toolbar .toolbar-item > a > div > .compare-icon > .count-label, html.dark-mode .site-header .toolbar .toolbar-item > a > div > .cart-icon > .count-label { color: #fff !important; } /* --- Topbar Dropdowns --- */ html.dark-mode .t-h-dropdown .t-h-dropdown-menu { background-color: #1e1e36 !important; border: 1px solid #2d2d48 !important; } html.dark-mode .t-h-dropdown .t-h-dropdown-menu a { color: #c8c8dc !important; } html.dark-mode .t-h-dropdown .t-h-dropdown-menu a:hover, html.dark-mode .t-h-dropdown .t-h-dropdown-menu a.active { color: var(--dm-primary, #FF6A00) !important; background-color: rgba(255, 106, 0, 0.08); } /* --- Category Navigation --- */ html.dark-mode .left-category-area .category-header { background-color: #1a1a30 !important; } html.dark-mode .left-category-area .category-header h4 { color: #f0f0f8 !important; } html.dark-mode .left-category-area .category-list { background-color: #16162a !important; border: 1px solid #2a2a44; border-top: none; } html.dark-mode .left-category-area .category-list .navi-link { border-bottom: 1px solid #2a2a44; color: #c8c8dc !important; } html.dark-mode .left-category-area .category-list .navi-link span.text-gray-dark { color: #c8c8dc !important; } html.dark-mode .left-category-area .category-list .navi-link:hover { background-color: rgba(255, 255, 255, 0.03); } html.dark-mode .left-category-area .category-list .navi-link:hover span.text-gray-dark { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .left-category-area .category-list .sub-c-box { background-color: #1a1a30 !important; } html.dark-mode .left-category-area .category-list .sub-c-box .title { color: #c8c8dc !important; } html.dark-mode .left-category-area .category-list .sub-c-box .child-category a { color: #b0b0c8 !important; } html.dark-mode .left-category-area .category-list .sub-c-box .child-category a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .left-category-area .category-list .view-all-category { color: #c8c8dc !important; } /* --- Product Cards --- */ html.dark-mode .product-card { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .product-card:hover { border-color: var(--dm-primary, #FF6A00) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); } html.dark-mode .product-card .product-card-body { background-color: transparent !important; } html.dark-mode .product-card .product-title a { color: #e0e0ee !important; } html.dark-mode .product-card .product-title a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .product-card .product-category a { color: #9090b0 !important; } html.dark-mode .product-card .product-category a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .product-card .product-price { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .product-card .product-price del { color: #707090 !important; } html.dark-mode .product-card .product-thumb { background-color: #14142a; } html.dark-mode .product-card .product-button-group .product-button { color: #c8c8dc !important; } html.dark-mode .product-card .product-badge { color: #e0e0ee !important; } html.dark-mode .product-card .product-badge.bg-secondary { background-color: #2a2a44 !important; color: #c0c0d0 !important; } html.dark-mode .product-card .product-badge.bg-info { background-color: #1a3a5c !important; } html.dark-mode .product-card .product-badge.bg-warning { background-color: #5c4a1a !important; color: #e0d0a0 !important; } html.dark-mode .product-card .product-badge.bg-danger { background-color: #5c1a1a !important; } html.dark-mode .product-card .product-badge.bg-success { background-color: #1a4a2a !important; } html.dark-mode .product-card .countdown span { color: #f0f0f8 !important; } html.dark-mode .product-card .product-card-inner { background-color: transparent; } html.dark-mode .product-card .rating-stars { color: #e0c070 !important; } html.dark-mode .product-card-list { background-color: #1a1a2e !important; } html.dark-mode .product-card.p-col { background-color: #1a1a2e !important; } /* --- Sections / Widgets / Cards --- */ html.dark-mode .card { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; color: #e4e4f0 !important; } html.dark-mode .card-body { background-color: transparent !important; color: #e4e4f0 !important; } html.dark-mode .card-header { background-color: #20203a !important; border-bottom: 1px solid #2a2a44 !important; } html.dark-mode .card-footer { background-color: #20203a !important; border-top: 1px solid #2a2a44 !important; } html.dark-mode .widget { background-color: transparent !important; } html.dark-mode .widget-title { color: #f0f0f8 !important; } html.dark-mode .section-title h2 { color: #f0f0f8 !important; } html.dark-mode .section-title .links a { color: #9090b0 !important; } html.dark-mode .section-title .links a:hover, html.dark-mode .section-title .links a.active { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .section-title .right_link { color: #9090b0 !important; } html.dark-mode .section-title .right_link:hover { color: var(--dm-primary, #FF6A00) !important; } /* --- Service Section --- */ html.dark-mode .service-section { background-color: transparent; } html.dark-mode .single-service { background-color: transparent; } html.dark-mode .single-service h6 { color: #f0f0f8 !important; } html.dark-mode .single-service p.text-muted { color: #8080a0 !important; } /* --- Banner / Genius Banner --- */ html.dark-mode .genius-banner { border-color: #2a2a44 !important; } html.dark-mode .genius-banner:hover { border-color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .genius-banner .inner-content p { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .genius-banner .inner-content h4 { color: #f0f0f8 !important; } /* --- Brand Slider --- */ html.dark-mode .brand-slider .slider-item a { border-color: #2a2a44 !important; background-color: #1a1a2e !important; } html.dark-mode .brand-slider .slider-item a:hover { border-color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .slider-item p { color: #c8c8d8 !important; } /* --- Blog --- */ html.dark-mode .blog-post { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .blog-post .post-body { background-color: transparent; } html.dark-mode .blog-post .post-title a { color: #e0e0ee !important; } html.dark-mode .blog-post .post-title a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .blog-post .post-meta li { color: #8080a0 !important; } html.dark-mode .blog-post .post-meta li i { color: #8080a0 !important; } html.dark-mode .blog-post p { color: #c0c0d0 !important; } html.dark-mode .blog-details-box { background-color: transparent; } html.dark-mode .blog-details-main-content { color: #e4e4f0 !important; } html.dark-mode .blog-details-main-content .b-d-title { color: #f0f0f8 !important; } /* --- Footer --- */ html.dark-mode .site-footer { background-color: #0a0a14 !important; border-top: 1px solid #2a2a44; } html.dark-mode .site-footer .widget-title { color: #f0f0f8 !important; } html.dark-mode .site-footer p { color: #9090b0 !important; } html.dark-mode .site-footer strong { color: #c8c8dc !important; } html.dark-mode .site-footer a { color: #9090b0 !important; } html.dark-mode .site-footer a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .footer-copyright { color: #707090 !important; border-top: 1px solid #2a2a44; } html.dark-mode .footer-social-links a { color: #fff !important; } /* --- Forms --- */ html.dark-mode .form-control { background-color: #16162a !important; border-color: #2d2d48 !important; color: #e4e4f0 !important; } html.dark-mode .form-control:focus { border-color: var(--dm-primary, #FF6A00) !important; box-shadow: 0 0 0 0.2rem rgba(255, 106, 0, 0.15); background-color: #1a1a30 !important; } html.dark-mode .form-control::placeholder { color: #707090; } html.dark-mode .form-control:disabled, html.dark-mode .form-control[readonly] { background-color: #12122a !important; } html.dark-mode .input-group .input-group-addon { background-color: #20203a !important; border-color: #2d2d48 !important; color: #c0c0d0 !important; } html.dark-mode .input-group .input-group-btn button { background-color: #20203a !important; border-color: #2d2d48 !important; color: #c0c0d0 !important; } html.dark-mode .input-group .form-control:focus ~ .input-group-addon { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode select.form-control option { background-color: #1a1a30 !important; color: #e4e4f0 !important; } html.dark-mode .custom-control .custom-control-label::before { background-color: #16162a !important; border-color: #3a3a54 !important; } html.dark-mode .custom-control .custom-control-input:checked ~ .custom-control-label::before { background-color: var(--dm-primary, #FF6A00) !important; border-color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .custom-control .custom-control-label { color: #d0d0e0; } /* --- Tables --- */ html.dark-mode .table { color: #e4e4f0 !important; } html.dark-mode .table thead th { background-color: #20203a !important; border-color: #2a2a44 !important; color: #f0f0f8 !important; } html.dark-mode .table td, html.dark-mode .table th { border-color: #2a2a44 !important; } html.dark-mode .table tbody tr { background-color: #1a1a2e !important; } html.dark-mode .table tbody tr:hover { background-color: #22223e !important; } html.dark-mode .table-bordered { border-color: #2a2a44 !important; } html.dark-mode .table .bg-secondary { background-color: #20203a !important; } html.dark-mode .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.02); } /* --- Dropdowns & Modals --- */ html.dark-mode .dropdown-menu { background-color: #1e1e36 !important; border: 1px solid #2d2d48 !important; } html.dark-mode .dropdown-menu .dropdown-item { color: #c8c8dc !important; } html.dark-mode .dropdown-menu .dropdown-item:hover, html.dark-mode .dropdown-menu .dropdown-item.active { background-color: rgba(255, 106, 0, 0.1); color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .dropdown-divider { border-color: #2a2a44 !important; } html.dark-mode .modal-content { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .modal-header { background-color: #1a1a2e !important; border-bottom: 1px solid #2a2a44 !important; } html.dark-mode .modal-header .modal-title { color: #f0f0f8 !important; } html.dark-mode .modal-header .close, html.dark-mode .modal-header .btn-close { color: #c0c0d0 !important; } html.dark-mode .modal-body { color: #e4e4f0 !important; } html.dark-mode .modal-footer { border-top: 1px solid #2a2a44 !important; } html.dark-mode .close { color: #c0c0d0 !important; } html.dark-mode .mfp-bg { background-color: rgba(0, 0, 0, 0.85) !important; } html.dark-mode .white-popup { background-color: #1a1a2e !important; } /* --- Toolbar Dropdown (Cart, etc) --- */ html.dark-mode .toolbar-dropdown { background-color: #1e1e36 !important; border: 1px solid #2d2d48 !important; } html.dark-mode .toolbar-dropdown .entry { border-bottom: 1px solid #2a2a44 !important; } html.dark-mode .toolbar-dropdown .entry .entry-title a { color: #e0e0ee !important; } html.dark-mode .toolbar-dropdown .entry .entry-title a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .widget-cart .entry .entry-meta span { color: #c8c8dc !important; } html.dark-mode .widget-cart .entry .entry-delete a { color: #a0a0b8 !important; } html.dark-mode .widget-cart .entry .entry-delete a:hover { color: #ff4444 !important; } html.dark-mode .toolbar-dropdown .dropdown-footer { background-color: #20203a !important; border-top: 1px solid #2a2a44 !important; } /* --- Sidebar (offcanvas) --- */ html.dark-mode .sidebar-offcanvas { background-color: #16162a !important; } html.dark-mode .sidebar .widget { background-color: transparent !important; } html.dark-mode .sidebar .widget-title { color: #f0f0f8 !important; } html.dark-mode .widget-categories ul li a { color: #c8c8dc !important; } html.dark-mode .widget-categories ul li a:hover, html.dark-mode .widget-categories ul li.active > a { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .widget-links ul li a { color: #c8c8dc !important; } html.dark-mode .widget-links ul li a:hover, html.dark-mode .widget-links ul li.active > a { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .widget-featured-posts .entry { border-bottom: 1px solid #2a2a44; } html.dark-mode .widget-featured-posts .entry .entry-title a { color: #e0e0ee !important; } html.dark-mode .widget-featured-posts .entry .entry-title a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .widget-featured-posts .entry .entry-meta { color: #8080a0 !important; } html.dark-mode .widget-featured-products .entry { border-bottom: 1px solid #2a2a44; } html.dark-mode .widget-featured-products .entry .entry-title a { color: #e0e0ee !important; } html.dark-mode .widget-featured-products .entry .entry-title a:hover { color: var(--dm-primary, #FF6A00) !important; } /* --- Mobile Menu --- */ html.dark-mode .mobile-menu { background-color: #16162a !important; } html.dark-mode .mobile-menu .mm-heading-area { background-color: #0d0d1a !important; } html.dark-mode .mobile-menu .mm-heading-area h4 { color: #f0f0f8 !important; } html.dark-mode .mobile-menu .nav-tabs li span { background-color: #2a2a44 !important; color: #c0c0d0 !important; } html.dark-mode .mobile-menu .nav-tabs li span.active { background-color: var(--dm-primary, #FF6A00) !important; color: #fff !important; } html.dark-mode .slideable-menu ul li a { color: #c8c8dc !important; border-bottom: 1px solid #2a2a44; } html.dark-mode .slideable-menu ul li a:hover, html.dark-mode .slideable-menu ul li.active a { color: var(--dm-primary, #FF6A00) !important; } /* --- Buttons (non-primary) --- */ html.dark-mode .btn { color: #f0f0f8 !important; } html.dark-mode .btn-secondary { background-color: #2a2a44 !important; border-color: #3a3a54 !important; color: #f0f0f8 !important; } html.dark-mode .btn-secondary:hover { background-color: #3a3a54 !important; } html.dark-mode .btn-outline-primary { border-color: var(--dm-primary, #FF6A00) !important; color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .btn-outline-primary:hover { background-color: var(--dm-primary, #FF6A00) !important; color: #fff !important; } html.dark-mode .btn-light { background-color: #2a2a44 !important; border-color: #3a3a54 !important; color: #f0f0f8 !important; } html.dark-mode .btn-link { color: #b0b0d0 !important; } html.dark-mode .btn-link:hover { color: var(--dm-primary, #FF6A00) !important; } /* --- Pagination --- */ html.dark-mode .pagination li a, html.dark-mode .pagination li span { background-color: #1a1a2e !important; border-color: #2a2a44 !important; color: #c8c8dc !important; } html.dark-mode .pagination li a:hover, html.dark-mode .pagination li span:hover { background-color: var(--dm-primary, #FF6A00) !important; color: #fff !important; border-color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .pagination li.active span, html.dark-mode .pagination li.active a { background-color: var(--dm-primary, #FF6A00) !important; border-color: var(--dm-primary, #FF6A00) !important; color: #fff !important; } html.dark-mode .pagination li.disabled a, html.dark-mode .pagination li.disabled span { background-color: #12122a !important; color: #505068 !important; } /* --- Breadcrumbs --- */ html.dark-mode .breadcrumbs { background-color: transparent; } html.dark-mode .breadcrumbs > li { color: #8080a0 !important; } html.dark-mode .breadcrumbs > li a { color: #c0c0d0 !important; } html.dark-mode .breadcrumbs > li a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .breadcrumbs .separator { color: #505068 !important; } /* --- Alerts / Notifications --- */ html.dark-mode .alert { border-color: #2a2a44 !important; } html.dark-mode .alert-primary { background-color: #1a2a4a !important; color: #c0d0f0 !important; } html.dark-mode .alert-success { background-color: #1a3a2a !important; color: #c0e0d0 !important; } html.dark-mode .alert-danger { background-color: #3a1a1a !important; color: #f0c0c0 !important; } html.dark-mode .alert-info { background-color: #1a2a3a !important; color: #c0d0e0 !important; } html.dark-mode .alert-warning { background-color: #3a2a1a !important; color: #e0d0b0 !important; } /* --- Shopping Cart --- */ html.dark-mode .shopping-cart .product-item { border-bottom: 1px solid #2a2a44; } html.dark-mode .shopping-cart .product-item .product-title a { color: #e0e0ee !important; } html.dark-mode .shopping-cart .product-item .product-title a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .shopping-cart-footer { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .shopping-cart .product-item .product-info { color: #c8c8dc !important; } /* --- Wishlist --- */ html.dark-mode .wishlist-table .product-item { border-bottom: 1px solid #2a2a44; } html.dark-mode .wishlist-table .product-item .product-title a { color: #e0e0ee !important; } html.dark-mode .wishlist-table .product-item .product-title a:hover { color: var(--dm-primary, #FF6A00) !important; } /* --- Order Table --- */ html.dark-mode .order-table .product-item { border-bottom: 1px solid #2a2a44; } html.dark-mode .order-table .product-item .product-title a { color: #e0e0ee !important; } html.dark-mode .order-table .product-item .product-title a:hover { color: var(--dm-primary, #FF6A00) !important; } /* --- Compare --- */ html.dark-mode .comparison-table { border-color: #2a2a44 !important; } html.dark-mode .comparison-table .comparison-item { border-color: #2a2a44 !important; } html.dark-mode .comparison-table .comparison-item .comparison-item-title { color: #e0e0ee !important; } html.dark-mode .comparison-table .comparison-item .comparison-item-title:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .comparison-table td { border-color: #2a2a44 !important; } html.dark-mode .comparison-table .bg-secondary { background-color: #20203a !important; } /* --- Progress / Steps --- */ html.dark-mode .steps .step { border-color: #2a2a44 !important; } html.dark-mode .steps .step .step-title { color: #8080a0 !important; } html.dark-mode .steps .step.active { border-color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .steps .step.active .step-title, html.dark-mode .steps .step.active > i { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .progress { background-color: #2a2a44 !important; } html.dark-mode .progress-bar { background-color: var(--dm-primary, #FF6A00) !important; } /* --- List Group --- */ html.dark-mode .list-group-item { background-color: #1a1a2e !important; border-color: #2a2a44 !important; color: #e4e4f0 !important; } html.dark-mode .list-group-item.active { background-color: var(--dm-primary, #FF6A00) !important; border-color: var(--dm-primary, #FF6A00) !important; color: #fff !important; } html.dark-mode .list-group-item-action:hover, html.dark-mode .list-group-item-action:focus { background-color: #22223e !important; color: var(--dm-primary, #FF6A00) !important; } html.dark-mode a.list-group-item::before, html.dark-mode .list-group-item-action::before { color: var(--dm-primary, #FF6A00) !important; } /* --- FAQ Accordion --- */ html.dark-mode .faq-box { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .faq-box .card-title { color: #e0e0ee !important; } html.dark-mode .faq-box .card-text { color: #c0c0d0 !important; } html.dark-mode .faq-box:hover .link { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .accordion-item { background-color: #1a1a2e !important; border-color: #2a2a44 !important; } html.dark-mode .accordion-button { background-color: #20203a !important; color: #e0e0ee !important; } html.dark-mode .accordion-button:not(.collapsed) { background-color: #22223e !important; color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .accordion-body { background-color: #1a1a2e !important; color: #c8c8dc !important; } /* --- Tabs --- */ html.dark-mode .nav-tabs { border-color: #2a2a44 !important; } html.dark-mode .nav-tabs .nav-link { color: #c0c0d0 !important; background-color: transparent !important; } html.dark-mode .nav-tabs .nav-link:hover { color: var(--dm-primary, #FF6A00) !important; border-color: #2a2a44; } html.dark-mode .nav-tabs .nav-link.active, html.dark-mode .nav-tabs .nav-item.show .nav-link { background-color: #1a1a2e !important; border-color: #2a2a44 #2a2a44 #1a1a2e !important; color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .tab-content { background-color: transparent !important; } html.dark-mode .tab-pane { background-color: transparent !important; } /* --- Shop / Catalog Filters --- */ html.dark-mode .shop-top-filter-wrapper { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .quickFilter .quickFilter-title { color: #e0e0ee !important; } html.dark-mode .quickFilter .quickFilter-title:hover { border-color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .shop-view > a { color: #8080a0 !important; border-color: #2a2a44 !important; } html.dark-mode .shop-view > a.active { background-color: var(--dm-primary, #FF6A00) !important; border-color: var(--dm-primary, #FF6A00) !important; color: #fff !important; } html.dark-mode .price-range-slider { background-color: transparent; } html.dark-mode .ui-range-slider { background-color: #2a2a44 !important; } html.dark-mode .ui-range-slider .ui-slider-handle { background-color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .ui-range-slider .ui-slider-range { background-color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .ui-range-values { color: #c8c8dc !important; } /* --- Page Title --- */ html.dark-mode .page-title { background-color: transparent; border-bottom: 1px solid #2a2a44; } html.dark-mode .page-title h1 { color: #f0f0f8 !important; } /* --- User Dashboard --- */ html.dark-mode .user-info-wrapper { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .user-info .user-data h5 { color: #f0f0f8 !important; } html.dark-mode .user-info .user-data span { color: #8080a0 !important; } html.dark-mode .u-d-d { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .u-d-d.round { background-color: #20203a !important; } html.dark-mode .u-table-res { background-color: transparent; } /* --- Auth Pages --- */ html.dark-mode .auth-form-card { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .wrapper-login { background-color: #0d0d1a !important; } html.dark-mode .login-form { background-color: #1a1a2e !important; } html.dark-mode .login-form .form-floating-label { background-color: transparent !important; } /* --- Contact Page --- */ html.dark-mode .contact-form-box { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .list-icon { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .social-button { color: #c8c8dc !important; border-color: #2a2a44 !important; } html.dark-mode .social-button:hover { background-color: var(--dm-primary, #FF6A00) !important; border-color: var(--dm-primary, #FF6A00) !important; color: #fff !important; } /* --- Checkout --- */ html.dark-mode .checkut-page { background-color: transparent; } html.dark-mode .widget-order-summary { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .widget-order-summary .entry { border-bottom: 1px solid #2a2a44 !important; } html.dark-mode .entry .entry-title a { color: #e0e0ee !important; } html.dark-mode .entry .entry-title a:hover { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .entry .entry-meta { color: #8080a0 !important; } html.dark-mode .payment-methods { background-color: transparent; } html.dark-mode .single-payment-method { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .single-payment-method:hover { border-color: var(--dm-primary, #FF6A00) !important; } /* --- Review / Rating --- */ html.dark-mode .review-area { background-color: transparent; } html.dark-mode .single-review { border-bottom: 1px solid #2a2a44; } html.dark-mode .comment { background-color: transparent; } html.dark-mode .comment-body { background-color: transparent; } html.dark-mode .comment-header { color: #e0e0ee !important; } html.dark-mode .comment-text { color: #c8c8dc !important; } html.dark-mode .comment .reply-link { color: #9090b0 !important; } html.dark-mode .comment .reply-link:hover { color: var(--dm-primary, #FF6A00) !important; } /* --- Product Detail --- */ html.dark-mode .product-gallery { background-color: transparent; } html.dark-mode .gallery-wrapper { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .product-gallery .product-thumbnails > li > a { border-color: #2a2a44 !important; } html.dark-mode .product-gallery .product-thumbnails > li.active > a, html.dark-mode .product-gallery .product-thumbnails > li > a:hover { border-color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .details-page-top-right-content { background-color: #1a1a2e !important; color: #e4e4f0 !important; } html.dark-mode .p-title-main { color: #f0f0f8 !important; } html.dark-mode .details-page-top-right-content .price-area .main-price { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .details-page-top-right-content a { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .details-page-top-right-content .countdown span { background-color: #20203a !important; color: #f0f0f8 !important; } html.dark-mode .p-action-button { color: #c8c8dc !important; } html.dark-mode .p-d-f-area { color: #c8c8dc !important; } html.dark-mode .t-c-b-area { color: #c8c8dc !important; } html.dark-mode .p-d-f-area .text-success { color: #40c080 !important; } html.dark-mode .p-d-f-area .text-danger { color: #e05050 !important; } /* --- Bulk Purchase --- */ html.dark-mode .bulk-total-display { background-color: #1a1a2e !important; border: 1px solid #2a2a44 !important; } html.dark-mode .bulk-cart-entry { background-color: rgba(255, 106, 0, 0.05); border-left: 3px solid var(--dm-primary, #FF6A00) !important; } html.dark-mode .savings-display { color: #40c080 !important; } /* --- Badge --- */ html.dark-mode .badge { color: #f0f0f8 !important; } html.dark-mode .badge-success { background-color: #1a5c2a !important; } html.dark-mode .badge-danger { background-color: #5c1a1a !important; } html.dark-mode .badge-info { background-color: #1a3a5c !important; } html.dark-mode .badge-warning { background-color: #5c4a1a !important; color: #e0d0a0 !important; } html.dark-mode .badge-primary { background-color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .badge-secondary { background-color: #2a2a44 !important; } /* --- Text Utilities --- */ html.dark-mode .text-muted { color: #8080a0 !important; } html.dark-mode .text-body { color: #e4e4f0 !important; } html.dark-mode .text-gray-dark { color: #c8c8dc !important; } html.dark-mode .text-dark { color: #e4e4f0 !important; } html.dark-mode .text-white { color: #f0f0f8 !important; } html.dark-mode .text-primary { color: var(--dm-primary, #FF6A00) !important; } html.dark-mode .text-success { color: #40c080 !important; } html.dark-mode .text-danger { color: #e05050 !important; } html.dark-mode .text-warning { color: #e0b040 !important; } html.dark-mode .text-info { color: #60a0d0 !important; } /* --- Background Utilities --- */ html.dark-mode .bg-light { background-color: #20203a !important; } html.dark-mode .bg-white { background-color: #1a1a2e !important; } html.dark-mode .bg-dark { background-color: #0d0d1a !important; } html.dark-mode .bg-secondary { background-color: #20203a !important; } /* --- Scroll to Top --- */ html.dark-mode .scroll-to-top-btn { background-color: #20203a !important; color: #c8c8dc !important; } html.dark-mode .scroll-to-top-btn:hover { background-color: var(--dm-primary, #FF6A00) !important; color: #fff !important; } /* --- Owl Carousel --- */ html.dark-mode .owl-carousel .owl-nav div { background-color: #20203a !important; color: #c8c8dc !important; border-color: #2a2a44 !important; } html.dark-mode .owl-carousel .owl-nav div:hover { background-color: var(--dm-primary, #FF6A00) !important; color: #fff !important; } html.dark-mode .owl-carousel .owl-dots .owl-dot span { background-color: #2a2a44 !important; } html.dark-mode .owl-carousel .owl-dots .owl-dot.active span { background-color: var(--dm-primary, #FF6A00) !important; } /* --- Announcement Modal --- */ html.dark-mode .announcement-with-content .right-area { color: #e4e4f0 !important; } html.dark-mode .announcement-with-content .right-area h3 { color: #000 !important; } html.dark-mode .announcement-with-content .right-area p { color: #c0c0d0 !important; } /* --- Vendor / Store --- */ html.dark-mode .store-hero-area { background-color: #12121e !important; } html.dark-mode .shop-banner-info { color: #e4e4f0 !important; } html.dark-mode .shop-banner-name { color: #f0f0f8 !important; } html.dark-mode .shop-banner-contact { color: #c0c0d0 !important; } /* --- Other Page Content --- */ html.dark-mode .other-page-data { color: #e4e4f0 !important; } html.dark-mode .d-page-content { color: #c8c8dc !important; } /* --- Image adjustment for dark mode --- */ html.dark-mode img { filter: brightness(0.95); } html.dark-mode .product-thumb img, html.dark-mode .post-thumb img, html.dark-mode .entry-thumb img, html.dark-mode .brand-slider img, html.dark-mode .site-logo img, html.dark-mode .footer-social-links img, html.dark-mode .gateway_image img { filter: brightness(1); } /* --- Dark Mode Toolbar Toggle --- */ .dark-mode-toolbar-item a { cursor: pointer; } .dm-icon-wrap { position: relative; display: inline-block; width: 22px; height: 22px; } .dm-icon-wrap .dm-icon { position: absolute; top: 0; left: 0; width: 22px; height: 22px; transition: opacity 0.35s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); } .dm-icon-wrap .dm-moon { opacity: 1; transform: scale(1) rotate(0deg); } .dm-icon-wrap .dm-sun { opacity: 0; transform: scale(0.3) rotate(-90deg); } html.dark-mode .dm-icon-wrap .dm-moon { opacity: 0; transform: scale(0.3) rotate(90deg); } html.dark-mode .dm-icon-wrap .dm-sun { opacity: 1; transform: scale(1) rotate(0deg); } /* Dark mode icon color */ html.dark-mode .dark-mode-toolbar-item a { color: #d0d0e0; } html.dark-mode .dark-mode-toolbar-item a:hover { color: #f0f0f8; } /* --- Subscriber Form --- */ html.dark-mode .subscriber-form .input-group .input-group-addon { background-color: #20203a !important; border-color: #2d2d48 !important; color: #b0b0c8 !important; } /* --- User Dropdown Main Link --- */ html.dark-mode .t-h-dropdown .main-link { color: #c8c8dc !important; } /* --- Additional Dropdown Variants --- */ html.dark-mode .dropdown-list, html.dark-mode .dropdown-user { background-color: #1e1e36 !important; border: 1px solid #2d2d48 !important; } html.dark-mode .navbar .dropdown-menu { background-color: #1e1e36 !important; border: 1px solid #2d2d48 !important; } html.dark-mode .navbar .dropdown-item { color: #c8c8dc !important; } html.dark-mode .navbar .dropdown-item:hover, html.dark-mode .navbar .dropdown-item:focus { background-color: rgba(255, 106, 0, 0.1); color: #FF6A00 !important; } /* --- Coupon / Cart --- */ html.dark-mode .coupon-form { background-color: transparent; } html.dark-mode .free-shippin-aa { color: var(--dm-primary, #FF6A00) !important; } /* --- Product Context Menu --- */ html.dark-mode .product-context-menu { background-color: #1e1e36 !important; border: 1px solid #2d2d48 !important; } /* --- Search Suggest Inner --- */ html.dark-mode .s-r-inner { background-color: #1a1a30 !important; border: 1px solid #2d2d48 !important; } html.dark-mode .s-r-inner .product-card { border: none !important; border-bottom: 1px solid #2a2a44 !important; } html.dark-mode h4 .mb-2 .p-title-main { color: #000!important; }