html[data-theme="dark"] body,
html[data-theme="dark"] .topHead,
html[data-theme="dark"] .headerPane,
html[data-theme="dark"] .headerWrapper,
html[data-theme="dark"] header,
html[data-theme="dark"] .topNavPane,
html[data-theme="dark"] .insideContent,
html[data-theme="dark"] .breadcrumbPane,
html[data-theme="dark"] footer,
html[data-theme="dark"] .ftMiddle,
html[data-theme="dark"] .ftBottom,
html[data-theme="dark"] .profileWidget,
html[data-theme="dark"] .cartCard,
html[data-theme="dark"] .prSummaryBox,
html[data-theme="dark"] .prFullDetailBox,
html[data-theme="dark"] .newProductSec .prItem,
html[data-theme="dark"] .blBot > i,
html[data-theme="dark"] .prDetailTabs > li,
html[data-theme="dark"] .prSideBox,
html[data-theme="dark"] .materialCard {
    background: #161a22 !important;
    color: #e5e7eb !important;
}

html[data-theme="dark"] .prSummaryDetail,
html[data-theme="dark"] .prPrices .prPriceLbl:after {
    color: #fff;
}

html[data-theme="dark"] .favCarousel .prItem a,
html[data-theme="dark"] .hblogItem a {
    border-color: #161a22 !important ;
    background: #1c2230 !important;
}

html[data-theme="dark"] .searchResults,
html[data-theme="dark"] .favSec .showMore,
html[data-theme="dark"] .blBot time,
html[data-theme="dark"] .homeBlog,
html[data-theme="dark"] .newProductSec,
html[data-theme="dark"] .megamenu,
html[data-theme="dark"] .submenu,
html[data-theme="dark"] .submenu2,
html[data-theme="dark"] .mobileTabs,
html[data-theme="dark"] .popUp,
html[data-theme="dark"] .productList > li .prItem,
html[data-theme="dark"] .msgBox,
html[data-theme="dark"] .warrantyBox,
html[data-theme="dark"] .pagination a,
html[data-theme="dark"] .prSummaryBox,
html[data-theme="dark"] .prDetailTabs,
html[data-theme="dark"] .shareBox {
    background: #1c2230 !important;
    color: #e5e7eb !important;
}

html[data-theme="dark"] .prListContent {
    background: none !important;
}

html[data-theme="dark"] a,
html[data-theme="dark"] span,
html[data-theme="dark"] p,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6,
html[data-theme="dark"] li,
html[data-theme="dark"] label,
html[data-theme="dark"] strong,
html[data-theme="dark"] .cmspage,
html[data-theme="dark"] .breadcrumbList > li > a,
html[data-theme="dark"] .topTel strong,
html[data-theme="dark"] .topTel span {
    color: #e5e7eb !important;
}

html[data-theme="dark"] .txt,
html[data-theme="dark"] .txtarea,
html[data-theme="dark"] textarea {
    background: #0f1115 !important;
    color: #e5e7eb !important;
    border-color: #2b3344 !important;
}

html[data-theme="dark"] .searchBox {
    background: #0f1115 !important;
    color: #e5e7eb !important;
}

html[data-theme="dark"] .searchResults a,
html[data-theme="dark"] .searchResults .item {
    border-color: #2b3344 !important;
}

html[data-theme="dark"] .topmenu > li > a:hover,
html[data-theme="dark"] a:hover {
    color: #8fd7ff !important;
}

html[data-theme="dark"] .outlineBtn,
html[data-theme="dark"] .btn,
html[data-theme="dark"] .btnAddToCart,
html[data-theme="dark"] .stepButtonsNext {
    background: #2563eb !important;
    color: #fff !important;
    border-color: #2563eb !important;
}

html[data-theme="dark"] .outlineBtn:hover,
html[data-theme="dark"] .btn:hover,
html[data-theme="dark"] .btnAddToCart:hover,
html[data-theme="dark"] .stepButtonsNext:hover {
    background: #1d4ed8 !important;
}

html[data-theme="dark"] .stepButtonsBack {
    background: #20283a !important;
    color: #d1d5db !important;
}

html[data-theme="dark"] .addressMapPicker,
html[data-theme="dark"] .mapContent,
html[data-theme="dark"] .leaflet-container {
    border-color: #2b3344 !important;
    background: #0f1115 !important;
}

html[data-theme="dark"] .leaflet-tile-pane {
    filter: brightness(0.6) contrast(1.1) saturate(0.8);
}

.themeToggleBtn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 48px;
    width: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    border: 1px solid #d1d5db;
    background: #fff;
    color: #1f2937;
    cursor: pointer;
    font: 13px/1 yekan;
}

.themeToggleBtn i {
    font-size: 18px;
}

.themeToggleBtn:hover {
    border-color: #9ca3af;
}

html[data-theme="dark"] .themeToggleBtn {
    border-color: #334155;
    background: #0f1115;
    color: #f3f4f6;
}

html[data-theme="dark"] .themeToggleBtn i {
    color: #fbbf24;
}

@media (max-width: 992px) {
    .themeToggleBtn span {
        display: none;
    }

    .themeToggleBtn {
        width: 42px;
        justify-content: center;
        padding: 0;
    }
}

html[data-theme="dark"] .footerAbout img,
html[data-theme="dark"] .logo img,
html[data-theme="dark"] .socials img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

html[data-theme="dark"] .ftCtList li i {
    color: #2563eb !important;
}