/* ==========================================================================
   حالت شب — بازنویسی رنگ‌های هاردکد قالب
   این فایل خودکار از روی style.css ساخته شده است (اسکریپت gen_dark.py).
   قالب رنگ متن و پس‌زمینه را مستقیم نوشته بود و در حالت شب ناخوانا می‌شد.
   ========================================================================== */

/* --- رنگ متن --- */
:root[data-mode="dark"] .accordion-box .accordion-item .accordion-header .accordion-button,
:root[data-mode="dark"] .arrow-slider-2 .slick-next::before,
:root[data-mode="dark"] .arrow-slider-2 .slick-prev::before,
:root[data-mode="dark"] .banner-contain-2 .banner-detail h4,
:root[data-mode="dark"] .blog-box .blog-detail h5,
:root[data-mode="dark"] .blog-section .blog-box .blog-contain a,
:root[data-mode="dark"] .blog-section .blog-box .blog-contain a:hover,
:root[data-mode="dark"] .blog-section .blog-box .blog-detail a,
:root[data-mode="dark"] .blog-section .blog-detail-image .blog-image-contain,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-list-2 li .offer-product .offer-detail a,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a:hover,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button,
:root[data-mode="dark"] .book-product-box .product-detail a,
:root[data-mode="dark"] .book-product-box .product-detail a:hover,
:root[data-mode="dark"] .book-product-box .product-image .product-option li a,
:root[data-mode="dark"] .book-title h2,
:root[data-mode="dark"] .breadcrumb-section .breadcrumb-contain,
:root[data-mode="dark"] .breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item.active,
:root[data-mode="dark"] .btn,
:root[data-mode="dark"] .button-group ul li button.shopping-button,
:root[data-mode="dark"] .cart-section .cart-total-box h3,
:root[data-mode="dark"] .cart-section .cart-total-box h6,
:root[data-mode="dark"] .cart-table table tbody tr td.product-detail .product .product-detail ul li.name a,
:root[data-mode="dark"] .cart-table table tbody tr td.product-detail .product .product-detail ul li.name a:hover,
:root[data-mode="dark"] .category-box h5,
:root[data-mode="dark"] .category-list li .category-list-box .form-check-label .name,
:root[data-mode="dark"] .category-menu ul li .category-list,
:root[data-mode="dark"] .category-menu ul li .category-list h5 a,
:root[data-mode="dark"] .category-menu ul li .category-list h5 a:hover,
:root[data-mode="dark"] .category-panel .category-panel-slider .cate-box span,
:root[data-mode="dark"] .category-section-3 .category-box-list .category-name,
:root[data-mode="dark"] .category-section-3 .category-box-list:hover .category-name h6,
:root[data-mode="dark"] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label,
:root[data-mode="dark"] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed),
:root[data-mode="dark"] .checkout-section .custom-navtab .nav-item .nav-link .nav-item-box h4,
:root[data-mode="dark"] .checkout-section .custom-navtab .nav-item .nav-link.active,
:root[data-mode="dark"] .checkout-section .delivery-option .delivery-time .dropdown-menu li a:active,
:root[data-mode="dark"] .checkout-section .tab-content .tab-pane .tab-title,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li a:active,
:root[data-mode="dark"] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4,
:root[data-mode="dark"] .compare-section .compare-table tr td .price h5,
:root[data-mode="dark"] .compare-section .compare-table tr td a:hover,
:root[data-mode="dark"] .compare-section .compare-table tr td.title a,
:root[data-mode="dark"] .deal-contain .deal-detail .option-icon li a,
:root[data-mode="dark"] .deal-contain .deal-detail a,
:root[data-mode="dark"] .deal-contain .deal-detail a:hover,
:root[data-mode="dark"] .deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain,
:root[data-mode="dark"] .deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain a,
:root[data-mode="dark"] .deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain a:hover,
:root[data-mode="dark"] .deal-section .deal-box .deal-detail .item span,
:root[data-mode="dark"] .delivery-modal .modal-dialog .modal-content .modal-body.policy-body h5,
:root[data-mode="dark"] .digital-breadcrumb .breadcrumb-contain,
:root[data-mode="dark"] .digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item.active,
:root[data-mode="dark"] .digital-breadcrumb .product-title .title-content-list>li .content a,
:root[data-mode="dark"] .faq-breadcrumb .breadcrumb-contain,
:root[data-mode="dark"] .feature-category-panel .feature-panel-slider .cate-box span,
:root[data-mode="dark"] .form-control:focus,
:root[data-mode="dark"] .form-select.theme-form-select:focus,
:root[data-mode="dark"] .header-2 .dropdown-list .dropdown .dropdown-toggle i,
:root[data-mode="dark"] .header-2 .form-select,
:root[data-mode="dark"] .header-2 .rightside-menu .dropdown-user .user-detail h5,
:root[data-mode="dark"] .header-2 .rightside-menu .option-list-2 li .header-icon .icli,
:root[data-mode="dark"] .header-2 .rightside-menu .option-list>ul>li .header-icon .icli,
:root[data-mode="dark"] .header-2 .rightside-menu .wishlist-box .header-icon .icli,
:root[data-mode="dark"] .header-2 .search-box a,
:root[data-mode="dark"] .header-2 .top-nav .middle-box .searchbar-box input,
:root[data-mode="dark"] .header-2 .top-nav .nav-logo span,
:root[data-mode="dark"] .header-2 .top-nav span,
:root[data-mode="dark"] .header-3 .dropdown-list .dropdown .dropdown-toggle i,
:root[data-mode="dark"] .header-3 .form-select,
:root[data-mode="dark"] .header-3 .rightside-menu .dropdown-user .user-detail h5,
:root[data-mode="dark"] .header-3 .rightside-menu .option-list-2 li .header-icon .icli,
:root[data-mode="dark"] .header-3 .rightside-menu .user-box .header-icon .icli,
:root[data-mode="dark"] .header-3 .rightside-menu .wishlist-box .header-icon .icli,
:root[data-mode="dark"] .header-3 .search-box a,
:root[data-mode="dark"] .header-3 .top-nav .middle-box .searchbar-box-2 input,
:root[data-mode="dark"] .header-3 .top-nav .nav-logo span,
:root[data-mode="dark"] .header-3 .top-nav span,
:root[data-mode="dark"] .home-contain .home-detail .shop-button,
:root[data-mode="dark"] .home-contain .home-detail .social-icon li a,
:root[data-mode="dark"] .inner-title h2,
:root[data-mode="dark"] .irs .irs-grid-text,
:root[data-mode="dark"] .js-range-slider,
:root[data-mode="dark"] .location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a h6,
:root[data-mode="dark"] .log-in-section .log-in-box .log-in-button ul li a,
:root[data-mode="dark"] .log-in-section .log-in-box .logo-name a,
:root[data-mode="dark"] .mobile-menu ul li a.active,:root[data-mode="dark"] .mobile-menu ul li a:hover,
:root[data-mode="dark"] .order-detail .progtrckr li.progtrckr-done,
:root[data-mode="dark"] .order-tab-table thead tr th,
:root[data-mode="dark"] .order-table-section .order-tab .order-tab-table thead tr th,
:root[data-mode="dark"] .post-question-box h4,
:root[data-mode="dark"] .post-question-box h4 a,
:root[data-mode="dark"] .product-arrow .slick-next:before,
:root[data-mode="dark"] .product-arrow .slick-prev::before,
:root[data-mode="dark"] .product-box .product-detail a,
:root[data-mode="dark"] .product-box .product-detail a:hover,
:root[data-mode="dark"] .product-box .product-image .product-option li a,
:root[data-mode="dark"] .product-box-2 .product-detail h6,
:root[data-mode="dark"] .product-box-3 .product-footer .product-detail a,
:root[data-mode="dark"] .product-box-3 .product-footer .product-detail a:hover,
:root[data-mode="dark"] .product-box-3 .product-header .product-image .product-option li a,
:root[data-mode="dark"] .product-box-4 .product-detail .sold-box h5 span,
:root[data-mode="dark"] .product-box-4 .product-detail a,
:root[data-mode="dark"] .product-box-4 .product-image .option li a .icli,
:root[data-mode="dark"] .product-box-5 .product-detail a,
:root[data-mode="dark"] .product-box-5 .product-detail a:hover,
:root[data-mode="dark"] .product-box-5 .product-image .product-option li a,
:root[data-mode="dark"] .product-box-arrow .slick-prev::before,:root[data-mode="dark"] .product-box-arrow .slick-next::before,
:root[data-mode="dark"] .product-list li .offer-product .offer-detail a,
:root[data-mode="dark"] .product-list li .offer-product .offer-detail a:hover,
:root[data-mode="dark"] .product-section .right-box-contain .buy-box .team-box .form-check-label span a,
:root[data-mode="dark"] .product-section .right-box-contain .feature-list .team-box .form-check-label span a,
:root[data-mode="dark"] .product-section .right-box-contain .feature-list a,
:root[data-mode="dark"] .product-section .right-box-contain .pickup-box .product-info .product-info-list li a,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.circle li .form-check-label span,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.circle li:hover button,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked~.form-check-label,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.product-radio-list .form-check:hover .form-check-label,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.rectangle li:hover button,
:root[data-mode="dark"] .product-section-2 .product-box-4 .product-details .option li a .icli,
:root[data-mode="dark"] .product-section-2 .product-box-4 .product-details a,
:root[data-mode="dark"] .product-section-3 .product-title.product-warning,
:root[data-mode="dark"] .product-section-box .custom-nav .nav-item .nav-link,
:root[data-mode="dark"] .product-section-box .info-table.table-striped tbody tr:nth-of-type(odd) td,
:root[data-mode="dark"] .product-section-box .information-box ul .information-title,
:root[data-mode="dark"] .product-theme-box .content-box .top-content h5,
:root[data-mode="dark"] .product-theme-box .content-box .top-content h6 a,
:root[data-mode="dark"] .related-product-2 .related-box .bundle-list>ul>li .form-check .form-check-label span span,
:root[data-mode="dark"] .related-product-2 .related-box .related-image>ul>li a .related-content h5,
:root[data-mode="dark"] .review-box .review-profile .review-detail h5,
:root[data-mode="dark"] .review-title h4,
:root[data-mode="dark"] .review-title-2 h4,
:root[data-mode="dark"] .seller-grid-box .grid-contain .contain-name h3,
:root[data-mode="dark"] .seller-grid-box .grid-contain .seller-contact-details .seller-contact .contact-detail h5,
:root[data-mode="dark"] .service-contain .service-box .service-detail h5,
:root[data-mode="dark"] .shop-box .shop-category-box a .category-box-name,
:root[data-mode="dark"] .shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed),
:root[data-mode="dark"] .shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link,
:root[data-mode="dark"] .slick-dots li button:before,
:root[data-mode="dark"] .slick-dots li.slick-active button:before,
:root[data-mode="dark"] .sticky-bottom-cart .add-btn a.wishlist-btn,
:root[data-mode="dark"] .sticky-bottom-cart .product-image .content,
:root[data-mode="dark"] .sticky-bottom-cart .selection-section .form-control,
:root[data-mode="dark"] .summery-box .summery-total li h4,
:root[data-mode="dark"] .tab-style-color .nav-item .nav-link,
:root[data-mode="dark"] .theme-product-section .product-left-box .product-title .title-content-list>li .content a,
:root[data-mode="dark"] .theme-product-section .product-left-box .theme-option-box .theme-image-option .theme-image-icon,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-button,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li:hover button,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check:hover .form-check-label,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li:hover button,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .form-check .form-check-label .name span,
:root[data-mode="dark"] .timer-2 ul li,
:root[data-mode="dark"] .title h2,
:root[data-mode="dark"] .top-selling-box .top-selling-contain .top-selling-detail a,
:root[data-mode="dark"] .top-selling-box .top-selling-contain .top-selling-detail a:hover,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .add-address .address-link,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr:first-child td,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile a,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form .form-control,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li a:hover,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .form-select,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a:hover,
:root[data-mode="dark"] .vendor-detail-box .vendor-tag ul li,
:root[data-mode="dark"] .vendor-detail-box-2 .vendor-tag ul li,
:root[data-mode="dark"] body,
:root[data-mode="dark"] footer .main-footer .footer-contact ul li .footer-number .contact-number h5,
:root[data-mode="dark"] header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li,
:root[data-mode="dark"] header .navbar-expand-xl .dropdown-column .dropdown-header,
:root[data-mode="dark"] header .navbar-expand-xl .dropdown-menu .dropdown-item:active,
:root[data-mode="dark"] header .navbar-light .navbar-brand,
:root[data-mode="dark"] header .navbar-light .navbar-brand:focus,
:root[data-mode="dark"] header .navbar-light .navbar-brand:hover,
:root[data-mode="dark"] header .navbar-light .navbar-nav .nav-link,
:root[data-mode="dark"] header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a,
:root[data-mode="dark"] header .navbar-toggler-icon,
:root[data-mode="dark"] header .onhover-dropdown .onhover-div-login .user-box-name li a,
:root[data-mode="dark"] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5,
:root[data-mode="dark"] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather,
:root[data-mode="dark"] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather,
:root[data-mode="dark"] header.active .sticky-header,
:root[data-mode="dark"] mark {
    color: var(--bs-ink);
}

:root[data-mode="dark"] .accordion-box .accordion-item .accordion-header .accordion-button::after,
:root[data-mode="dark"] .add-to-cart-box .btn-add-cart,
:root[data-mode="dark"] .add-to-cart-box .qty-box .input-group input,
:root[data-mode="dark"] .add-to-cart-btn-2 .qty-box-2 .input-group input,
:root[data-mode="dark"] .banner-contain .banner-details p,
:root[data-mode="dark"] .banner-contain-3 .banner-detail p,
:root[data-mode="dark"] .become-service .service-box .service-detail p,
:root[data-mode="dark"] .blog-box .blog-detail h6,
:root[data-mode="dark"] .blog-section .blog-box .blog-contain .blog-label .time,:root[data-mode="dark"] .blog-section .blog-box .blog-contain .blog-label .super,
:root[data-mode="dark"] .blog-section .blog-box .blog-contain p,
:root[data-mode="dark"] .blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon li .fab,
:root[data-mode="dark"] .blog-section .blog-box .blog-detail .blog-list span,
:root[data-mode="dark"] .blog-section .blog-box .blog-detail h5,
:root[data-mode="dark"] .blog-section .blog-detail-contain p,
:root[data-mode="dark"] .blog-section .blog-detail-contain p .first,
:root[data-mode="dark"] .blog-section .blog-detail-image .blog-image-contain .contain-comment-list,
:root[data-mode="dark"] .blog-section .leave-box .leave-comment .save-comment-box .form-check .form-check-label,
:root[data-mode="dark"] .blog-section .leave-title h3,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name h5,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li a,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail h6,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-search-box .search-box::before,
:root[data-mode="dark"] .blog-section .user-comment-box ul li .user-box .reply-button i,
:root[data-mode="dark"] .blog-section .user-comment-box ul li .user-box .user-contain p,
:root[data-mode="dark"] .blog-section .user-comment-box ul li .user-box .user-image .user-name h6,
:root[data-mode="dark"] .book-product-box .byers,
:root[data-mode="dark"] .book-product-box .byers span,
:root[data-mode="dark"] .book-product-box .product-image .product-option li a .feather,
:root[data-mode="dark"] .book-product-box .weight,
:root[data-mode="dark"] .breadcrumb-section .breadcrumb-contain .search-box-breadcrumb i,
:root[data-mode="dark"] .breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item i,
:root[data-mode="dark"] .breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before,
:root[data-mode="dark"] .btn-furniture,
:root[data-mode="dark"] .business-section .business-contain .business-box .business-detail p,
:root[data-mode="dark"] .cart-table.cart-table-2 table thead tr th,
:root[data-mode="dark"] .categories-canvas .offcanvas-body .categories-list ul li a,
:root[data-mode="dark"] .category-list li .category-list-box .form-check-label .number,
:root[data-mode="dark"] .category-section-3 .category-box-list .category-name h6,
:root[data-mode="dark"] .category-slider-section .category-contain .category-contain-name h5,
:root[data-mode="dark"] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button,
:root[data-mode="dark"] .checkout-section .custom-navtab .nav-item .nav-link .nav-item-box span,
:root[data-mode="dark"] .checkout-section .delivery-option .date-box i,
:root[data-mode="dark"] .checkout-section .delivery-option .delivery-date,
:root[data-mode="dark"] .checkout-section .delivery-option .delivery-date input,
:root[data-mode="dark"] .checkout-section .delivery-option .delivery-time .dropdown-toggle,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box i,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date input,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle,
:root[data-mode="dark"] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p,
:root[data-mode="dark"] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4,
:root[data-mode="dark"] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price,
:root[data-mode="dark"] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4,
:root[data-mode="dark"] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price,
:root[data-mode="dark"] .client-section .clint-contain h2,
:root[data-mode="dark"] .client-section .clint-contain p,
:root[data-mode="dark"] .coming-soon-section .coming-box .coming-contain .coming-form .form-control:focus,
:root[data-mode="dark"] .coming-soon-section .coming-box .coming-text,
:root[data-mode="dark"] .coming-soon-section .coming-box .coming-timer ul li .counter p,
:root[data-mode="dark"] .compare-section .compare-table tr td .price h5 del,
:root[data-mode="dark"] .compare-section .compare-table tr td .summary,
:root[data-mode="dark"] .contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain p,
:root[data-mode="dark"] .contact-box-section .right-sidebar-box .custom-form .custom-input i,
:root[data-mode="dark"] .contact-box-section .right-sidebar-box .custom-form .custom-textarea i,
:root[data-mode="dark"] .contact-box-section .right-sidebar-box .custom-form label,
:root[data-mode="dark"] .custom-pagination .pagination .page-item .page-link,
:root[data-mode="dark"] .deactivate-box .deactivate-contain h5,
:root[data-mode="dark"] .deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h6 span,
:root[data-mode="dark"] .deal-section .deal-box .deal-detail .item,
:root[data-mode="dark"] .deal-section .deal-box .deal-detail .price span,
:root[data-mode="dark"] .deal-section .deal-box .offer,
:root[data-mode="dark"] .deal-timer ul li .counter>div h6,
:root[data-mode="dark"] .delivery-modal .modal-dialog .modal-content .modal-body.policy-body p,
:root[data-mode="dark"] .delivery-modal .modal-dialog .modal-content .modal-body.policy-body ul li,
:root[data-mode="dark"] .digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item i,
:root[data-mode="dark"] .digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before,
:root[data-mode="dark"] .digital-breadcrumb .product-title .title-content-list>li .content,
:root[data-mode="dark"] .faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body p,
:root[data-mode="dark"] .faq-box-contain .faq-contain p,
:root[data-mode="dark"] .faq-breadcrumb .breadcrumb-contain p,
:root[data-mode="dark"] .faq-contain .faq-top-box .faq-box-contain p,
:root[data-mode="dark"] .footer-section-2 .main-footer .download-app span,
:root[data-mode="dark"] .footer-section-2 .main-footer .footer-address li a,
:root[data-mode="dark"] .footer-section-2 .main-footer .footer-list li a,
:root[data-mode="dark"] .footer-section-2 .main-footer .information-text,
:root[data-mode="dark"] .footer-section-2 .main-footer .social-icon li a,
:root[data-mode="dark"] .footer-section-2 .sub-footer p,
:root[data-mode="dark"] .fresh-vegetable-section .delivery-list ul li .deliver-box,
:root[data-mode="dark"] .fresh-vegetable-section .fresh-contain p,
:root[data-mode="dark"] .header-2 .header-nav-left .category-dropdown .category-list li .category-name,
:root[data-mode="dark"] .header-2 .header-nav-left .category-dropdown .category-list li a,
:root[data-mode="dark"] .header-2 .rightside-menu .dropdown-user .user-detail h6,
:root[data-mode="dark"] .header-2 .top-nav .middle-box .searchbar-box .search-button .iconly-Search,
:root[data-mode="dark"] .header-2 .top-nav .middle-box .searchbar-box input:-ms-input-placeholder,
:root[data-mode="dark"] .header-2 .top-nav .middle-box .searchbar-box input::-moz-placeholder,
:root[data-mode="dark"] .header-2 .top-nav .middle-box .searchbar-box input::-ms-input-placeholder,
:root[data-mode="dark"] .header-2 .top-nav .middle-box .searchbar-box input::-webkit-input-placeholder,
:root[data-mode="dark"] .header-2 .top-nav .middle-box .searchbar-box input::placeholder,
:root[data-mode="dark"] .header-2 .top-nav .search-full .input-group .input-group-text,
:root[data-mode="dark"] .header-3 .rightside-menu .dropdown-user .user-detail h6,
:root[data-mode="dark"] .header-3 .top-nav .middle-box .searchbar-box-2 input:-ms-input-placeholder,
:root[data-mode="dark"] .header-3 .top-nav .middle-box .searchbar-box-2 input::-moz-placeholder,
:root[data-mode="dark"] .header-3 .top-nav .middle-box .searchbar-box-2 input::-ms-input-placeholder,
:root[data-mode="dark"] .header-3 .top-nav .middle-box .searchbar-box-2 input::-webkit-input-placeholder,
:root[data-mode="dark"] .header-3 .top-nav .middle-box .searchbar-box-2 input::placeholder,
:root[data-mode="dark"] .header-3 .top-nav .search-full .input-group .input-group-text,
:root[data-mode="dark"] .home-contain .home-detail h6,
:root[data-mode="dark"] .home-contain .home-detail p,
:root[data-mode="dark"] .home-search-full .home-contain .home-detail h3,
:root[data-mode="dark"] .home-section-2 .home-contain .home-detail p,
:root[data-mode="dark"] .hot-line-number h6,
:root[data-mode="dark"] .irs .irs-max,
:root[data-mode="dark"] .irs .irs-min,
:root[data-mode="dark"] .label-flex .wishlist,
:root[data-mode="dark"] .location-modal .modal-dialog .modal-content .modal-body .location-list .disabled-box h6,
:root[data-mode="dark"] .location-modal .modal-dialog .modal-content .modal-body .location-list .search-input i,
:root[data-mode="dark"] .log-in-section .log-in-box .contact-title h5,
:root[data-mode="dark"] .log-in-section .log-in-box .log-in-title h4,:root[data-mode="dark"] .log-in-section .log-in-box .log-in-title h5,
:root[data-mode="dark"] .log-in-section .log-in-box .other-log-in h6,
:root[data-mode="dark"] .log-in-section .log-in-box .sign-up-box h4,
:root[data-mode="dark"] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box :-ms-input-placeholder,
:root[data-mode="dark"] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box ::-moz-placeholder,
:root[data-mode="dark"] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box ::-ms-input-placeholder,
:root[data-mode="dark"] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box ::-webkit-input-placeholder,
:root[data-mode="dark"] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box ::placeholder,
:root[data-mode="dark"] .offer-banner .banner-detail h6,
:root[data-mode="dark"] .order-detail .progtrckr li.progtrckr-done h6,
:root[data-mode="dark"] .order-detail .progtrckr li.progtrckr-todo,
:root[data-mode="dark"] .order-tab-table tbody tr td,
:root[data-mode="dark"] .order-table tbody tr td:nth-child(2),
:root[data-mode="dark"] .order-table-section .order-navpills .nav-item .nav-link,
:root[data-mode="dark"] .order-table-section .order-tab .order-tab-table tbody tr td,
:root[data-mode="dark"] .pickup-offcanvas .offcanvas-body .address-box ul li,
:root[data-mode="dark"] .pickup-offcanvas .offcanvas-body .check-box h6,
:root[data-mode="dark"] .pickup-offcanvas .offcanvas-header .offcanvas-title span,
:root[data-mode="dark"] .product-box .product-image .product-option li a .feather,
:root[data-mode="dark"] .product-box-2 .product-detail .cart-icon svg,
:root[data-mode="dark"] .product-box-3 .product-footer .price del,
:root[data-mode="dark"] .product-box-3 .product-footer .product-detail .unit,
:root[data-mode="dark"] .product-box-3 .product-header .product-header-top .close-button .feather,
:root[data-mode="dark"] .product-box-3 .product-header .product-header-top .wishlist-button .feather,
:root[data-mode="dark"] .product-box-3 .product-header .product-image .product-option li a .feather,
:root[data-mode="dark"] .product-box-4 .product-detail .price del,
:root[data-mode="dark"] .product-box-5 .product-image .product-option li a .feather,
:root[data-mode="dark"] .product-box-arrow .slick-prev,:root[data-mode="dark"] .product-box-arrow .slick-next,
:root[data-mode="dark"] .product-category .product-category-list li,
:root[data-mode="dark"] .product-list li .offer-product .offer-detail span,
:root[data-mode="dark"] .product-rating span,
:root[data-mode="dark"] .product-review-form .product-wrapper .product-content .product-review-rating label,
:root[data-mode="dark"] .product-section .right-box-contain .buy-box a,
:root[data-mode="dark"] .product-section .right-box-contain .pickup-box .product-info .product-info-list li,
:root[data-mode="dark"] .product-section .right-box-contain .product-contain p,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package li a,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.circle li .form-check-label,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-label,
:root[data-mode="dark"] .product-section-box .custom-tab .product-detail .detail-list li,
:root[data-mode="dark"] .product-section-box .custom-tab .product-detail .detail-list li i,
:root[data-mode="dark"] .product-section-box .custom-tab .product-detail .detail-title h5,
:root[data-mode="dark"] .product-section-box .information-box ul li,
:root[data-mode="dark"] .product-section-box .product-description .description-list li,
:root[data-mode="dark"] .product-section-box .product-description p,
:root[data-mode="dark"] .product-section-box .review-box .product-rating-box .product-main-rating h5,
:root[data-mode="dark"] .product-section-box .review-box .review-people .review-list li .people-box .name-user,
:root[data-mode="dark"] .product-section-box .review-box .review-people .review-list li .people-box .people-comment .date-time h6,
:root[data-mode="dark"] .product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name .date-time h6,
:root[data-mode="dark"] .product-section-box .review-box .review-people .review-list li .people-box .reply,
:root[data-mode="dark"] .product-slider .product-slider-detail h5,
:root[data-mode="dark"] .product-table tbody tr td:nth-child(2) h6,
:root[data-mode="dark"] .profile-tab ul li h5:last-child,
:root[data-mode="dark"] .qty-box .input-group input,
:root[data-mode="dark"] .question-answer li .answer-box p,
:root[data-mode="dark"] .question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating label,
:root[data-mode="dark"] .related-product-2 .related-box .bundle-list>ul>li .form-check .form-check-label span,
:root[data-mode="dark"] .related-product-2 .related-box .bundle-list>ul>li.content h5,
:root[data-mode="dark"] .related-product-2 .related-box .related-image>ul>li a .related-content h6 del,
:root[data-mode="dark"] .related-product-2 .related-box .related-image>ul>li+li::before,
:root[data-mode="dark"] .remove-profile .modal-dialog .modal-content .modal-body .remove-box p,
:root[data-mode="dark"] .review-box .review-contain p,
:root[data-mode="dark"] .review-box .review-profile .review-detail h6,
:root[data-mode="dark"] .review-section .reviewer-box .reviewer-profile .reviewer-name h6,
:root[data-mode="dark"] .review-section .reviewer-box p,
:root[data-mode="dark"] .review-title-2 button:hover,
:root[data-mode="dark"] .review-title-2 p,
:root[data-mode="dark"] .seller-grid-box .grid-contain .contain-name h6,
:root[data-mode="dark"] .seller-grid-box .grid-contain .seller-contact-details .seller-contact .contact-detail h5 span,
:root[data-mode="dark"] .seller-grid-box-1 .grid-contain .seller-category .product-image li,
:root[data-mode="dark"] .seller-grid-box-1 .grid-image .contain-name .since-number h6,
:root[data-mode="dark"] .seller-title p,
:root[data-mode="dark"] .setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control .form-label,
:root[data-mode="dark"] .share-option ul li a,
:root[data-mode="dark"] .shop-box .shop-category-box a .category-box-name h6,
:root[data-mode="dark"] .shop-section .left-box .shop-left-sidebar .filter-category ul li a,
:root[data-mode="dark"] .shop-section .left-box .shop-left-sidebar .filter-category ul li:before,
:root[data-mode="dark"] .shop-section .left-box .shop-left-sidebar .search-box::after,
:root[data-mode="dark"] .shop-section .show-button .filter-category ul li a,
:root[data-mode="dark"] .shop-section .show-button .filter-category ul li:before,
:root[data-mode="dark"] .shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle,
:root[data-mode="dark"] .shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle,
:root[data-mode="dark"] .shop-section .show-button .top-filter-menu-2 .sidebar-filter-menu a,
:root[data-mode="dark"] .sticky-bottom-cart .product-image .content h6 del,
:root[data-mode="dark"] .summery-box .summery-contain li h4,
:root[data-mode="dark"] .summery-box .summery-contain li h4.price,
:root[data-mode="dark"] .summery-box .summery-contain ul li h4,
:root[data-mode="dark"] .summery-box .summery-contain ul li h4.price,
:root[data-mode="dark"] .tab-style-2 .nav-item .nav-link,
:root[data-mode="dark"] .team-section .team-box .team-name h5,
:root[data-mode="dark"] .team-section .team-box .team-name p,
:root[data-mode="dark"] .text-content,
:root[data-mode="dark"] .theme-form-floating label,
:root[data-mode="dark"] .theme-form-floating-2 label,
:root[data-mode="dark"] .theme-product-section .product-left-box .product-title .title-content-list>li .content,
:root[data-mode="dark"] .theme-product-section .product-left-box .product-title p,
:root[data-mode="dark"] .theme-product-section .right-box-contain .discount-box p,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li button,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-label,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .form-check .form-check-label .license-content,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .form-check .form-check-label .name,
:root[data-mode="dark"] .timer-2 ul li+li::after,
:root[data-mode="dark"] .title .product-tabs .nav-item .nav-link,
:root[data-mode="dark"] .title p,
:root[data-mode="dark"] .user-dashboard-section .dashboard-left-sidebar .close-button .close-sidebar,
:root[data-mode="dark"] .user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image .cover-icon,
:root[data-mode="dark"] .user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon,
:root[data-mode="dark"] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li a,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li button,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .total-detail h5,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td:first-child,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-description p,
:root[data-mode="dark"] .vendor-box .vendor-detail,
:root[data-mode="dark"] .vendor-detail-box .vendor-name p,
:root[data-mode="dark"] .vendor-detail-box .vendor-share ul li a,
:root[data-mode="dark"] .vendor-title p,
:root[data-mode="dark"] .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list li .brand-box h5,
:root[data-mode="dark"] .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .price,
:root[data-mode="dark"] .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .product-detail p,
:root[data-mode="dark"] .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .stoke-box h6,
:root[data-mode="dark"] footer .main-footer .footer-contain p,
:root[data-mode="dark"] footer .main-footer .footer-contain ul.address li p,:root[data-mode="dark"] footer .main-footer .footer-contain ul.address li a,
:root[data-mode="dark"] footer .main-footer .footer-logo .footer-logo-contain .address li a,
:root[data-mode="dark"] footer .main-footer .footer-logo .footer-logo-contain p,
:root[data-mode="dark"] footer .main-footer .footer-theme .footer-theme-contain p,
:root[data-mode="dark"] footer .main-footer .footer-theme .footer-theme-contain ul li a:hover,
:root[data-mode="dark"] footer .main-footer .footer-theme .footer-theme-contain ul.address li p,
:root[data-mode="dark"] footer .sub-footer .social-link ul li a i,
:root[data-mode="dark"] header .header-nav .header-nav-left .category-dropdown .category-list li a,
:root[data-mode="dark"] header .location-box button .location-arrow,
:root[data-mode="dark"] header .location-box button i,
:root[data-mode="dark"] header .navbar-light .navbar-text,
:root[data-mode="dark"] header .navbar-light .navbar-toggler,
:root[data-mode="dark"] header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item,
:root[data-mode="dark"] header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.disabled,
:root[data-mode="dark"] header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link,
:root[data-mode="dark"] header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.disabled,
:root[data-mode="dark"] header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .close-button,
:root[data-mode="dark"] header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 span,
:root[data-mode="dark"] header .top-nav .navbar-top .middle-box .location-box button .location-arrow,
:root[data-mode="dark"] header .top-nav .navbar-top .middle-box .location-box button i,
:root[data-mode="dark"] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6,
:root[data-mode="dark"] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
    color: var(--bs-muted);
}

/* --- پس‌زمینه --- */
:root[data-mode="dark"] .accordion-box .accordion-item .accordion-header .accordion-button,
:root[data-mode="dark"] .add-to-cart-box,
:root[data-mode="dark"] .add-to-cart-box .btn-add-cart .add-icon.bg-light-gray,
:root[data-mode="dark"] .add-to-cart-box .qty-box .input-group,
:root[data-mode="dark"] .add-to-cart-btn-2 .qty-box-2 .input-group,
:root[data-mode="dark"] .become-service .service-box,
:root[data-mode="dark"] .blog-section .leave-box,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-search-box .search-box input,
:root[data-mode="dark"] .book-category .category-box,
:root[data-mode="dark"] .book-product-box .counter-box .addtocart_btn .input-group .btn,
:root[data-mode="dark"] .breadcrumb-section,
:root[data-mode="dark"] .business-section,
:root[data-mode="dark"] .business-section .business-contain .business-box .business-number,
:root[data-mode="dark"] .cart-section .cart-total-box,
:root[data-mode="dark"] .cart-section .deliver-box,
:root[data-mode="dark"] .cart-section .special-seller-box,
:root[data-mode="dark"] .cart-table,
:root[data-mode="dark"] .category-box,
:root[data-mode="dark"] .category-menu,
:root[data-mode="dark"] .category-panel .category-panel-slider .cate-box,
:root[data-mode="dark"] .checkout-section .tab-content,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon,
:root[data-mode="dark"] .checkout-section-2 .right-side-summery-box .checkout-offer,
:root[data-mode="dark"] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar,
:root[data-mode="dark"] .checkout-section-2 .right-side-summery-box .summery-box-2,
:root[data-mode="dark"] .client-section,
:root[data-mode="dark"] .compare-section .compare-table tr th,
:root[data-mode="dark"] .contact-box-section .left-sidebar-box .contact-detail .contact-detail-box,
:root[data-mode="dark"] .contact-box-section .right-sidebar-box,
:root[data-mode="dark"] .cookie-bar-box .button-group button.privacy-button,
:root[data-mode="dark"] .custom-height::-webkit-scrollbar,
:root[data-mode="dark"] .deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box::-webkit-scrollbar,
:root[data-mode="dark"] .deal-timer.product-deal-timer ul,
:root[data-mode="dark"] .digital-breadcrumb,
:root[data-mode="dark"] .faq-box-contain .faq-accordion .accordion .accordion-item,
:root[data-mode="dark"] .faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button,
:root[data-mode="dark"] .faq-breadcrumb,
:root[data-mode="dark"] .faq-contain .faq-top-box,
:root[data-mode="dark"] .feature-category-panel .feature-panel-slider .cate-box,
:root[data-mode="dark"] .footer-section-2,
:root[data-mode="dark"] .home-search-full.gradient-home .home-contain .search-box .input-group-text .form-select,
:root[data-mode="dark"] .hot-line-number,
:root[data-mode="dark"] .log-in-section .log-in-box,
:root[data-mode="dark"] .log-in-section .log-in-box .other-log-in h6,
:root[data-mode="dark"] .order-detail .order-details-contain,
:root[data-mode="dark"] .order-detail .order-image,
:root[data-mode="dark"] .post-question-box h4 a,
:root[data-mode="dark"] .product-box .counter-box .addtocart_btn .input-group .btn,
:root[data-mode="dark"] .product-box-3,
:root[data-mode="dark"] .product-box-4 .product-detail .addtocart_btn .input-group .btn,
:root[data-mode="dark"] .product-box.product-box-bg,
:root[data-mode="dark"] .product-category,
:root[data-mode="dark"] .product-review-form .product-wrapper,
:root[data-mode="dark"] .product-section .left-slider-image .sidebar-image,
:root[data-mode="dark"] .product-section .product-main .slider-image,
:root[data-mode="dark"] .product-section .right-box-contain .note-box .compare-button,
:root[data-mode="dark"] .product-section .right-box-contain .pickup-box .product-info .product-info-list,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.circle li .form-check-label span,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.rectangle li .form-check-label span,
:root[data-mode="dark"] .product-section-box .custom-nav .nav-item .nav-link,
:root[data-mode="dark"] .product-section-box .info-table.table-striped tbody tr:nth-of-type(odd) td,
:root[data-mode="dark"] .product-section-box .review-box .review-people .review-list li .people-box,
:root[data-mode="dark"] .product-section-box .review-box .review-people::-webkit-scrollbar,
:root[data-mode="dark"] .qty-box .input-group,
:root[data-mode="dark"] .question-answer li .question-box h5,
:root[data-mode="dark"] .question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper,
:root[data-mode="dark"] .related-product-2 .related-box .related-image>ul>li a .image-box,
:root[data-mode="dark"] .review-section,
:root[data-mode="dark"] .review-title-2 button:hover,
:root[data-mode="dark"] .sale-section .newsletter-box,
:root[data-mode="dark"] .seller-grid-box,
:root[data-mode="dark"] .shop-box .shop-category-box,
:root[data-mode="dark"] .shop-box .shop-category-box a .category-box-name,
:root[data-mode="dark"] .shop-box .shop-category-box a .shop-category-image,
:root[data-mode="dark"] .shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle,
:root[data-mode="dark"] .shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle,
:root[data-mode="dark"] .shop-section .show-button .top-filter-menu-2 .sidebar-filter-menu a,
:root[data-mode="dark"] .sticky-bottom-cart .add-btn a.wishlist-btn,
:root[data-mode="dark"] .sticky-bottom-cart .selection-section .form-control,
:root[data-mode="dark"] .summery-box,
:root[data-mode="dark"] .tab-style-2 .nav-item .nav-link,
:root[data-mode="dark"] .theme-product-section .right-box-contain .discount-box,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li button,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li button,
:root[data-mode="dark"] .theme-product-section .right-box-contain .main-right-box-contain,
:root[data-mode="dark"] .title-leaf svg.bg-gray,
:root[data-mode="dark"] .user-dashboard-section .dashboard-left-sidebar,
:root[data-mode="dark"] .user-dashboard-section .dashboard-left-sidebar .close-button,
:root[data-mode="dark"] .user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image img,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .form-select,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail,
:root[data-mode="dark"] .vendor-box,
:root[data-mode="dark"] footer,
:root[data-mode="dark"] header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-image img {
    background-color: var(--bs-canvas);
}

:root[data-mode="dark"] .add-cart-box,
:root[data-mode="dark"] .add-to-cart-box .btn-add-cart .add-icon,
:root[data-mode="dark"] .add-to-cart-box .qty-box .input-group button,
:root[data-mode="dark"] .add-to-cart-box .qty-box .input-group.theme-bg-white,
:root[data-mode="dark"] .add-to-cart-btn-2 .qty-box-2 .input-group button,
:root[data-mode="dark"] .arrow-slider .slick-prev,:root[data-mode="dark"] .arrow-slider .slick-next,
:root[data-mode="dark"] .become-service .service-box .service-svg,
:root[data-mode="dark"] .blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon,
:root[data-mode="dark"] .blog-section .blog-detail-image .blog-image-contain,
:root[data-mode="dark"] .blog-section .leave-box .leave-comment .blog-input .form-control:focus,
:root[data-mode="dark"] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li,
:root[data-mode="dark"] .book-product-box .counter-box .addtocart_btn .input-group,
:root[data-mode="dark"] .book-product-box .product-image .product-option,
:root[data-mode="dark"] .business-section .business-contain .business-box,
:root[data-mode="dark"] .category-section-3 .category-box-list:hover,
:root[data-mode="dark"] .chart-padding,
:root[data-mode="dark"] .checkbox_animated:after,
:root[data-mode="dark"] .checkout-section .add-address,
:root[data-mode="dark"] .checkout-section .delivery-address-box,
:root[data-mode="dark"] .checkout-section .delivery-option,
:root[data-mode="dark"] .checkout-section .delivery-option .delivery-date,
:root[data-mode="dark"] .checkout-section .delivery-option .delivery-date input,
:root[data-mode="dark"] .checkout-section .delivery-option .delivery-time .dropdown-toggle,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .add-address,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date input,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle,
:root[data-mode="dark"] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option,
:root[data-mode="dark"] .client-section .clint-contain,
:root[data-mode="dark"] .coming-soon-section .coming-box .coming-contain .coming-form .form-control:focus,
:root[data-mode="dark"] .coming-soon-section .coming-box .coming-timer ul li,
:root[data-mode="dark"] .contact-box-section .right-sidebar-box .custom-form .custom-input .form-control:focus,
:root[data-mode="dark"] .contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control:focus,
:root[data-mode="dark"] .cookie-bar-box,
:root[data-mode="dark"] .custom-pagination .pagination .page-item .page-link:focus,
:root[data-mode="dark"] .custom-row .sidebar-col,
:root[data-mode="dark"] .deal-contain .deal-detail .option-icon li a,
:root[data-mode="dark"] .faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group,
:root[data-mode="dark"] .faq-contain .faq-top-box .faq-box-icon,
:root[data-mode="dark"] .feature-category-panel .feature-panel-slider,
:root[data-mode="dark"] .featured-sec .theme-box,
:root[data-mode="dark"] .footer-section-2 .main-footer .footer-list li a:before,
:root[data-mode="dark"] .footer-section-2 .main-footer .social-icon li.light-bg::after,
:root[data-mode="dark"] .footer-sm,
:root[data-mode="dark"] .form-control,
:root[data-mode="dark"] .form-select.theme-form-select:focus,
:root[data-mode="dark"] .fullpage-loader,
:root[data-mode="dark"] .header-2 .header-nav-left .category-dropdown,
:root[data-mode="dark"] .header-2 .right-nav .fire-button .fire .fire-left .main-fire,
:root[data-mode="dark"] .header-2 .right-nav .fire-button .fire .fire-left .main-fire .particle-fire,
:root[data-mode="dark"] .header-2 .right-nav .fire-button .fire .fire-main .particle-fire,
:root[data-mode="dark"] .header-2 .right-nav .fire-button .fire .fire-right .main-fire,
:root[data-mode="dark"] .header-2 .right-nav .fire-button .fire .fire-right .main-fire .particle-fire,
:root[data-mode="dark"] .header-2 .rightside-menu .option-list-2 li .header-icon,
:root[data-mode="dark"] .header-2 .rightside-menu .option-list>ul>li .header-icon,
:root[data-mode="dark"] .header-2 .rightside-menu .wishlist-box .header-icon,
:root[data-mode="dark"] .header-2 .search-box,
:root[data-mode="dark"] .header-2 .top-nav .search-full,
:root[data-mode="dark"] .header-2 .top-nav .search-full .input-group .input-group-text,
:root[data-mode="dark"] .header-3 .right-nav .fire-button .fire .fire-left .main-fire,
:root[data-mode="dark"] .header-3 .right-nav .fire-button .fire .fire-left .main-fire .particle-fire,
:root[data-mode="dark"] .header-3 .right-nav .fire-button .fire .fire-main .particle-fire,
:root[data-mode="dark"] .header-3 .right-nav .fire-button .fire .fire-right .main-fire,
:root[data-mode="dark"] .header-3 .right-nav .fire-button .fire .fire-right .main-fire .particle-fire,
:root[data-mode="dark"] .header-3 .rightside-menu .option-list-2 li .header-icon,
:root[data-mode="dark"] .header-3 .rightside-menu .option-list-2 li .header-icon .badge-light,
:root[data-mode="dark"] .header-3 .rightside-menu .user-box .header-icon,
:root[data-mode="dark"] .header-3 .rightside-menu .wishlist-box .header-icon,
:root[data-mode="dark"] .header-3 .search-box,
:root[data-mode="dark"] .header-3 .top-nav .middle-box .searchbar-box-2 .search-icon,
:root[data-mode="dark"] .header-3 .top-nav .search-full,
:root[data-mode="dark"] .header-3 .top-nav .search-full .input-group .input-group-text,
:root[data-mode="dark"] .home-search .home-search-content .search-box .btn,
:root[data-mode="dark"] .home-search-full .home-contain .home-detail .search-box .btn,
:root[data-mode="dark"] .inner-title h2 img,
:root[data-mode="dark"] .item-section .item-button,
:root[data-mode="dark"] .item-section .items-image li,
:root[data-mode="dark"] .log-in-section .log-in-box .log-in-button ul li a,
:root[data-mode="dark"] .mobile-menu ul li.active::before,
:root[data-mode="dark"] .normal-form .form-control:focus,
:root[data-mode="dark"] .onhover-category-box,
:root[data-mode="dark"] .product-box .counter-box .addtocart_btn .input-group,
:root[data-mode="dark"] .product-box .product-image .product-option,
:root[data-mode="dark"] .product-box-2 .product-detail .product-option,
:root[data-mode="dark"] .product-box-3 .product-header .product-header-top .wishlist-button,
:root[data-mode="dark"] .product-box-3 .product-header .product-image .product-option,
:root[data-mode="dark"] .product-box-3.theme-bg-white,
:root[data-mode="dark"] .product-box-4 .product-detail .addtocart_btn .input-group,
:root[data-mode="dark"] .product-box-4 .product-image .option li,
:root[data-mode="dark"] .product-box-5 .product-image .product-option,
:root[data-mode="dark"] .product-box-5 .product-image .wishlist-top,
:root[data-mode="dark"] .product-box-arrow .slick-prev,:root[data-mode="dark"] .product-box-arrow .slick-next,
:root[data-mode="dark"] .product-box.product-box-bg .qty-box .input-group,
:root[data-mode="dark"] .product-box.product-white-bg,
:root[data-mode="dark"] .product-box.product-white-bg .qty-box .input-group,
:root[data-mode="dark"] .product-review-form .product-wrapper .product-image,
:root[data-mode="dark"] .product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked,
:root[data-mode="dark"] .product-section-2 .product-box-4 .product-details .option,
:root[data-mode="dark"] .product-section-2 .product-box-4 .product-details .option li,
:root[data-mode="dark"] .product-section-box .review-box .review-people .review-list li .people-box .people-text .user-round,
:root[data-mode="dark"] .product-theme-box,
:root[data-mode="dark"] .product-theme-box .bottom-content .btn-outline,
:root[data-mode="dark"] .qty-box .input-group button,
:root[data-mode="dark"] .qty-box .input-group.theme-bg-white,
:root[data-mode="dark"] .question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-image,
:root[data-mode="dark"] .review-section .reviewer-box,
:root[data-mode="dark"] .seller-grid-box .grid-contain .contain-name .grid-image,
:root[data-mode="dark"] .seller-grid-box-1 .grid-contain .seller-category .product-image li,
:root[data-mode="dark"] .setting-box .theme-setting-2,
:root[data-mode="dark"] .setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.outline,
:root[data-mode="dark"] .setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-outline,
:root[data-mode="dark"] .shop-banner-contain .shop-banner-details,
:root[data-mode="dark"] .shop-section .left-box,
:root[data-mode="dark"] .shop-section .top-filter-category,
:root[data-mode="dark"] .sticky-bottom-cart,
:root[data-mode="dark"] .tab-style-color .nav-item .nav-link,
:root[data-mode="dark"] .theme-form-floating .form-control:focus,
:root[data-mode="dark"] .theme-form-floating-2 .form-control:focus,
:root[data-mode="dark"] .theme-form-floating-2>.form-control:focus~label,:root[data-mode="dark"] .theme-form-floating-2>.form-control:not(:placeholder-shown)~label,:root[data-mode="dark"] .theme-form-floating-2>.form-select~label,
:root[data-mode="dark"] .theme-form-floating-2>.form-control:not(:-moz-placeholder-shown)~label,
:root[data-mode="dark"] .theme-form-floating-2>.form-control:not(:-ms-input-placeholder)~label,
:root[data-mode="dark"] .theme-form-floating>.form-control:focus~label,:root[data-mode="dark"] .theme-form-floating>.form-control:not(:placeholder-shown)~label,:root[data-mode="dark"] .theme-form-floating>.form-select~label,
:root[data-mode="dark"] .theme-form-floating>.form-control:not(:-moz-placeholder-shown)~label,
:root[data-mode="dark"] .theme-form-floating>.form-control:not(:-ms-input-placeholder)~label,
:root[data-mode="dark"] .theme-product-section .product-left-box .theme-option-box .theme-image-option .theme-image-icon,
:root[data-mode="dark"] .theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul,
:root[data-mode="dark"] .theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.product-theme-icon,
:root[data-mode="dark"] .theme-product-section .right-box-contain .deal-timer.product-deal-timer ul,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-button,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .form-check .form-check-input:checked~.form-check-label .circle-box .circle,
:root[data-mode="dark"] .theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box .circle,
:root[data-mode="dark"] .theme-product-section .right-box-contain .vendor-box .vendor-contain,
:root[data-mode="dark"] .title-leaf svg,
:root[data-mode="dark"] .top-selling-box .top-selling-contain .top-selling-detail .product-option,
:root[data-mode="dark"] .user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image .cover-icon,
:root[data-mode="dark"] .user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain,
:root[data-mode="dark"] .user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label:before,
:root[data-mode="dark"] .vendor-box .vendor-contain,
:root[data-mode="dark"] .vendor-detail-box,
:root[data-mode="dark"] [dir=rtl] .setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-unline,
:root[data-mode="dark"] body,
:root[data-mode="dark"] header .header-nav .header-nav-left .category-dropdown,
:root[data-mode="dark"] header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul,
:root[data-mode="dark"] header .navbar-expand-xl .dropdown-menu,
:root[data-mode="dark"] header .navbar-expand-xl .dropdown-menu .dropdown-menu,
:root[data-mode="dark"] header .navbar-nav .dropdown-menu,
:root[data-mode="dark"] header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu,
:root[data-mode="dark"] header .navbar-sticky.navbar-stuck,
:root[data-mode="dark"] header .offcanvas,
:root[data-mode="dark"] header .onhover-category-list .onhover-category-box,
:root[data-mode="dark"] header .onhover-dropdown .onhover-div,
:root[data-mode="dark"] header .search-full,
:root[data-mode="dark"] header .top-nav .navbar-top .middle-box .search-box .input-group .form-control:focus,
:root[data-mode="dark"] header.active .sticky-header,
:root[data-mode="dark"] header.fixed-header {
    background-color: var(--bs-surface);
}

/* --- حاشیه --- */
:root[data-mode="dark"] .category-panel .category-panel-slider .cate-box:hover {
    border-color: var(--bs-line);
}

:root[data-mode="dark"] header .navbar-expand-xl .dropdown-menu {
    border-color: var(--bs-surface);
}

:root[data-mode="dark"] .book-product-box .counter-box .addtocart_btn .input-group .form-control,
:root[data-mode="dark"] .product-box .counter-box .addtocart_btn .input-group .form-control,
:root[data-mode="dark"] .product-box-4 .product-detail .addtocart_btn .input-group .form-control {
    border-color: var(--bs-canvas);
}