/* ===================================================================== Sodaiora shop — dark mode Active when (set by the switch in the header, or by the customer's phone/computer setting). Light mode is untouched. 1. Colour tokens (this part, hand written) 2. Template overrides (generated by scripts/dark-css/build.py from the template CSS: white backgrounds, light borders and near-black text) 3. Fixes (hand written, at the end) ===================================================================== */ html[data-theme="dark"] { --sd-bg: #111613; --sd-surface: #18201b; --sd-surface-2: #1f2822; --sd-tint: #1c2a21; --sd-border: #2c3830; --title-color: #eef3ef; --text-color: #a8b3ac; --bs-body-bg: #111613; --bs-body-color: #d8e0da; --bs-border-color: #2c3830; --bs-heading-color: #eef3ef; --bs-secondary-color: #a8b3ac; --bs-tertiary-bg: #1f2822; --bs-light-rgb: 31, 40, 34; --bs-white-rgb: 24, 32, 27; --bs-dark-rgb: 238, 243, 239; --bs-link-color: #5cc98a; --bs-link-hover-color: #86dcaa; color-scheme: dark; } html[data-theme="dark"] body { background: var(--sd-bg); color: var(--text-color); } /* Theme switch + logos */ .sd-logo-for-dark { display: none !important; } html[data-theme="dark"] .sd-logo-for-light { display: none !important; } html[data-theme="dark"] .sd-logo-for-dark { display: inline-block !important; } /* ---------- 2. Template overrides (generated) ---------- */ /* from assets/css/bootstrap.css */ :where(html[data-theme="dark"]) caption { color: var(--text-color); } :where(html[data-theme="dark"]) .blockquote-footer { color: var(--text-color); } :where(html[data-theme="dark"]) .img-thumbnail { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .figure-caption { color: var(--text-color); } :where(html[data-theme="dark"]) .form-text { color: var(--text-color); } :where(html[data-theme="dark"]) .form-control { color: var(--title-color); background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .form-control:focus { color: var(--title-color); background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .form-control::-moz-placeholder { color: var(--text-color); } :where(html[data-theme="dark"]) .form-control::placeholder { color: var(--text-color); } :where(html[data-theme="dark"]) .form-control:disabled { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .form-control::-webkit-file-upload-button { color: var(--title-color); background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .form-control::file-selector-button { color: var(--title-color); background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .form-control-plaintext { color: var(--title-color); } :where(html[data-theme="dark"]) .form-select { color: var(--title-color); background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .form-select:disabled { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .form-check-input { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .form-range::-webkit-slider-thumb:active { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .form-range::-webkit-slider-runnable-track { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .form-range::-moz-range-thumb:active { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .form-range::-moz-range-track { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .input-group-text { color: var(--title-color); background-color: var(--sd-surface-2); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .alert-secondary .alert-link { color: var(--title-color); } :where(html[data-theme="dark"]) .alert-light .alert-link { color: var(--text-color); } :where(html[data-theme="dark"]) .alert-dark .alert-link { color: var(--title-color); } :where(html[data-theme="dark"]) .list-group-item-primary { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .list-group-item-primary.list-group-item-action:hover, :where(html[data-theme="dark"]) .list-group-item-primary.list-group-item-action:focus { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .list-group-item-secondary { color: var(--text-color); background-color: var(--sd-border); } :where(html[data-theme="dark"]) .list-group-item-secondary.list-group-item-action:hover, :where(html[data-theme="dark"]) .list-group-item-secondary.list-group-item-action:focus { color: var(--text-color); background-color: var(--sd-border); } :where(html[data-theme="dark"]) .list-group-item-success { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .list-group-item-info { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .list-group-item-info.list-group-item-action:hover, :where(html[data-theme="dark"]) .list-group-item-info.list-group-item-action:focus { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .list-group-item-warning { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .list-group-item-warning.list-group-item-action:hover, :where(html[data-theme="dark"]) .list-group-item-warning.list-group-item-action:focus { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .list-group-item-danger { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .list-group-item-danger.list-group-item-action:hover, :where(html[data-theme="dark"]) .list-group-item-danger.list-group-item-action:focus { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .list-group-item-light { color: var(--text-color); background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .list-group-item-light.list-group-item-action:hover, :where(html[data-theme="dark"]) .list-group-item-light.list-group-item-action:focus { color: var(--text-color); background-color: var(--sd-border); } :where(html[data-theme="dark"]) .list-group-item-dark { color: var(--title-color); background-color: var(--sd-border); } :where(html[data-theme="dark"]) .btn-close { color: var(--title-color); } :where(html[data-theme="dark"]) .btn-close:hover { color: var(--title-color); } :where(html[data-theme="dark"]) .carousel-indicators [data-bs-target] { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .carousel-dark .carousel-caption { color: var(--title-color); } :where(html[data-theme="dark"]) .text-bg-info { color: var(--title-color) !important; } :where(html[data-theme="dark"]) .text-bg-warning { color: var(--title-color) !important; } :where(html[data-theme="dark"]) .text-bg-light { color: var(--title-color) !important; } :where(html[data-theme="dark"]) .link-secondary { color: var(--text-color) !important; } :where(html[data-theme="dark"]) .link-secondary:hover, :where(html[data-theme="dark"]) .link-secondary:focus { color: var(--text-color) !important; } :where(html[data-theme="dark"]) .link-dark { color: var(--title-color) !important; } :where(html[data-theme="dark"]) .link-dark:hover, :where(html[data-theme="dark"]) .link-dark:focus { color: var(--title-color) !important; } :where(html[data-theme="dark"]) .text-muted { color: var(--text-color) !important; } :where(html[data-theme="dark"]) .text-black-50 { color: var(--title-color) !important; } /* from assets/css/nice-select.css */ :where(html[data-theme="dark"]) .nice-select:hover { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .nice-select.disabled { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .nice-select.disabled:after { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .nice-select .list { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .nice-select .option:hover, :where(html[data-theme="dark"]) .nice-select .option.focus, :where(html[data-theme="dark"]) .nice-select .option.selected.focus { background-color: var(--sd-surface); } /* from assets/css/jquery-ui.css */ :where(html[data-theme="dark"]) .ui-widget-content { border: 1px solid var(--sd-border); background-color: var(--sd-surface); color: var(--title-color); } :where(html[data-theme="dark"]) .ui-widget-content a { color: var(--title-color); } :where(html[data-theme="dark"]) .ui-widget-header { border: 1px solid var(--sd-border); background-color: var(--sd-surface-2); color: var(--title-color); } :where(html[data-theme="dark"]) .ui-widget-header a { color: var(--title-color); } :where(html[data-theme="dark"]) .ui-state-default, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-default, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-default, :where(html[data-theme="dark"]) .ui-button, html[data-theme="dark"] .ui-button.ui-state-disabled:hover, html[data-theme="dark"] .ui-button.ui-state-disabled:active { background-color: var(--sd-surface); color: var(--title-color); } :where(html[data-theme="dark"]) .ui-state-default a, :where(html[data-theme="dark"]) .ui-state-default a:link, :where(html[data-theme="dark"]) .ui-state-default a:visited, :where(html[data-theme="dark"]) a.ui-button, :where(html[data-theme="dark"]) a:link.ui-button, :where(html[data-theme="dark"]) a:visited.ui-button, :where(html[data-theme="dark"]) .ui-button { color: var(--title-color); } :where(html[data-theme="dark"]) .ui-state-hover, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-hover, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-hover, :where(html[data-theme="dark"]) .ui-state-focus, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-focus, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-focus, :where(html[data-theme="dark"]) .ui-button:hover, :where(html[data-theme="dark"]) .ui-button:focus { border: 1px solid var(--sd-border); background-color: var(--sd-surface-2); color: var(--title-color); } :where(html[data-theme="dark"]) .ui-state-hover a, :where(html[data-theme="dark"]) .ui-state-hover a:hover, :where(html[data-theme="dark"]) .ui-state-hover a:link, :where(html[data-theme="dark"]) .ui-state-hover a:visited, :where(html[data-theme="dark"]) .ui-state-focus a, :where(html[data-theme="dark"]) .ui-state-focus a:hover, :where(html[data-theme="dark"]) .ui-state-focus a:link, :where(html[data-theme="dark"]) .ui-state-focus a:visited, :where(html[data-theme="dark"]) a.ui-button:hover, :where(html[data-theme="dark"]) a.ui-button:focus { color: var(--title-color); } :where(html[data-theme="dark"]) .ui-icon-background, :where(html[data-theme="dark"]) .ui-state-active .ui-icon-background { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .ui-state-highlight, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-highlight, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-highlight { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .ui-state-checked { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .ui-state-error, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-error, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-error { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .ui-state-error a, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-error a, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-error a { color: var(--text-color); } :where(html[data-theme="dark"]) .ui-state-error-text, :where(html[data-theme="dark"]) .ui-widget-content .ui-state-error-text, :where(html[data-theme="dark"]) .ui-widget-header .ui-state-error-text { color: var(--text-color); } /* from assets/css/jquery.fancybox.min.css */ :where(html[data-theme="dark"]) .fancybox-slide--map .fancybox-content, :where(html[data-theme="dark"]) .fancybox-slide--map iframe { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .fancybox-slide>* { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .fancybox-slide--iframe .fancybox-content { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .fancybox-error, :where(html[data-theme="dark"]) .fancybox-iframe { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .fancybox-error p { color: var(--title-color); } :where(html[data-theme="dark"]) .fancybox-close-small:after { color: var(--text-color); } :where(html[data-theme="dark"]) .fancybox-close-small:hover:after { color: var(--text-color); background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .fancybox-share { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .fancybox-share h1 { color: var(--title-color); } :where(html[data-theme="dark"]) .fancybox-share__button { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .fancybox-share__input { color: var(--text-color); border-bottom: 2px solid var(--sd-border); } :where(html[data-theme="dark"]) .fancybox-thumbs { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .fancybox-thumbs-y>ul::-webkit-scrollbar-track { background-color: var(--sd-surface); } /* from assets/css/style.css */ :where(html[data-theme="dark"]) body { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .preloader-close { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .handle-preloader .animation-preloader .txt-loading .letters-loading:before { color: var(--title-color); } :where(html[data-theme="dark"]) .pagination li a { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sticky-header { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .language-picker__dropdown { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .language-picker__flag { color: var(--title-color); } :where(html[data-theme="dark"]) .nav-style-one .owl-nav button { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .progress-box .bar { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .rating li span { color: var(--text-color); } :where(html[data-theme="dark"]) .border-animation { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .category-menu .upper-box { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .category-menu .outer-box { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .category-menu .close-btn { color: var(--title-color); } :where(html[data-theme="dark"]) .category-menu .category-box .category-list { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .category-menu .category-list li > a span { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .cart-menu { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .main-header .menu-right-content .info-list .cart-menu .close-icon a { color: var(--title-color); } :where(html[data-theme="dark"]) .cart-menu .cart-products .product { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .cart-menu .cart-products .product .image-box { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .item-quantity-selector { border: 1px solid var(--sd-border); background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .item-quantity-selector input.quantity-spinner { color: var(--title-color); } :where(html[data-theme="dark"]) .bootstrap-touchspin .btn.bootstrap-touchspin-up { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .bootstrap-touchspin .btn.bootstrap-touchspin-up:before { color: var(--title-color); } :where(html[data-theme="dark"]) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:before { color: var(--title-color); } :where(html[data-theme="dark"]) .progress-box .bar { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .progress-box p { color: var(--text-color); } :where(html[data-theme="dark"]) .shop-filter-content .filter-close-icon a { color: var(--title-color); } :where(html[data-theme="dark"]) .check-box-two label:before { border-color: var(--sd-border); } /* from assets/css/module-css/header.css */ :where(html[data-theme="dark"]) .main-header .search-area { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .main-header .search-area .category-inner .nice-select { border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .main-header .outer-box .category-box { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .main-header .outer-box .category-box .category-list { background-color: var(--sd-surface); border-color: var(--sd-border); } :where(html[data-theme="dark"]) .main-header .outer-box .category-box .category-list .list-inner { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .main-header .outer-box .category-box .list-inner .shop-block { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .main-header .outer-box .category-box .list-inner .shop-block .link { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .main-menu .navigation > li > ul, :where(html[data-theme="dark"]) .main-menu .navigation > li > .megamenu { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .main-menu .navigation li.dropdown .dropdown-btn { color: var(--title-color); } :where(html[data-theme="dark"]) .menu-area .mobile-nav-toggler .icon-bar { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .mobile-menu .navigation li > a:before { border-left: 5px solid var(--sd-border); } :where(html[data-theme="dark"]) .header-style-three .search-area { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .main-header .menu-right-content .search-box .form-group input[type="search"] { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .header-style-five .header-lower { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .header-style-five .header-lower .outer-box .category-box { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .rtl .main-header .search-area .category-inner .nice-select { border-left: 1px solid var(--sd-border); } @media only screen and (max-width: 1200px) { :where(html[data-theme="dark"]) .main-header .outer-box .category-box { border: 1px solid var(--sd-border); } } /* from assets/css/module-css/featured.css */ :where(html[data-theme="dark"]) .featured-section .single-featured .image-box { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .featured-style-two .inner-container { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .featured-style-two .shop-block-one .inner-box .image-box .option-list li a, :where(html[data-theme="dark"]) .featured-style-two .shop-block-one .inner-box .image-box .option-list li button { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .featured-style-two .shop-block-one .inner-box { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .featured-style-two .left-content .shop-block-one .inner-box { border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .featured-style-two .right-content .shop-block-one .inner-box { border-left: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .featured-section.alternat-2 .single-featured .image-box { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .rtl .featured-style-two .left-content .shop-block-one .inner-box { border-left: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .rtl .featured-style-two .right-content .shop-block-one .inner-box { border-right: 1px solid var(--sd-border); } @media only screen and (max-width: 767px) { :where(html[data-theme="dark"]) .featured-style-two .shop-block-one .inner-box { border-bottom: 1px solid var(--sd-border) !important; } } /* from assets/css/module-css/banner.css */ :where(html[data-theme="dark"]) .banner-content-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .banner-content-two .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .banner-content-three .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .banner-content-four .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .banner-content-four:last-child .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .banner-style-four .content-box .theme-btn { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .banner-style-five .inner-container { background-color: var(--sd-surface); } /* from assets/css/module-css/shop.css */ :where(html[data-theme="dark"]) .shop-section .title-content { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .shop-block-one .inner-box .image-box { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .shop-block-one .inner-box .image-box .option-list li a, :where(html[data-theme="dark"]) .shop-block-one .inner-box .image-box .option-list li button { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .shop-style-two .inner-container { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-two .inner-container:before { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .shop-style-two .shop-block-one .inner-box { border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-two .shop-block-one .inner-box .image-box .option-list li a, :where(html[data-theme="dark"]) .shop-style-two .shop-block-one .inner-box .image-box .option-list li button { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-three .ads-block .theme-btn.btn-one { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .shop-block-two .inner-box .image-box { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .shop-style-four .shop-block-one .inner-box { border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-four .shop-block-one .inner-box .image-box .option-list li a, :where(html[data-theme="dark"]) .shop-style-four .shop-block-one .inner-box .image-box .option-list li button { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-four .content-box { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-four.meat-shop .content-box { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-five .shop-block-one .inner-box { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-block-one .inner-box .bubble-1 { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .shop-block-one .inner-box .bubble-2 { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .shop-block-one .inner-box .bubble-3 { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .shop-block-one .inner-box .bubble-4 { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .shop-block-one .inner-box .bubble-5 { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .shop-style-six .ads-block .theme-btn.btn-one { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .shop-style-six .shop-block-one .inner-box { border: 1px solid var(--sd-border); background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .shop-style-six .shop-block-one .inner-box:hover { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-six .shop-block-one .inner-box .image-box .option-list li a, :where(html[data-theme="dark"]) .shop-style-six .shop-block-one .inner-box .image-box .option-list li button, :where(html[data-theme="dark"]) .shop-style-seven .shop-block-one .inner-box .image-box .option-list li a, :where(html[data-theme="dark"]) .shop-style-seven .shop-block-one .inner-box .image-box .option-list li button { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-three.home-3 .ads-block.style-two { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-eight .shop-block-one .inner-box { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-eight .shop-block-one .inner-box:hover { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-eight .shop-block-one .inner-box .image-box .option-list li a, :where(html[data-theme="dark"]) .shop-style-eight .shop-block-one .inner-box .image-box .option-list li button { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-eight .ads-block .theme-btn.btn-one { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .shop-block-one .inner-box .quentity-box .nice-select { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-nine .ads-block { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .shop-style-nine .content-box { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-nine .shop-block-one .inner-box { border-bottom: 1px solid var(--sd-border); border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-nine .shop-block-one .inner-box:before { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .shop-style-nine .shop-block-one .inner-box .image-box .option-list li a, :where(html[data-theme="dark"]) .shop-style-nine .shop-block-one .inner-box .image-box .option-list li button { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-style-three.home-5 .shop-block-two .inner-box .image-box { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-block-three { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-block-three:hover { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .shop-block-three .inner-box .cart-content { border-left: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-block-three .inner-box .cart-content h3 del { color: var(--text-color); } @media only screen and (max-width: 1499px) { :where(html[data-theme="dark"]) .shop-style-nine .content-box { border-left: 1px solid var(--sd-border); } } @media only screen and (max-width: 991px) { :where(html[data-theme="dark"]) .shop-style-four .content-box { border: 1px solid var(--sd-border); } } @media only screen and (max-width: 599px) { :where(html[data-theme="dark"]) .shop-style-nine .shop-block-one .inner-box { border-bottom: 1px solid var(--sd-border) !important; } } /* from assets/css/module-css/ads.css */ :where(html[data-theme="dark"]) .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-section .ads-block:nth-child(2) .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-section .ads-block:nth-child(3) .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-section.home-2 .ads-block:nth-child(2) .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-section.home-2 .ads-block:nth-child(3) .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-section.home-2 .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-style-two.home-3 .ads-block:first-child .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-style-two.home-3 .ads-block:last-child .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-section.home-4 .ads-block:nth-child(2) .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-section.home-4 .ads-block:nth-child(3) .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-style-three .ads-block-one.light .inner-box .theme-btn { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .ads-section.home-5 .ads-block:nth-child(2) .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .ads-section.home-5 .ads-block:nth-child(3) .ads-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } /* from assets/css/module-css/cta.css */ :where(html[data-theme="dark"]) .cta-section .inner-container { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .cta-style-two .inner-container { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .cta-style-two.home-2 .inner-container .theme-btn { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .cta-style-two.home-4 .inner-container .theme-btn { background-color: var(--sd-surface); } /* from assets/css/module-css/offers.css */ :where(html[data-theme="dark"]) .offers-block-one .inner-box { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .offers-section.alternat-2 .offers-block-one .inner-box { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .offers-section.alternat-2 .offers-block:nth-child(2) .offers-block-one .inner-box { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .offers-section.alternat-2 .offers-block:nth-child(3) .offers-block-one .inner-box { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .offers-section.alternat-2 .offers-block:nth-child(4) .offers-block-one .inner-box { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .offers-block-one .inner-box .timer .cs-countdown .count-col { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .offers-style-two .inner-container { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .offers-style-two.alternat-2 .inner-container { background-color: var(--sd-tint); } /* from assets/css/module-css/news.css */ :where(html[data-theme="dark"]) .news-block-one .inner-box { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .news-block-one .inner-box:hover { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .news-block-two { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .news-block-two .inner-box .post-info { color: var(--text-color); } /* from assets/css/module-css/highlights.css */ :where(html[data-theme="dark"]) .highlights-section .inner-container { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .highlights-block-two .inner-box { background-color: var(--sd-surface); } /* from assets/css/module-css/footer.css */ :where(html[data-theme="dark"]) .main-footer .footer-widget .form-inner .form-group input[type="email"] { background-color: var(--sd-surface); border-color: var(--sd-border); color: var(--text-color); } :where(html[data-theme="dark"]) .main-footer .download-widget .download-btn a { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .main-footer .footer-card li a { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .dark-footer { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .dark-footer .footer-widget .info li, :where(html[data-theme="dark"]) .dark-footer .footer-widget .info li a { color: var(--text-color); } :where(html[data-theme="dark"]) .dark-footer .footer-widget .form-inner .form-group input[type="email"] { border-color: var(--sd-border); color: var(--text-color); } :where(html[data-theme="dark"]) .dark-footer .links-widget .links-list li a, :where(html[data-theme="dark"]) .dark-footer p { color: var(--text-color); } :where(html[data-theme="dark"]) .dark-footer .download-widget .download-btn a { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .dark-footer .footer-bottom { background-color: var(--sd-surface); } /* from assets/css/module-css/shop-sidebar.css */ :where(html[data-theme="dark"]) .shop-sidebar .widget-title { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .price-range-slider .range-bar { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .shop-sidebar .size-widget .check-box label { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-sidebar .check-box label:before { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .shop-sidebar .color-widget .color-list li:nth-child(3) .check-box label:before { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .shop-sidebar .color-widget .color-list li:nth-child(10) .check-box label:before { --title-color: #111; --text-color: #444; color: #444; } :where(html[data-theme="dark"]) .shop-sidebar.style-two { border: 1px solid var(--sd-border); } /* from assets/css/module-css/shop-page.css */ :where(html[data-theme="dark"]) .shop-page-section .item-shorting { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-page-section .item-shorting .right-column p { color: var(--text-color); } :where(html[data-theme="dark"]) .shop-page-section .item-shorting .right-column .menu-box button { background-color: var(--sd-surface); border: 1px solid var(--sd-border); color: var(--text-color); } :where(html[data-theme="dark"]) .shop-page-section .item-shorting .right-column .menu-box button.on { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .shop-page-section .wrapper .inner-container { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-page-section .wrapper .inner-container .shop-block-one .inner-box.border-right { border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-page-section .wrapper .inner-container .shop-block-one .inner-box.border-bottom { border-bottom: 1px solid var(--sd-border) !important; } :where(html[data-theme="dark"]) .shop-page-section .wrapper .inner-container .shop-block-one .inner-box:before { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .shop-page-section .shop-block-one .inner-box .image-box .option-list li a, :where(html[data-theme="dark"]) .shop-page-section .shop-block-one .inner-box .image-box .option-list li button { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-page-section .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:after { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .shop-page-section .bootstrap-touchspin .btn.bootstrap-touchspin-up:after { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .rtl .shop-page-section .wrapper .inner-container .shop-block-one .inner-box.border-right { border-left: 1px solid var(--sd-border); } /* from assets/css/module-css/shop-details.css */ :where(html[data-theme="dark"]) .product-details-content .image-box { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .product-details-content .slider-content .thumb-box li a { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .product-details-content .content-box .size-list .check-box label { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .product-details-content .item-quantity { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .product-details-content .item-quantity input.quantity-spinner { color: var(--title-color); } :where(html[data-theme="dark"]) .product-details-content .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down { border-right: 1px solid var(--sd-border) !important; } :where(html[data-theme="dark"]) .product-details-content .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-up { border-left: 1px solid var(--sd-border) !important; } :where(html[data-theme="dark"]) .product-details-content .addto-cart-box ul li a, :where(html[data-theme="dark"]) .product-details-content .addto-cart-box ul li.like-btn button { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .product-details-content .content-box .payment-option { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .tab-btns li { color: var(--text-color); } :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .single-review { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .single-review .upper-box .info-box .date { color: var(--text-color); } :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .single-review .upper-box .info-box .date:before { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .single-review .upper-box .option-btn li button { color: var(--text-color); } :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .single-review .reply-review { border-top: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .customer-review .form-inner .form-group .upload-box { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .customer-review .rating-inner .rating-list li:before { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .form-inner .form-group input[type="text"], :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .form-inner .form-group input[type="email"], :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .form-inner .form-group textarea { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .specification-content .specification-list { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .specification-content .specification-list li { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .specification-content .specification-list li strong { border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .avg-rating .rating-list { border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .shop-details .product-discription .review-content .avg-rating .rating-list li span { color: var(--text-color); } :where(html[data-theme="dark"]) .shop-details .product-discription .customer-review .review-list li .check-box label:before { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .rtl .shop-details .product-discription .specification-content .specification-list li strong { border-left: 1px solid var(--sd-border); } /* from assets/css/module-css/deals.css */ :where(html[data-theme="dark"]) .deals-section { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .deals-block-one .inner-box { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .deals-block-one .inner-box .image-box .option-list li a, :where(html[data-theme="dark"]) .deals-block-one .inner-box .image-box .option-list li button { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .deals-block-one .inner-box .content-box h4 del { color: var(--text-color); } :where(html[data-theme="dark"]) .deals-block-one .inner-box .content-box .count-col { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .deals-section .owl-nav .owl-prev { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .deals-section .owl-nav .owl-next { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .deals-section.home-4 .deals-block-one .inner-box { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .deals-section.home-4 .deals-block-one .inner-box:hover { border-color: var(--sd-border); } /* from assets/css/module-css/cart.css */ :where(html[data-theme="dark"]) .cart-section .cart-table td { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .cart-table td:first-child { border-left: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .cart-table td:last-child { border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .bootstrap-touchspin .input-group-btn-vertical > .btn.bootstrap-touchspin-down:after { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .bootstrap-touchspin .btn.bootstrap-touchspin-up:after { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .cart-table td .cancel-btn { --title-color: #111; --text-color: #444; } :where(html[data-theme="dark"]) .cart-section .item-quantity { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .item-quantity input.quantity-spinner { color: var(--title-color); } :where(html[data-theme="dark"]) .cart-section .coupon-box .form-group input[type="text"] { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .total-cart { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .total-cart h3 { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .total-cart .shipping-cost .cost-list li .check-box label:before { border-color: var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .total-cart .shipping-address .single-item { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .cart-section .total-cart .shipping-address .single-item .icon-box { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .cart-section .total-cart .more-text { border-top: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .rtl .cart-section .cart-table td:first-child { border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .rtl .cart-section .cart-table td:last-child { border-left: 1px solid var(--sd-border); } /* from assets/css/module-css/checkout.css */ :where(html[data-theme="dark"]) .checkout-section .inner-container { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .checkout-section .billing-content .form-inner .form-group input[type="text"], :where(html[data-theme="dark"]) .checkout-section .billing-content .form-inner .form-group input[type="email"] { border: 1px solid var(--sd-border); color: var(--text-color); } :where(html[data-theme="dark"]) .checkout-section .billing-content .form-inner .form-group .nice-select { border: 1px solid var(--sd-border); color: var(--text-color); } :where(html[data-theme="dark"]) .checkout-section .order-info .order-product .single-item { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .checkout-section .order-info .order-product .single-item h6 span { color: var(--text-color); } :where(html[data-theme="dark"]) .checkout-section .order-info .cost-box { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .checkout-section .order-info .payment-option .bank-payment { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .checkout-section .order-info .payment-option .text-box p { color: var(--text-color); } /* from assets/css/module-css/login.css */ :where(html[data-theme="dark"]) .sign-section .form-inner { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sign-section .form-inner .form-group input[type="text"], :where(html[data-theme="dark"]) .sign-section .form-inner .form-group input[type="email"], :where(html[data-theme="dark"]) .sign-section .form-inner .form-group input[type="password"] { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sign-section .form-inner .social-links li a { border: 1px solid var(--sd-border); } /* from assets/css/module-css/account.css */ :where(html[data-theme="dark"]) .account-section .inner-container { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .account-section .account-info { border-right: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .account-section .account-info .author-info .single-item { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .account-section .tab-btns li.active-btn, :where(html[data-theme="dark"]) .account-section .tab-btns li:hover { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .account-section .history-box .single-history .product-box .image-box { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .account-section .tabs-box .payment-option .bank-payment { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .rtl .account-section .account-info { border-left: 1px solid var(--sd-border); } /* from assets/css/module-css/category.css */ :where(html[data-theme="dark"]) .category-block-one .inner-box .image-box { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .category-block-one .inner-box .image-box.bg-two { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .category-block-one .inner-box .image-box.bg-three { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .category-block-one .inner-box .image-box.bg-four { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .category-block-one .inner-box .image-box.bg-five { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .category-block-one .inner-box .image-box.bg-six { background-color: var(--sd-tint); } /* from assets/css/module-css/about.css */ :where(html[data-theme="dark"]) .about-section .content-box .funfact-block { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .about-section .inner-box .content-info .single-item h2 { background-color: var(--sd-surface); } /* from assets/css/module-css/testimonial.css */ :where(html[data-theme="dark"]) .testimonial-block-one .inner-box { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .testimonial-section .owl-nav .owl-prev { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .testimonial-section .owl-nav .owl-next { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } /* from assets/css/module-css/apps.css */ :where(html[data-theme="dark"]) .apps-section .content-box .download-btn a { background-color: var(--sd-surface); } /* from assets/css/module-css/contact.css */ :where(html[data-theme="dark"]) .contact-section .inner-container { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .contact-section .form-inner:before { background-color: var(--sd-border); } :where(html[data-theme="dark"]) .contact-section .form-inner .form-group input[type="text"], :where(html[data-theme="dark"]) .contact-section .form-inner .form-group input[type="email"], :where(html[data-theme="dark"]) .contact-section .form-inner .form-group textarea { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } /* from assets/css/module-css/blog-page.css */ :where(html[data-theme="dark"]) .blog-details-content .content-one blockquote { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .blog-details-content .post-share-option { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .blog-details-content .post-share-option .tags-list li a { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .blog-details-content .post-share-option .social-links li a { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .blog-details-content .author-box { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .blog-details-content .comment-box .form-inner .form-group input[type="text"], :where(html[data-theme="dark"]) .blog-details-content .comment-box .form-inner .form-group input[type="email"], :where(html[data-theme="dark"]) .blog-details-content .comment-box .form-inner .form-group textarea { border: 1px solid var(--sd-border); } /* from assets/css/module-css/blog-sidebar.css */ :where(html[data-theme="dark"]) .blog-sidebar .search-widget .form-group input[type="search"] { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .blog-sidebar .post-widget .post { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .blog-sidebar .deals-widget .inner-box { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .blog-sidebar .deals-widget .inner-box .content-box .timer .cs-countdown .count-col { background-color: var(--sd-surface); background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .blog-sidebar .deals-widget .owl-nav button { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .blog-sidebar .tags-widget .tags-list li a { border: 1px solid var(--sd-border); } /* from assets/css/responsive.css */ @media only screen and (max-width: 599px) { :where(html[data-theme="dark"]) .shop-six .shop-block-two { border-bottom: 1px solid var(--sd-border); } } /* from brand/sodaiora.css */ :where(html[data-theme="dark"]) .sodaiora-lightbox img { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sodaiora-lightbox-close { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sodaiora-noimg { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sodaiora-alert { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .sodaiora-summary li, :where(html[data-theme="dark"]) .sodaiora-timeline li { border-bottom: 1px dashed var(--sd-border); } :where(html[data-theme="dark"]) .sodaiora-form input, :where(html[data-theme="dark"]) .sodaiora-form select { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .checkout-section textarea { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sodaiora-qr { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sodaiora-qr img { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sodaiora-qr-name { color: var(--title-color); } :where(html[data-theme="dark"]) .sodaiora-qr-note { color: var(--text-color); } :where(html[data-theme="dark"]) .sodaiora-qr .form-group label { color: var(--title-color); } :where(html[data-theme="dark"]) .sodaiora-qr .form-group input { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sodaiora-wish-big { border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sodaiora-post-nav { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sodaiora-popup { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sodaiora-popup-close { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sodaiora-swatch { border: 1px solid var(--sd-border); background-color: var(--sd-surface); color: var(--title-color); } :where(html[data-theme="dark"]) .sd-variants { border-top: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sd-swatch, :where(html[data-theme="dark"]) .sd-chip { border: 1px solid var(--sd-border); background-color: var(--sd-surface); color: var(--title-color); } :where(html[data-theme="dark"]) .sd-swatch.is-active, :where(html[data-theme="dark"]) .sd-chip.is-active { border-color: var(--theme-color, #269c53); } :where(html[data-theme="dark"]) .sd-swatch-img { background-color: var(--sd-surface-2); } :where(html[data-theme="dark"]) .sd-swatch-dot { border-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sd-swatch.is-soldout, :where(html[data-theme="dark"]) .sd-chip.is-soldout { background-color: var(--sd-surface-2); color: var(--text-color); } :where(html[data-theme="dark"]) .sodaiora-select { border: 1px solid var(--sd-border); color: var(--title-color); } :where(html[data-theme="dark"]) .sd-photo img { border: 1px solid var(--sd-border); background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sd-photo button { border: 1px solid var(--sd-border); background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sd-photo small { color: var(--text-color); } :where(html[data-theme="dark"]) .sd-locate-btn { border: 1px solid var(--sd-border); background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sd-phone-branch select option { color: var(--title-color); } :where(html[data-theme="dark"]) .sd-nearest-note { background-color: var(--sd-tint); } :where(html[data-theme="dark"]) .sd-nearest-note.is-quiet { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sd-shop .pagination li.sd-gap::before { color: var(--text-color); } @media (max-width: 991px) { :where(html[data-theme="dark"]) .sd-filter-btn { border: 1px solid var(--sd-border); background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sd-filter-drawer { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sd-filter-head { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sd-filter-foot { border-top: 1px solid var(--sd-border); } } :where(html[data-theme="dark"]) .main-header .outer-box .category-box .category-list > li .icon, :where(html[data-theme="dark"]) .category-menu .category-list li .icon { background-color: var(--sd-surface); } :where(html[data-theme="dark"]) .sd-cbell-panel { background-color: var(--sd-surface); border: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sd-cbell-head { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sd-cbell-all { border-top: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sd-calert { border-bottom: 1px solid var(--sd-border); } :where(html[data-theme="dark"]) .sd-updates-list { border: 1px solid var(--sd-border); } /* ---------- 3. Fixes ---------- */ 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 { color: var(--title-color); } html[data-theme="dark"] .text-dark { color: var(--title-color) !important; } html[data-theme="dark"] .text-muted { color: var(--text-color) !important; } html[data-theme="dark"] .bg-white, html[data-theme="dark"] .bg-light { background-color: var(--sd-surface) !important; } html[data-theme="dark"] hr { border-color: var(--sd-border); opacity: 1; } html[data-theme="dark"] input, html[data-theme="dark"] select, html[data-theme="dark"] textarea { color: var(--title-color); } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: #7d8a82; } html[data-theme="dark"] ::selection { background: rgba(38, 156, 83, .45); color: #fff; } /* Photos with white backgrounds sit on a soft card instead of glowing. */ html[data-theme="dark"] .shop-block-one .inner-box .image-box, html[data-theme="dark"] .shop-details .image-box, html[data-theme="dark"] .product-details-content .image-box { background-color: var(--sd-surface-2); } html[data-theme="dark"] img.sodaiora-noimg { opacity: .3; } /* Preloader */ html[data-theme="dark"] .loader-wrap, html[data-theme="dark"] .preloader { background-color: var(--sd-bg) !important; } /* Sodaiora boxes */ html[data-theme="dark"] .sodaiora-alert { background: rgba(255, 172, 0, .1); border-color: rgba(255, 172, 0, .35); } html[data-theme="dark"] .sodaiora-alert, html[data-theme="dark"] .sodaiora-alert div { color: #f3c776; } html[data-theme="dark"] .sd-nearest-note { background: rgba(255, 172, 0, .1); border-color: rgba(255, 172, 0, .35); } html[data-theme="dark"] .sd-nearest-note p { color: #f3c776; } html[data-theme="dark"] .sd-nearest-note.is-quiet { background: rgba(38, 156, 83, .12); border-color: rgba(38, 156, 83, .4); } html[data-theme="dark"] .sd-nearest-note.is-quiet p { color: #9fdcb6; } html[data-theme="dark"] .sodaiora-select { background: var(--sd-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a8b3ac' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 20px center; color: var(--title-color); border-color: var(--sd-border); } /* Category icons are dark line drawings: keep their little tile light. */ html[data-theme="dark"] .main-header .outer-box .category-box .category-list > li .icon, html[data-theme="dark"] .category-menu .category-list li .icon { background-color: #e4ebe6; }