/* Site-wide light / dark theme
   Toggle sets data-theme on <html>.
   Light theme = existing page CSS (no overrides).
   Dark theme = paired background + text only under html[data-theme="dark"]. */

:root,
html[data-theme="light"] {
    --theme-bg: #ffffff;
    --theme-bg-soft: #f4f4f4;
    --theme-bg-muted: #f7f6f7;
    --theme-surface: #ffffff;
    --theme-surface-elevated: #f5f5f5;
    --theme-border: #bbbbbb;
    --theme-border-soft: #e5e5e5;
    --theme-text: #333333;
    --theme-text-muted: #666666;
    --theme-header-bg: #ffffff;
    --theme-dropdown-bg: #ffffff;
    --theme-input-bg: #ffffff;
    --theme-input-border: #cccccc;
    --theme-modal-bg: #ffffff;
    --theme-shadow: rgba(50, 50, 50, 0.4);
    --theme-accent: #1589ee;
    --theme-loader-bg: #ffffff;
    --theme-table-stripe: #f9f9f9;
}

html[data-theme="dark"] {
    --theme-bg: #121417;
    --theme-bg-soft: #1a1d22;
    --theme-bg-muted: #22262c;
    --theme-surface: #1c1f25;
    --theme-surface-elevated: #252a32;
    --theme-border: #3a404a;
    --theme-border-soft: #2e343e;
    --theme-text: #e8eaed;
    --theme-text-muted: #a8adb7;
    --theme-header-bg: #1c1f25;
    --theme-dropdown-bg: #252a32;
    --theme-input-bg: #1c1f25;
    --theme-input-border: #3a404a;
    --theme-modal-bg: #1c1f25;
    --theme-shadow: rgba(0, 0, 0, 0.55);
    --theme-accent: #4da3ff;
    --theme-loader-bg: #121417;
    --theme-table-stripe: #22262c;
}

/* ========== Toggle button (shared chrome; does not restyle site) ========== */
.header-search-cart .theme-toggle-wrap.common-style > .theme-toggle-btn {
    margin-left: 18px;
}

.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent;
    color: #4b4a48;
    cursor: pointer;
    vertical-align: middle;
    line-height: 1;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.theme-toggle-btn:hover,
.theme-toggle-btn:focus {
    background-color: rgba(21, 137, 238, 0.12);
    border-color: rgba(21, 137, 238, 0.35);
    outline: none;
}

.theme-toggle-btn .theme-icon {
    font-size: 18px;
    line-height: 1;
    display: inline-block;
}

.theme-toggle-btn .theme-icon-sun {
    display: none;
}

html[data-theme="dark"] .theme-toggle-btn .theme-icon-moon {
    display: none;
}

html[data-theme="dark"] .theme-toggle-btn .theme-icon-sun {
    display: inline-block;
}

html[data-theme="dark"] .theme-toggle-btn {
    color: #f0c14b;
}

html[data-theme="light"] .theme-toggle-btn {
    color: #4a5568;
}

.header-search-cart .theme-toggle-wrap,
.header-search-cart .header-cart.theme-toggle-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    height: auto;
    line-height: 1;
    vertical-align: middle;
}

.header-search-cart .theme-toggle-wrap.common-style > p {
    margin: 0;
}

/* Keep header utility icons on one baseline */
.header-search-cart {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.header-search-cart > .common-style,
.header-search-cart > .header-cart,
.header-search-cart > .header-search,
.header-search-cart > .theme-toggle-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: none;
    margin-top: 0;
    vertical-align: middle;
}

.header-search-cart .common-style > p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1;
}

.login-theme-toggle-wrap {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.header-area-2 {
    position: relative;
}

/* ========== DARK THEME ONLY ========== */

/* --- Shell --- */
html[data-theme="dark"] body,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] .isc-ecommerce {
    background-color: var(--theme-bg) !important;
    color: var(--theme-text);
}

html[data-theme="dark"] .intelligent-header,
html[data-theme="dark"] .header-area,
html[data-theme="dark"] .header-area-2 {
    background-color: var(--theme-header-bg) !important;
    border-bottom-color: var(--theme-border) !important;
    color: var(--theme-text);
}

html[data-theme="dark"] .intelligent-header.headroom--not-top {
    box-shadow: 0 1px 6px var(--theme-shadow);
}

html[data-theme="dark"] .main-menu ul li a,
html[data-theme="dark"] .main-menu nav > ul > li > a,
html[data-theme="dark"] .header-search-cart .common-style > p,
html[data-theme="dark"] .header-search-cart .common-style span,
html[data-theme="dark"] .header-search-cart .ionicons,
html[data-theme="dark"] .header-search-cart [class^="ion-"],
html[data-theme="dark"] .header-search-cart [class*=" ion-"],
html[data-theme="dark"] .header-sidebar button {
    color: var(--theme-text) !important;
}

/* Kill style.css white hover flash on header cart trigger */
html[data-theme="dark"] .sidebar-trigger-cart:hover,
html[data-theme="dark"] .sidebar-trigger-cart:focus,
html[data-theme="dark"] .sidebar-trigger-cart:active,
html[data-theme="dark"] #AddCart_Icon .sidebar-trigger-cart:hover,
html[data-theme="dark"] #AddCart_Icon .sidebar-trigger-cart:focus,
html[data-theme="dark"] #AddCart_Icon .sidebar-trigger-cart:active {
    background-color: transparent !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--theme-accent) !important;
}

html[data-theme="dark"] .sidebar-trigger-cart:hover .ion-bag,
html[data-theme="dark"] .sidebar-trigger-cart:hover .isc-ion-bag,
html[data-theme="dark"] .sidebar-trigger-cart:focus .ion-bag,
html[data-theme="dark"] .sidebar-trigger-cart:active .ion-bag {
    color: var(--theme-accent) !important;
}

html[data-theme="dark"] .main-menu nav > ul > li:hover > a,
html[data-theme="dark"] .main-menu nav > ul > li > a:hover {
    color: var(--theme-accent) !important;
}

html[data-theme="dark"] .main-menu nav > ul > li > ul,
html[data-theme="dark"] .main-menu nav > ul > li > .mega-dropdown,
html[data-theme="dark"] .isc-logout-dropdown {
    background: var(--theme-dropdown-bg) !important;
    background-color: var(--theme-dropdown-bg) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
    box-shadow: 0 8px 24px var(--theme-shadow);
}

html[data-theme="dark"] .main-menu nav > ul > li > ul > li > a,
html[data-theme="dark"] .isc-logout-dropdown li a,
html[data-theme="dark"] .isc-login-name h6,
html[data-theme="dark"] .isc-login-sec-title {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .main-menu nav > ul > li > ul > li > a:hover,
html[data-theme="dark"] .isc-logout-dropdown li a:hover {
    color: var(--theme-accent) !important;
    background-color: var(--theme-bg-muted) !important;
}

html[data-theme="dark"] .mobile-menu,
html[data-theme="dark"] .mean-container .mean-nav,
html[data-theme="dark"] .mean-container .mean-nav ul,
html[data-theme="dark"] .mean-container .mean-nav ul li a {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .mean-container a.meanmenu-reveal {
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .mean-container a.meanmenu-reveal span {
    background: var(--theme-text) !important;
}

html[data-theme="dark"] .footer-area,
html[data-theme="dark"] .footer-widget,
html[data-theme="dark"] .footer-widget-r-content,
html[data-theme="dark"] .footer-link li a,
html[data-theme="dark"] .footer-widget-r-content li,
html[data-theme="dark"] .isc-site-footer,
html[data-theme="dark"] .isc-contact-footer,
html[data-theme="dark"] .isc-checkout1-footer,
html[data-theme="dark"] .isc-checkout-information-footer,
html[data-theme="dark"] .isc-customer-information-footer,
html[data-theme="dark"] .isc-customer-details-footer,
html[data-theme="dark"] .isc-customer-details-footer .footer-link li a,
html[data-theme="dark"] .isc-customer-details-footer .footer-widget-r-content li,
html[data-theme="dark"] .isc-customer-details-footer .footer-widget-m-content p,
html[data-theme="dark"] .isc-order-list-footer,
html[data-theme="dark"] .isc-order-list-footer .footer-link li a,
html[data-theme="dark"] .isc-order-list-footer .footer-widget-r-content li,
html[data-theme="dark"] .isc-order-list-footer .footer-widget-r-content li span,
html[data-theme="dark"] .isc-order-list-footer .footer-widget-r-content li a,
html[data-theme="dark"] .isc-order-list-footer .footer-widget-m-content p,
html[data-theme="dark"] .isc-order-list-footer .footer-widget-m-content > p,
html[data-theme="dark"] .footer-widget-m-content > p,
html[data-theme="dark"] .footer-widget-r-content li,
html[data-theme="dark"] .footer-widget-r-content li span,
html[data-theme="dark"] .footer-widget-r-content li a {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .page-block {
    background-color: var(--theme-loader-bg) !important;
}

html[data-theme="dark"] .isc-loader-heading,
html[data-theme="dark"] .loader-area .text {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] hr,
html[data-theme="dark"] .dropdown-divider {
    border-top-color: var(--theme-border) !important;
}

/* --- Notifications dropdown --- */
html[data-theme="dark"] .isc-notif-cont,
html[data-theme="dark"] .isc-notifi-drpdwn,
html[data-theme="dark"] .isc-set-scroll-noti {
    background: var(--theme-dropdown-bg) !important;
    background-color: var(--theme-dropdown-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    box-shadow: 0 8px 24px var(--theme-shadow);
}

html[data-theme="dark"] .isc-notif-cont .isc-item-title-cont-p1,
html[data-theme="dark"] .isc-item-title-cont-p1,
html[data-theme="dark"] .isc-notif-cont h5,
html[data-theme="dark"] .isc-notif-cont p,
html[data-theme="dark"] .isc-notif-cont span,
html[data-theme="dark"] .isc-notif-cont .isc-color-p1 {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-notify-sep .isc-comment-sec-grp-cell-s2 {
    border-bottom-color: var(--theme-border) !important;
}

/* --- Cart sidebar --- */
html[data-theme="dark"] .sidebar-cart,
html[data-theme="dark"] .wrap-sidebar,
html[data-theme="dark"] .sidebar-cart-all,
html[data-theme="dark"] .cart-content,
html[data-theme="dark"] .onepage-sidebar-area,
html[data-theme="dark"] .cur-lang-acc-active {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    box-shadow: 0 0 12px var(--theme-shadow);
}

html[data-theme="dark"] .cart-content > h3,
html[data-theme="dark"] .cart-content li,
html[data-theme="dark"] .cart-content a,
html[data-theme="dark"] .cart-content span,
html[data-theme="dark"] .cart-content p,
html[data-theme="dark"] .single-product-cart,
html[data-theme="dark"] .sidebar-cart-icon button,
html[data-theme="dark"] .sidebar-nav-icon button {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .sidebar-cart .quantity__minus,
html[data-theme="dark"] .sidebar-cart .quantity__plus,
html[data-theme="dark"] .cart-content .quantity__minus,
html[data-theme="dark"] .cart-content .quantity__plus {
    background: var(--theme-bg-muted) !important;
    border: 1px solid var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .sidebar-cart .quantity__input,
html[data-theme="dark"] .cart-content .quantity__input {
    background: var(--theme-input-bg) !important;
    border: 1px solid var(--theme-border) !important;
    color: var(--theme-text) !important;
}

/* --- Shared forms / modals / tables --- */
html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="image"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select,
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .fs-search input,
html[data-theme="dark"] input.form2Example1 {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-input-border) !important;
    caret-color: var(--theme-text);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: var(--theme-text-muted) !important;
    opacity: 1;
}

html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .isc-barcode-modal-content,
html[data-theme="dark"] .modal-header,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .modal-footer,
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-body,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .popover {
    background-color: var(--theme-modal-bg) !important;
    background: var(--theme-modal-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .modal-content h1,
html[data-theme="dark"] .modal-content h2,
html[data-theme="dark"] .modal-content h3,
html[data-theme="dark"] .modal-content h4,
html[data-theme="dark"] .modal-content h5,
html[data-theme="dark"] .modal-content h6,
html[data-theme="dark"] .modal-content p,
html[data-theme="dark"] .modal-content label,
html[data-theme="dark"] .modal-content span,
html[data-theme="dark"] .modal-content td,
html[data-theme="dark"] .modal-content th,
html[data-theme="dark"] .modal-body h4 {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .modal-header .close,
html[data-theme="dark"] .close {
    color: var(--theme-text) !important;
    text-shadow: none;
    opacity: 0.85;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tbody > tr > th,
html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table-content table,
html[data-theme="dark"] .table-content table td,
html[data-theme="dark"] .table-content table th {
    background-color: var(--theme-surface) !important;
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd),
html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > td {
    background-color: var(--theme-table-stripe) !important;
}

html[data-theme="dark"] .table .table-header,
html[data-theme="dark"] .isc-orderl-table .table-header {
    background: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
}

/* Pagination shared */
html[data-theme="dark"] .isc-page-count-s1,
html[data-theme="dark"] .pagination-style ul li a,
html[data-theme="dark"] .isc-pagination-sec-s1 a,
html[data-theme="dark"] .isc-pagination-inner-sec-s1 a,
html[data-theme="dark"] .isc-pagination-inner-sec-s1 span {
    background-color: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-page-count-s1.active,
html[data-theme="dark"] .pagination-style ul li.active a {
    background-color: var(--theme-accent) !important;
    color: #fff !important;
    border-color: var(--theme-accent) !important;
}

/* --- Product listing --- */
html[data-theme="dark"] .shop-page-wrapper,
html[data-theme="dark"] .shop-wrapper-pd,
html[data-theme="dark"] .shop-product-wrapper,
html[data-theme="dark"] .shop-product-content,
html[data-theme="dark"] .shop-sidebar,
html[data-theme="dark"] .sidebar-widget,
html[data-theme="dark"] .sidebar-parent,
html[data-theme="dark"] .isc-product-contain,
html[data-theme="dark"] .isc-product-cont,
html[data-theme="dark"] .breadcrumb-area,
html[data-theme="dark"] .filter-content {
    background-color: var(--theme-bg) !important;
    background: var(--theme-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .sidebar-title,
html[data-theme="dark"] .sidebar-categories li,
html[data-theme="dark"] .sidebar-categories li a,
html[data-theme="dark"] .sidebar-categories label,
html[data-theme="dark"] .sidebar-categories span,
html[data-theme="dark"] .isc-s2-tab-label,
html[data-theme="dark"] .isc-var-11,
html[data-theme="dark"] .isc-var-11 span,
html[data-theme="dark"] .isc-var-ttl,
html[data-theme="dark"] .cat-name,
html[data-theme="dark"] .breadcrumb-content h2,
html[data-theme="dark"] .breadcrumb-content li,
html[data-theme="dark"] .breadcrumb-content a,
html[data-theme="dark"] #home_taghead {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .sidebar-search,
html[data-theme="dark"] .sidebar-search form,
html[data-theme="dark"] .sidebar-search form input {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .sidebar-search form > button {
    background-color: var(--theme-accent) !important;
    color: #fff !important;
    border-color: var(--theme-accent) !important;
}

/* Order info banner (beats Product.aspx inline !important via higher specificity) */
html[data-theme="dark"] .isc-products .order-info-banner,
html[data-theme="dark"] .isc-products .order-info-banner-grid,
html[data-theme="dark"] .isc-products .order-info-banner-section {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-products .order-info-banner-section + .order-info-banner-section {
    border-left-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-products .order-info-banner-section h4,
html[data-theme="dark"] .isc-products .order-info-banner-section p,
html[data-theme="dark"] .isc-products .order-info-banner-section li,
html[data-theme="dark"] .isc-products .order-info-banner-section strong {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-products .order-info-banner-section a {
    color: var(--theme-accent) !important;
}

/* Listing toolbar / sort / view / pagination strip */
html[data-theme="dark"] .shop-bar,
html[data-theme="dark"] .shop-bar-area,
html[data-theme="dark"] .isc-products .shop-bar,
html[data-theme="dark"] .isc-products .shop-bar-area,
html[data-theme="dark"] .isc-products .shop-found-selector.isc-listing-toolbar,
html[data-theme="dark"] .shop-found-selector,
html[data-theme="dark"] .isc-listing-toolbar,
html[data-theme="dark"] .grid-list-top,
html[data-theme="dark"] .shop-topbar-wrapper {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-products .isc-listing-toolbar .shop-found > p,
html[data-theme="dark"] .isc-products .isc-listing-toolbar .shop-selector label,
html[data-theme="dark"] .isc-products .isc-view-label,
html[data-theme="dark"] .shop-found > p,
html[data-theme="dark"] .shop-selector label {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-products .isc-listing-toolbar .shop-found > p span {
    color: var(--theme-accent) !important;
}

/* Sort / Show selects — beat Product.css light gradient + chevron */
html[data-theme="dark"] .isc-products .isc-listing-toolbar .shop-selector select,
html[data-theme="dark"] .isc-products .isc-listing-toolbar #slt_home_sortproducts,
html[data-theme="dark"] .isc-products .isc-listing-toolbar #slt_home_showitems,
html[data-theme="dark"] .isc-products .shop-selector select,
html[data-theme="dark"] .isc-products #slt_home_sortproducts,
html[data-theme="dark"] .isc-products #slt_home_showitems,
html[data-theme="dark"] .shop-selector select,
html[data-theme="dark"] #slt_home_sortproducts,
html[data-theme="dark"] #slt_home_showitems {
    background-color: var(--theme-surface-elevated) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='none' stroke='%23a8adb7' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M1 1l4 4 4-4'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 10px 6px !important;
    color: var(--theme-text) !important;
    border: 1px solid var(--theme-border) !important;
    border-color: var(--theme-border) !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .isc-products .isc-listing-toolbar .shop-selector select:focus,
html[data-theme="dark"] .isc-products .isc-listing-toolbar #slt_home_sortproducts:focus,
html[data-theme="dark"] .isc-products .isc-listing-toolbar #slt_home_showitems:focus,
html[data-theme="dark"] .isc-products #slt_home_sortproducts:focus,
html[data-theme="dark"] .isc-products #slt_home_showitems:focus {
    outline: none !important;
    border-color: var(--theme-accent) !important;
    color: var(--theme-text) !important;
    background-color: var(--theme-surface-elevated) !important;
}

html[data-theme="dark"] .isc-products .isc-listing-toolbar .shop-selector select option,
html[data-theme="dark"] .isc-products .isc-listing-toolbar #slt_home_sortproducts option,
html[data-theme="dark"] .isc-products .isc-listing-toolbar #slt_home_showitems option,
html[data-theme="dark"] #slt_home_sortproducts option,
html[data-theme="dark"] #slt_home_showitems option {
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-products .isc-pl-pack,
html[data-theme="dark"] .isc-pl-card .isc-pl-pack,
html[data-theme="dark"] .isc-pl-row .isc-pl-pack {
    background-color: var(--theme-surface-elevated) !important;
    background-image: none !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-products .isc-view-btn {
    background: var(--theme-bg-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-products .isc-view-btn span,
html[data-theme="dark"] .isc-products .isc-view-btn i {
    color: inherit !important;
}

html[data-theme="dark"] .isc-products .isc-view-btn.is-active {
    background: #555555 !important;
    color: #fff !important;
    border-color: #555555 !important;
}

html[data-theme="dark"] .isc-products .isc-listing-toolbar .isc-page-count-s1 {
    background-color: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-products .isc-listing-toolbar .isc-page-count-s1.active {
    background-color: var(--theme-accent) !important;
    color: #fff !important;
}

/* Product cards — beat #homepage_productlist / related-list white !important */
html[data-theme="dark"] .isc-products #homepage_productlist.isc-product-grid .isc-pl-card.single-product,
html[data-theme="dark"] .isc-products #homepage_productlist .isc-pl-card.single-product,
html[data-theme="dark"] .isc-products #homepage_productlist .isc-pl-card,
html[data-theme="dark"] .isc-products .isc-pl-card.single-product,
html[data-theme="dark"] .isc-products .isc-pl-card,
html[data-theme="dark"] .isc-products .isc-pl-row.single-product,
html[data-theme="dark"] .isc-products .isc-pl-row,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-card,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-card,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-card.single-product,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-card.single-product,
html[data-theme="dark"] .isc-pl-card,
html[data-theme="dark"] .isc-pl-row,
html[data-theme="dark"] .single-product,
html[data-theme="dark"] .product-wrapper,
html[data-theme="dark"] .product-content,
html[data-theme="dark"] .product-img,
html[data-theme="dark"] .product-list-img,
html[data-theme="dark"] .product-list-content,
html[data-theme="dark"] .product-list-details {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-products #homepage_productlist.isc-product-grid .isc-pl-card.single-product,
html[data-theme="dark"] .isc-products #homepage_productlist .isc-pl-card.single-product {
    border: 1px solid var(--theme-border) !important;
}

html[data-theme="dark"] .isc-products .isc-pl-wish,
html[data-theme="dark"] .isc-products .isc-pl-img,
html[data-theme="dark"] .isc-pl-wish,
html[data-theme="dark"] .isc-pl-img {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .isc-products #homepage_productlist .isc-pl-card:hover,
html[data-theme="dark"] .isc-products .isc-pl-card:hover,
html[data-theme="dark"] .isc-pl-card:hover {
    box-shadow: 0 4px 14px var(--theme-shadow);
}

html[data-theme="dark"] .isc-products .isc-pl-name,
html[data-theme="dark"] .isc-products .isc-pl-sku,
html[data-theme="dark"] .isc-products .isc-pl-cat,
html[data-theme="dark"] .isc-products .isc-pl-unit,
html[data-theme="dark"] .isc-products .isc-pl-meta,
html[data-theme="dark"] .isc-products .isc-pl-empty,
html[data-theme="dark"] .isc-products .isc-pl-empty p,
html[data-theme="dark"] .isc-products .isc-pl-card .product-name,
html[data-theme="dark"] .isc-products .isc-pl-card h3,
html[data-theme="dark"] .isc-products .isc-pl-card h4,
html[data-theme="dark"] .isc-products .isc-pl-card h5,
html[data-theme="dark"] .isc-products .isc-pl-card p,
html[data-theme="dark"] .isc-products .isc-pl-row .isc-pl-name,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-name,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-name,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-sku,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-sku,
html[data-theme="dark"] .isc-pl-name,
html[data-theme="dark"] .isc-pl-sku,
html[data-theme="dark"] .isc-pl-cat,
html[data-theme="dark"] .isc-pl-unit,
html[data-theme="dark"] .isc-pl-meta,
html[data-theme="dark"] .isc-pl-empty,
html[data-theme="dark"] .isc-pl-empty p,
html[data-theme="dark"] .product-name a,
html[data-theme="dark"] .product-details a,
html[data-theme="dark"] .product-content h4 a,
html[data-theme="dark"] .product-content span {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-products .isc-pl-price,
html[data-theme="dark"] .isc-products .isc-pl-row .isc-pl-price,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-price,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-price,
html[data-theme="dark"] .isc-pl-price {
    color: var(--theme-accent) !important;
}

html[data-theme="dark"] .isc-products .isc-pl-wish,
html[data-theme="dark"] .isc-pl-wish {
    color: #a8adb7 !important;
}

html[data-theme="dark"] .isc-products .isc-pl-wish.is-on,
html[data-theme="dark"] .isc-products .isc-pl-wish.is-on i,
html[data-theme="dark"] .isc-pl-wish.is-on,
html[data-theme="dark"] .isc-pl-wish.is-on i {
    color: #ff5c5c !important;
}

/* Qty steppers — beat .isc-pl-card .isc-qty-stepper... white !important */
html[data-theme="dark"] .isc-products .isc-pl-card .isc-qty-stepper.product-categori,
html[data-theme="dark"] .isc-products .isc-pl-row .isc-qty-stepper.product-categori,
html[data-theme="dark"] .isc-products .isc-pl-card .isc-qty-stepper.isc-add-categori,
html[data-theme="dark"] .isc-products .isc-pl-row .isc-qty-stepper.isc-add-categori,
html[data-theme="dark"] .isc-products .isc-pl-card .isc-qty-stepper,
html[data-theme="dark"] .isc-products .isc-pl-row .isc-qty-stepper,
html[data-theme="dark"] .isc-products .isc-pl-actions--incart .isc-qty-stepper,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-actions--incart .isc-qty-stepper,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-actions--incart .isc-qty-stepper,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-card .isc-qty-stepper.product-categori,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-card .isc-qty-stepper.product-categori,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-card .isc-qty-stepper.isc-add-categori,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-card .isc-qty-stepper.isc-add-categori,
html[data-theme="dark"] .isc-pl-card .isc-qty-stepper.product-categori,
html[data-theme="dark"] .isc-pl-row .isc-qty-stepper.product-categori,
html[data-theme="dark"] .isc-pl-card .isc-qty-stepper.isc-add-categori,
html[data-theme="dark"] .isc-pl-row .isc-qty-stepper.isc-add-categori,
html[data-theme="dark"] .isc-qty-stepper {
    background: var(--theme-surface-elevated) !important;
    background-color: var(--theme-surface-elevated) !important;
    border: 1px solid var(--theme-border) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-products .isc-pl-card .isc-qty-stepper .quantity__input,
html[data-theme="dark"] .isc-products .isc-pl-card .isc-qty-stepper .isc-card-qty-input,
html[data-theme="dark"] .isc-products .isc-pl-actions--incart .isc-qty-stepper .quantity__input,
html[data-theme="dark"] .isc-products .isc-pl-actions--incart .isc-qty-stepper .isc-card-qty-input,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-qty-stepper .quantity__input,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-qty-stepper .quantity__input,
html[data-theme="dark"] .isc-qty-stepper .quantity__input,
html[data-theme="dark"] .isc-card-qty-input,
html[data-theme="dark"] .isc-add-categori .quantity__input,
html[data-theme="dark"] .quantity__input {
    background: var(--theme-input-bg) !important;
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-products .isc-pl-card .isc-qty-stepper .quantity__minus,
html[data-theme="dark"] .isc-products .isc-pl-card .isc-qty-stepper .quantity__plus,
html[data-theme="dark"] .isc-products .isc-qty-stepper .quantity__minus,
html[data-theme="dark"] .isc-products .isc-qty-stepper .quantity__plus,
html[data-theme="dark"] .isc-products .isc-qty-dec,
html[data-theme="dark"] .isc-products .isc-qty-inc,
html[data-theme="dark"] #Product_Categoryrelatedlist .quantity__minus,
html[data-theme="dark"] #Product_Categoryrelatedlist .quantity__plus,
html[data-theme="dark"] #Product_Tagrelatedlist .quantity__minus,
html[data-theme="dark"] #Product_Tagrelatedlist .quantity__plus,
html[data-theme="dark"] .isc-qty-stepper .quantity__minus,
html[data-theme="dark"] .isc-qty-stepper .quantity__plus,
html[data-theme="dark"] .isc-qty-dec,
html[data-theme="dark"] .isc-qty-inc,
html[data-theme="dark"] .quantity__minus,
html[data-theme="dark"] .quantity__plus {
    background: var(--theme-bg-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-products .isc-qty-stepper .quantity__minus span,
html[data-theme="dark"] .isc-products .isc-qty-stepper .quantity__plus span,
html[data-theme="dark"] .isc-products .isc-qty-dec span,
html[data-theme="dark"] .isc-products .isc-qty-inc span,
html[data-theme="dark"] .isc-qty-stepper .quantity__minus span,
html[data-theme="dark"] .isc-qty-stepper .quantity__plus span,
html[data-theme="dark"] .isc-qty-dec span,
html[data-theme="dark"] .isc-qty-inc span {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-products .isc-pl-card .product-categori > a,
html[data-theme="dark"] .isc-products .isc-pl-card .product-categori > a i,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-card .product-categori > a,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-card .product-categori > a {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-products .isc-pl-btn-details {
    background: var(--theme-surface-elevated) !important;
    color: var(--theme-accent) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-products .isc-pl-skel-img,
html[data-theme="dark"] .isc-products .isc-pl-skel-line,
html[data-theme="dark"] .isc-products .isc-pl-skel-actions,
html[data-theme="dark"] .isc-pl-skel-img,
html[data-theme="dark"] .isc-pl-skel-line,
html[data-theme="dark"] .isc-pl-skel-actions {
    background: var(--theme-bg-muted) !important;
}

/* --- Product 360 --- */
html[data-theme="dark"] .Maindiv.isc-product-360,
html[data-theme="dark"] .isc-product-360,
html[data-theme="dark"] .product-details-content,
html[data-theme="dark"] .product-details-img,
html[data-theme="dark"] .description-review-wrapper,
html[data-theme="dark"] .description-review-topbar,
html[data-theme="dark"] .isc-product-info-details,
html[data-theme="dark"] .quickview-plus-minus,
html[data-theme="dark"] .related-product-area,
html[data-theme="dark"] .product-details-area,
html[data-theme="dark"] .product-description-review-area,
html[data-theme="dark"] .product-collection-area {
    background-color: var(--theme-bg) !important;
    background: var(--theme-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

/* Breadcrumb — visible dark bar (beats .breadcrumb #e9ecef) */
html[data-theme="dark"] .isc-product-360.breadcrumb-area,
html[data-theme="dark"] .isc-product-360 .breadcrumb-area,
html[data-theme="dark"] #Breadcrumbs.breadcrumb-area {
    background-color: var(--theme-bg) !important;
    background-image: none !important;
    border-bottom: 1px solid var(--theme-border) !important;
}

html[data-theme="dark"] .isc-product-360 .breadcrumb,
html[data-theme="dark"] .isc-product-360 nav.breadcrumb,
html[data-theme="dark"] #Breadcrumbs .breadcrumb {
    background-color: var(--theme-surface) !important;
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 0.25rem;
}

html[data-theme="dark"] .isc-product-360 .breadcrumb ol,
html[data-theme="dark"] .isc-product-360 #breadcrumb-item,
html[data-theme="dark"] .isc-product-360 #breadcrumb-item li,
html[data-theme="dark"] .isc-product-360 #breadcrumb-item a,
html[data-theme="dark"] .isc-product-360 #breadcrumb-item span,
html[data-theme="dark"] .isc-product-360 .breadcrumb li,
html[data-theme="dark"] .isc-product-360 .breadcrumb a,
html[data-theme="dark"] .isc-product-360 .breadcrumb span {
    color: var(--theme-text) !important;
    background: transparent !important;
}

html[data-theme="dark"] .isc-product-360 #breadcrumb-item a:hover,
html[data-theme="dark"] .isc-product-360 .breadcrumb a:hover {
    color: var(--theme-accent) !important;
}

/* Sidebar / sidenav — kill #F5F5F5 / white search break */
html[data-theme="dark"] .isc-product-360 .sidenav,
html[data-theme="dark"] .isc-product-360 .shop-detailsidebar,
html[data-theme="dark"] .isc-product-360 .shop-detailsidebar .sidebar-widget,
html[data-theme="dark"] .isc-product-360 .sidebar-parent,
html[data-theme="dark"] .isc-product-360 .shop-sidebar,
html[data-theme="dark"] .isc-product-360 .sidebar-widget,
html[data-theme="dark"] .isc-product-360 .sidebar-categories,
html[data-theme="dark"] .isc-product-360 .isc-s2-tab-content,
html[data-theme="dark"] .isc-product-360 .filter-content {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-product-360 .sidenav {
    border-right: 1px solid var(--theme-border) !important;
}

html[data-theme="dark"] .isc-product-360 .sidenav a,
html[data-theme="dark"] .isc-product-360 .sidenav h5,
html[data-theme="dark"] .isc-product-360 .sidebar-title,
html[data-theme="dark"] .isc-product-360 .sidebar-categories a,
html[data-theme="dark"] .isc-product-360 .sidebar-categories label,
html[data-theme="dark"] .isc-product-360 .sidebar-categories span,
html[data-theme="dark"] .isc-product-360 .isc-s2-tab-label,
html[data-theme="dark"] .isc-product-360 .isc-var-11,
html[data-theme="dark"] .isc-product-360 .cat-name {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-product-360 .sidebar-title {
    border-bottom: 1px solid var(--theme-border) !important;
    padding-bottom: 6px !important;
    margin-bottom: 10px !important;
}

html[data-theme="dark"] .isc-product-360 .sidenav .closebtn,
html[data-theme="dark"] .isc-product-360 .closebtn {
    color: var(--theme-text) !important;
    background: transparent !important;
    background-color: transparent !important;
    top: 8px !important;
    right: 8px !important;
    line-height: 1 !important;
    z-index: 3 !important;
}

html[data-theme="dark"] .isc-product-360 .sidenav .closebtn:hover,
html[data-theme="dark"] .isc-product-360 .closebtn:hover {
    color: var(--theme-accent) !important;
}

html[data-theme="dark"] .isc-product-360 .sidebar-search,
html[data-theme="dark"] .isc-product-360 .sidebar-search form,
html[data-theme="dark"] .isc-product-360 .sidebar-widget.mb-50,
html[data-theme="dark"] .isc-product-360 .sidenav input,
html[data-theme="dark"] .isc-product-360 .sidebar-search form input {
    background: var(--theme-input-bg) !important;
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-product-360 .sidebar-search form > button,
html[data-theme="dark"] .isc-product-360 #searchproducts_btn {
    background-color: var(--theme-accent) !important;
    color: #fff !important;
    border-color: var(--theme-accent) !important;
}

html[data-theme="dark"] .isc-product-360 h1,
html[data-theme="dark"] .isc-product-360 h2,
html[data-theme="dark"] .isc-product-360 h3,
html[data-theme="dark"] .isc-product-360 h4,
html[data-theme="dark"] .isc-product-360 h5,
html[data-theme="dark"] .isc-product-360 p,
html[data-theme="dark"] .isc-product-360 label,
html[data-theme="dark"] .isc-product-360 span:not(.fa):not([class^="ion-"]),
html[data-theme="dark"] .product-details-content h2,
html[data-theme="dark"] .product-details-content h3,
html[data-theme="dark"] .product-details-content h4,
html[data-theme="dark"] .product-details-content p,
html[data-theme="dark"] .product-details-content span,
html[data-theme="dark"] .description-review-wrapper h3,
html[data-theme="dark"] .description-review-wrapper p,
html[data-theme="dark"] .related-product-area h3 {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-product-360 .product-details-img,
html[data-theme="dark"] .product-details-img,
html[data-theme="dark"] .easyzoom,
html[data-theme="dark"] .easyzoom-flyout {
    background: var(--theme-surface) !important;
    border: 1px solid var(--theme-border) !important;
    border-color: var(--theme-border) !important;
}

/*
 * Description / Reviews — colors only (same layout as light theme).
 * No borders, underlines, flex/padding/line-height overrides (those clipped text).
 */
html[data-theme="dark"] .isc-product-360 .isc-desc,
html[data-theme="dark"] .isc-product-360 h4.isc-desc {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-product-360 .description-review-title a,
html[data-theme="dark"] #isc-bookmark .description-review-title a {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .isc-product-360 .description-review-title a.active,
html[data-theme="dark"] #isc-bookmark .description-review-title a.active {
    color: var(--theme-text) !important;
    border-bottom: none !important;
}

html[data-theme="dark"] .isc-product-360 .description-review-text .tab-pane p,
html[data-theme="dark"] .isc-product-360 .description-review-text #pro-desc p,
html[data-theme="dark"] #isc-bookmark .description-review-text .tab-pane p {
    color: var(--theme-text-muted) !important;
}

/* Related cards — keep image box fixed; prevent crop / empty white stretch */
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-card,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-card,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-card.single-product,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-card.single-product {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 260px !important;
    max-height: none !important;
    background: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-img,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-img {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 110px !important;
    min-height: 110px !important;
    max-height: 110px !important;
    flex: 0 0 110px !important;
    overflow: hidden !important;
    margin: 0 0 6px !important;
    background: var(--theme-surface-elevated) !important;
    order: 0 !important;
}

html[data-theme="dark"] #Product_Categoryrelatedlist.owl-carousel .owl-item .isc-pl-img img,
html[data-theme="dark"] #Product_Tagrelatedlist.owl-carousel .owl-item .isc-pl-img img,
html[data-theme="dark"] #Product_Categoryrelatedlist .isc-pl-img img,
html[data-theme="dark"] #Product_Tagrelatedlist .isc-pl-img img {
    height: auto !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    float: none !important;
    aspect-ratio: auto !important;
}

html[data-theme="dark"] #Product_Categoryrelatedlist.owl-carousel .owl-item,
html[data-theme="dark"] #Product_Tagrelatedlist.owl-carousel .owl-item {
    height: auto !important;
    align-items: stretch !important;
}

/* Availability row alignment */
html[data-theme="dark"] .isc-product-360 .isc-detail-availability {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

html[data-theme="dark"] .isc-product-360 .isc-detail-availability .isc-desc {
    margin: 0 !important;
    line-height: 1.2 !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-product-360 .isc-detail-availability #availability_status,
html[data-theme="dark"] .isc-product-360 #availability_status {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
}

html[data-theme="dark"] .isc-product-360 #availability_status .isc-stock-badge {
    vertical-align: middle !important;
    margin: 0 !important;
}

/* Categories / tags */
html[data-theme="dark"] .isc-product-360 .product-cat-tag,
html[data-theme="dark"] .isc-product-360 .product-categories,
html[data-theme="dark"] .isc-product-360 .product-tags {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-product-360 .product-cat-tag ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

html[data-theme="dark"] .isc-product-360 .product-cat-tag li,
html[data-theme="dark"] .isc-product-360 .product-cat-tag li.categories-title,
html[data-theme="dark"] .isc-product-360 .product-cat-tag li a,
html[data-theme="dark"] .isc-product-360 .product-cat-tag span {
    color: var(--theme-text) !important;
    line-height: 1.3 !important;
    vertical-align: middle !important;
}

/* Qty stepper + heart — beat Product360 white !important */
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 10px !important;
    background: transparent !important;
    background-color: transparent !important;
}

html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .isc-pl-detail-qty.isc-qty-stepper,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .isc-qty-stepper,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .cart-plus-minus {
    background: var(--theme-surface-elevated) !important;
    background-color: var(--theme-surface-elevated) !important;
    border: 1px solid var(--theme-border) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .isc-pl-detail-qty .quantity__minus,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .isc-pl-detail-qty .quantity__plus,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .quantity__minus,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .quantity__plus,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .qtybutton,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .dec.qtybutton,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .inc.qtybutton {
    background: var(--theme-bg-muted) !important;
    background-color: var(--theme-bg-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .isc-pl-detail-qty .quantity__input,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .quantity__input,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .cart-plus-minus-box,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .qtyinput {
    background: var(--theme-input-bg) !important;
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .isc-heart-icon {
    margin-left: 10px !important;
    display: inline-flex !important;
    align-items: center !important;
}

html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .isc-heart-icon a,
html[data-theme="dark"] .isc-product-360 .quickview-plus-minus .isc-heart-icon i {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-product-360 .quickview-btn-cart > a,
html[data-theme="dark"] .isc-product-360 .quickview-btn-cart > a.Add_cart,
html[data-theme="dark"] .isc-product-360 a.btn-hover-black.Add_cart {
    color: #fff !important;
}

/* --- Burger drawer (#largeModal) — beat hardcoded color: black --- */
html[data-theme="dark"] #largeModal .modal-content,
html[data-theme="dark"] #largeModal .modal-body,
html[data-theme="dark"] #largeModal .modal-header {
    background: var(--theme-modal-bg) !important;
    background-color: var(--theme-modal-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #largeModal .isc-sidebar-new li a,
html[data-theme="dark"] .isc-modal-right-sidebar .isc-sidebar-new li a {
    color: var(--theme-text) !important;
    background-color: transparent !important;
    background: transparent !important;
}

html[data-theme="dark"] #largeModal .isc-sidebar-new li a:hover,
html[data-theme="dark"] #largeModal .isc-sidebar-new li a:focus,
html[data-theme="dark"] .isc-modal-right-sidebar .isc-sidebar-new li a:hover,
html[data-theme="dark"] .isc-modal-right-sidebar .isc-sidebar-new li a:focus {
    color: var(--theme-accent) !important;
    background-color: transparent !important;
    background: transparent !important;
    text-decoration: underline;
}

/* --- Contact --- */
html[data-theme="dark"] .isc-contact-page,
html[data-theme="dark"] .isc-contact-page-left,
html[data-theme="dark"] .isc-contact-page-right,
html[data-theme="dark"] .isc-contact-page-left-one,
html[data-theme="dark"] .contact-info-content,
html[data-theme="dark"] .contact-form-style,
html[data-theme="dark"] .isc-scroll-body-cont {
    background-color: var(--theme-bg) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-contact-page h1,
html[data-theme="dark"] .isc-contact-page h2,
html[data-theme="dark"] .isc-contact-page h3,
html[data-theme="dark"] .isc-contact-page h4,
html[data-theme="dark"] .isc-contact-page h5,
html[data-theme="dark"] .isc-contact-page p,
html[data-theme="dark"] .isc-contact-page label,
html[data-theme="dark"] .isc-contact-page span,
html[data-theme="dark"] .isc-contact-para,
html[data-theme="dark"] .contact-info-content p,
html[data-theme="dark"] .contact-info-content h5 {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .contact-form-style input,
html[data-theme="dark"] .contact-form-style textarea {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

/* --- Wishlist / Product Guide --- */
html[data-theme="dark"] .isc-wishlist,
html[data-theme="dark"] .isc-wishlist-main,
html[data-theme="dark"] .isc-wishlist-top,
html[data-theme="dark"] .isc-wishlist-top-section,
html[data-theme="dark"] .isc-wishlist-bottom-section,
html[data-theme="dark"] .isc-wishlist-left-section,
html[data-theme="dark"] .isc-wishlist-right-section,
html[data-theme="dark"] .isc-wishlist-right,
html[data-theme="dark"] .cart-main-area,
html[data-theme="dark"] .isc-table-section,
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table,
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table .dataTable,
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table .dataTable thead th,
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table .dataTable tbody tr td,
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table .dataTable tbody tr:nth-child(even) td,
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table .dataTable tbody tr:nth-child(odd) td {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-wishlist .isc-wishlist-table .dataTable tbody tr:nth-child(even) td {
    background-color: var(--theme-table-stripe) !important;
}

/*
 * Product Guide header gap: th.product-action matches global .product-action
 * (absolute + opacity:0) from style.css — reset so the column stays in table flow.
 */
html[data-theme="dark"] .isc-wishlist th.product-action,
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table th.product-action,
html[data-theme="dark"] .isc-wishlist .dataTable thead th.product-action {
    position: static !important;
    opacity: 1 !important;
    display: table-cell !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
}

/* Beat Wishlist.css thead #f5f5f5 (loads after theme.css) */
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table.table,
html[data-theme="dark"] .isc-wishlist div.table.isc-wishlist-table,
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table .dataTable thead th,
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table .dataTable thead th.product-action,
html[data-theme="dark"] .isc-wishlist .isc-wishlist-table .dataTable thead th.product-remove-head {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-wishlist h1,
html[data-theme="dark"] .isc-wishlist h2,
html[data-theme="dark"] .isc-wishlist h3,
html[data-theme="dark"] .isc-wishlist h4,
html[data-theme="dark"] .isc-wishlist h5,
html[data-theme="dark"] .isc-wishlist p,
html[data-theme="dark"] .isc-wishlist label,
html[data-theme="dark"] .isc-wishlist span.sorting,
html[data-theme="dark"] .isc-wishlist .product-name,
html[data-theme="dark"] .isc-wishlist .product-name a,
html[data-theme="dark"] .isc-wishlist .product-name div,
html[data-theme="dark"] .isc-wishlist .product-num,
html[data-theme="dark"] .isc-wishlist .product-num div,
html[data-theme="dark"] .isc-wishlist .product-price,
html[data-theme="dark"] .isc-wishlist .product-price .amount,
html[data-theme="dark"] .isc-wishlist .table-content table td.product-name a {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-wishlist .sidebar-searchs,
html[data-theme="dark"] .isc-wishlist .sidebar-search,
html[data-theme="dark"] .isc-wishlist .sidebar-search form input {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-filter-label,
html[data-theme="dark"] .isc-filter-item,
html[data-theme="dark"] .isc-filter-options {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-btn-s3 {
    background-color: var(--theme-bg-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

/* --- My Orders / Invoice History --- */
html[data-theme="dark"] .isc-split-screen,
html[data-theme="dark"] .isc-screen-row,
html[data-theme="dark"] .isc-80,
html[data-theme="dark"] .isc-20,
html[data-theme="dark"] .isc-input-fields,
html[data-theme="dark"] .isc-filter-act-btn {
    background-color: transparent !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-input-fields input,
html[data-theme="dark"] .isc-input-fields select,
html[data-theme="dark"] .isc-filter-item input,
html[data-theme="dark"] .isc-filter-item select {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-orderl-table,
html[data-theme="dark"] .isc-ol,
html[data-theme="dark"] .isc-ol-top,
html[data-theme="dark"] .isc-ol-top-left,
html[data-theme="dark"] .isc-ol-top-right,
html[data-theme="dark"] .isc-ol-top-right1,
html[data-theme="dark"] .isc-orderlist-sectwoo,
html[data-theme="dark"] .isc-orderlist-sectwoos,
html[data-theme="dark"] .isc-orderl-sec-top-left,
html[data-theme="dark"] .col-lg-12.col-sm-6.isc-tc-section,
html[data-theme="dark"] .isc-tc-container,
html[data-theme="dark"] .isc-tc-section {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-ol-top-left h5,
html[data-theme="dark"] .isc-ol-top-left h4,
html[data-theme="dark"] .isc-ol-top-right h5,
html[data-theme="dark"] .isc-ol-top-right h4,
html[data-theme="dark"] .isc-ol-top-right1 h5,
html[data-theme="dark"] .isc-ol-top-right1 h4,
html[data-theme="dark"] .isc-orderlist-sectwoo h4,
html[data-theme="dark"] .isc-orderlist-secthree h4,
html[data-theme="dark"] .isc-ol-top-right h5,
html[data-theme="dark"] .base-timeline__summary-text,
html[data-theme="dark"] .base-timeline__summary-text1 {
    color: var(--theme-text) !important;
}

/* Order / Invoice modals — white cards become dark surfaces */
html[data-theme="dark"] #largeModals .isc-ol,
html[data-theme="dark"] #largeModals .isc-ol-top-left,
html[data-theme="dark"] #largeModals .isc-ol-top-right,
html[data-theme="dark"] #largeModals .isc-ol-top-right1,
html[data-theme="dark"] .isc-order-list #largeModals .isc-ol,
html[data-theme="dark"] .isc-order-list #largeModals .isc-ol-top-left,
html[data-theme="dark"] .isc-order-list #largeModals .isc-ol-top-right1,
html[data-theme="dark"] .modal .isc-ol,
html[data-theme="dark"] .modal .isc-ol-top-left,
html[data-theme="dark"] .modal .isc-ol-top-right,
html[data-theme="dark"] .modal .isc-ol-top-right1 {
    background: var(--theme-surface-elevated) !important;
    background-color: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] #largeModals h4,
html[data-theme="dark"] #largeModals h5,
html[data-theme="dark"] #largeModals p,
html[data-theme="dark"] #largeModals span,
html[data-theme="dark"] #largeModals label,
html[data-theme="dark"] #largeModals td,
html[data-theme="dark"] #largeModals th,
html[data-theme="dark"] .modal .isc-ol-top-left h5,
html[data-theme="dark"] .modal .isc-ol-top-left h4,
html[data-theme="dark"] .modal .isc-ol-top-right h5,
html[data-theme="dark"] .modal .isc-ol-top-right h4,
html[data-theme="dark"] .modal .isc-ol-top-right1 h5,
html[data-theme="dark"] .modal .isc-ol-top-right1 h4 {
    color: var(--theme-text) !important;
}

/* --- Order list page --- */
html[data-theme="dark"] .isc-order-list,
html[data-theme="dark"] .isc-new-tab-section,
html[data-theme="dark"] .isc-orderlist-secone,
html[data-theme="dark"] .tabs-left,
html[data-theme="dark"] .nav-tabs,
html[data-theme="dark"] .tab-pane,
html[data-theme="dark"] .tab-content {
    background-color: var(--theme-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .sideways li a,
html[data-theme="dark"] .tabs-left li a,
html[data-theme="dark"] .nav > li > a {
    color: var(--theme-accent) !important;
    background-color: transparent !important;
}

html[data-theme="dark"] .nav-tabs > li.active > a,
html[data-theme="dark"] .nav-tabs > li.active > a:focus,
html[data-theme="dark"] .nav-tabs > li.active > a:hover {
    color: var(--theme-text) !important;
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
}

/* Order List — beat OrderList.css #337ab7 on inactive sideways tabs */
html[data-theme="dark"] .isc-order-list .sideways li a,
html[data-theme="dark"] .isc-order-list .tabs-left li a,
html[data-theme="dark"] .isc-order-list .sideways li a:hover,
html[data-theme="dark"] .isc-order-list .sideways li a:focus,
html[data-theme="dark"] .isc-order-list .tabs-left li a:hover,
html[data-theme="dark"] .isc-order-list .tabs-left li a:focus {
    color: var(--theme-text-muted) !important;
    background-color: transparent !important;
    background: transparent !important;
}

html[data-theme="dark"] .isc-order-list .sideways li.active > a,
html[data-theme="dark"] .isc-order-list .sideways li.active > a:hover,
html[data-theme="dark"] .isc-order-list .sideways li.active > a:focus,
html[data-theme="dark"] .isc-order-list .tabs-left li.active > a,
html[data-theme="dark"] .isc-order-list .nav-tabs > li.active > a,
html[data-theme="dark"] .isc-order-list .nav-tabs > li.active > a:hover,
html[data-theme="dark"] .isc-order-list .nav-tabs > li.active > a:focus {
    color: var(--theme-text) !important;
    background-color: transparent !important;
    background: transparent !important;
    border-color: transparent !important;
    font-weight: 700;
}

/* Order List — filter icon chip readable on dark surface */
html[data-theme="dark"] .isc-order-list .shop-tab a,
html[data-theme="dark"] .isc-order-list #filter.isc-dd-drat-btn-s1,
html[data-theme="dark"] .isc-order-list .isc-dd-drat-btn-s1.isc-sub-menu-list-s1,
html[data-theme="dark"] .isc-order-list .isc-entity-action-icon {
    background-color: var(--theme-surface-elevated) !important;
    background: var(--theme-surface-elevated) !important;
    color: var(--theme-text) !important;
    border: 1px solid var(--theme-border) !important;
    border-radius: 4px;
}

html[data-theme="dark"] .isc-order-list .shop-tab a:hover,
html[data-theme="dark"] .isc-order-list #filter.isc-dd-drat-btn-s1:hover,
html[data-theme="dark"] .isc-order-list .isc-dd-drat-btn-s1.isc-sub-menu-list-s1:hover,
html[data-theme="dark"] .isc-order-list .shop-tab a:hover .isc-entity-action-icon {
    color: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
}

html[data-theme="dark"] .shop-selector select {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
}

/* Invoice History / MyOrders — filter label, table headers, pagination contrast */
html[data-theme="dark"] .isc-mar-all,
html[data-theme="dark"] .isc-mar-all p,
html[data-theme="dark"] .isc-range-date,
html[data-theme="dark"] .isc-range-date p,
html[data-theme="dark"] .isc-range-date label,
html[data-theme="dark"] .invoice-filter,
html[data-theme="dark"] .invoice-filter p,
html[data-theme="dark"] .order-filter,
html[data-theme="dark"] .order-filter p,
html[data-theme="dark"] .isc-mar-all .isc-range-date p.mb-0,
html[data-theme="dark"] .isc-filter-label {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-range-date input,
html[data-theme="dark"] .isc-range-date input.form-control,
html[data-theme="dark"] #invoicedatefrom,
html[data-theme="dark"] #invoicedateto,
html[data-theme="dark"] #orderdatefrom,
html[data-theme="dark"] #orderdateto {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
    color-scheme: dark;
}

html[data-theme="dark"] .isc-myorder-table-res.dataTable thead th,
html[data-theme="dark"] .isc-myorder-table-res .dataTable thead th,
html[data-theme="dark"] .isc-wishlist-table.isc-tbl-hght .dataTable thead th,
html[data-theme="dark"] .isc-mar-all .dataTable thead th,
html[data-theme="dark"] .isc-mar-all .dataTable thead th .sorting,
html[data-theme="dark"] .isc-mar-all .dataTable thead th .sorting-num,
html[data-theme="dark"] .invoice-table .dataTable thead th,
html[data-theme="dark"] .invoice-table .dataTable thead th span,
html[data-theme="dark"] .order-table .dataTable thead th,
html[data-theme="dark"] .order-table .dataTable thead th span,
html[data-theme="dark"] .isc-mar-all .dataTable tbody td,
html[data-theme="dark"] .isc-mar-all .dataTable tbody td a {
    color: var(--theme-text) !important;
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-mar-all .isc-page-count-s1,
html[data-theme="dark"] .isc-mar-all .isc-page-count-s1.gradient,
html[data-theme="dark"] .isc-pagination-sec-s1 .isc-page-count-s1,
html[data-theme="dark"] .isc-pagination-inner-sec-s1 .isc-page-count-s1 {
    color: var(--theme-text) !important;
    background-color: var(--theme-surface-elevated) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-mar-all .isc-page-count-s1.active,
html[data-theme="dark"] .isc-pagination-sec-s1 .isc-page-count-s1.active {
    color: #fff !important;
    background-color: var(--theme-accent) !important;
    border-color: var(--theme-accent) !important;
}

/* Avoid forced 100vh table height creating empty body scroll under fixed footer */
html[data-theme="dark"] .isc-tbl-hght,
html[data-theme="dark"] .isc-mar-all .isc-tbl-hght,
html[data-theme="dark"] .invoice-table.isc-tbl-hght,
html[data-theme="dark"] .order-table.isc-tbl-hght {
    height: auto !important;
    max-height: calc(100vh - 460px) !important;
    overflow: auto !important;
}

/* --- Customer Details --- */
html[data-theme="dark"] .isc-customer-details,
html[data-theme="dark"] .isc-customer-details .isc-main,
html[data-theme="dark"] .isc-customer-details .isc-main-left,
html[data-theme="dark"] .isc-customer-details .main-right,
html[data-theme="dark"] .isc-customer-details .wrappers,
html[data-theme="dark"] .isc-customer-details .tabs-wrapper,
html[data-theme="dark"] .isc-customer-details .nav-tabs,
html[data-theme="dark"] .isc-customer-details ul.nav.nav-tabs,
html[data-theme="dark"] .isc-customer-details .nav-tabs > li,
html[data-theme="dark"] .isc-customer-details .nav-tabs > li > a,
html[data-theme="dark"] .isc-customer-details .nav-tabs > li.active > a,
html[data-theme="dark"] .isc-customer-details .nav-tabs > li.active > a:focus,
html[data-theme="dark"] .isc-customer-details .nav-tabs > li.active > a:hover,
html[data-theme="dark"] .isc-customer-details .tab-content,
html[data-theme="dark"] .isc-customer-details .tab-pane,
html[data-theme="dark"] .isc-customer-details .isc-custom-detail,
html[data-theme="dark"] .isc-customer-details .isc-pad-all,
html[data-theme="dark"] .isc-customer-header {
    background-color: var(--theme-surface) !important;
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-customer-details {
    background-color: var(--theme-bg) !important;
    background: var(--theme-bg) !important;
}

html[data-theme="dark"] .isc-customer-header {
    background-color: var(--theme-surface) !important;
    background: var(--theme-surface) !important;
}

/* Kill darker patch beside CUSTOMER DETAILS from global .nav-tabs { bg: theme-bg } */
html[data-theme="dark"] .isc-customer-details .tabs-wrapper,
html[data-theme="dark"] .isc-customer-details ul.nav.nav-tabs {
    background-color: var(--theme-surface) !important;
    background: var(--theme-surface) !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-customer-details .nav-tabs > li,
html[data-theme="dark"] .isc-customer-details .nav-tabs > li > a {
    background-color: transparent !important;
    background: transparent !important;
}

html[data-theme="dark"] .isc-customer-details .nav-tabs > li.active > a,
html[data-theme="dark"] .isc-customer-details .nav-tabs > li.active > a:focus,
html[data-theme="dark"] .isc-customer-details .nav-tabs > li.active > a:hover {
    background-color: transparent !important;
    background: transparent !important;
    color: var(--theme-text) !important;
    border-color: transparent transparent var(--theme-accent) !important;
}

html[data-theme="dark"] .isc-customer-detail h4,
html[data-theme="dark"] .isc-customer-details .nav-tabs li a,
html[data-theme="dark"] .isc-customer-details .emp-set p,
html[data-theme="dark"] .isc-customer-details .emp-set p:first-child,
html[data-theme="dark"] .isc-customer-details .emp-txt,
html[data-theme="dark"] .isc-customer-details p.emp-txt.txtcustemailprimary,
html[data-theme="dark"] .isc-customer-details p.emp-txt.txtcustemailprimary1,
html[data-theme="dark"] .isc-customer-details .emp-sets p,
html[data-theme="dark"] .isc-customer-details .emp-txts {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-customer-details .emp-sets p {
    color: var(--theme-text-muted) !important;
}

html[data-theme="dark"] .isc-customer-details .emp-txts {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-customer-details .isc-main-left,
html[data-theme="dark"] .isc-customer-details .isc-custom-detail,
html[data-theme="dark"] .isc-customer-header {
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-customer-details .isc-payment-section-new .checkout-panel,
html[data-theme="dark"] .isc-customer-details .isc-payment-section-new .step,
html[data-theme="dark"] .isc-customer-details .isc-payment-section-new .method,
html[data-theme="dark"] .isc-customer-details .isc-payment-section-new .panel-footer,
html[data-theme="dark"] .isc-customer-details input.standard,
html[data-theme="dark"] .isc-customer-details input.stand1,
html[data-theme="dark"] .isc-customer-details input.express,
html[data-theme="dark"] .isc-customer-details input.express1,
html[data-theme="dark"] .isc-customer-details .card-js,
html[data-theme="dark"] .isc-customer-details [class*="payment"] {
    background-color: var(--theme-surface) !important;
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-customer-details .isc-payment-section-new .title,
html[data-theme="dark"] .isc-customer-details .isc-payment-section-new .info,
html[data-theme="dark"] .isc-customer-details .isc-payment-section-new .input-fields label {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-customer-details .isc-payment-section-new input[type='text'],
html[data-theme="dark"] .isc-customer-details .isc-payment-section-new input[type='password'] {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

/* --- Checkout pages --- */
html[data-theme="dark"] .checkout-area,
html[data-theme="dark"] .checkout-wrapper,
html[data-theme="dark"] .isc-checkout1,
html[data-theme="dark"] .isc-checkout-information,
html[data-theme="dark"] .isc-checkout-info,
html[data-theme="dark"] div#OrderSummary,
html[data-theme="dark"] .isc-checkouts-box,
html[data-theme="dark"] li.isc-checkout-box {
    background-color: var(--theme-surface) !important;
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-checkout-info h2,
html[data-theme="dark"] .isc-checkout1 h1,
html[data-theme="dark"] .isc-checkout1 h2,
html[data-theme="dark"] .isc-checkout1 h3,
html[data-theme="dark"] .isc-checkout1 h4,
html[data-theme="dark"] .isc-checkout1 h5,
html[data-theme="dark"] .isc-checkout1 p,
html[data-theme="dark"] .isc-checkout1 label,
html[data-theme="dark"] .isc-checkout1 span,
html[data-theme="dark"] .isc-checkout-information h1,
html[data-theme="dark"] .isc-checkout-information h2,
html[data-theme="dark"] .isc-checkout-information h3,
html[data-theme="dark"] .isc-checkout-information h4,
html[data-theme="dark"] .isc-checkout-information h5,
html[data-theme="dark"] .isc-checkout-information p,
html[data-theme="dark"] .isc-checkout-information label,
html[data-theme="dark"] .isc-checkout-information span,
html[data-theme="dark"] div#OrderSummary h3,
html[data-theme="dark"] div#OrderSummary h4,
html[data-theme="dark"] div#OrderSummary h5,
html[data-theme="dark"] div#OrderSummary p,
html[data-theme="dark"] div#OrderSummary span,
html[data-theme="dark"] div#OrderSummary label,
html[data-theme="dark"] .isc-checkouts-box h5,
html[data-theme="dark"] .isc-checkouts-box p,
html[data-theme="dark"] .isc-checkouts-box span,
html[data-theme="dark"] .isc-checkouts-box label {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-checkout1 .single-product-cart,
html[data-theme="dark"] .isc-checkout1 .cart-content,
html[data-theme="dark"] .isc-checkout-information textarea,
html[data-theme="dark"] .isc-checkout-information input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
html[data-theme="dark"] .isc-checkout-information select {
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

/* checkout1 — beat checkout1.css white panels (loads after theme.css) */
html[data-theme="dark"] .isc-checkout1 .about-story,
html[data-theme="dark"] .isc-checkout1 .about-story.ptb-100,
html[data-theme="dark"] .isc-checkout1 .isc-checkout1-info,
html[data-theme="dark"] .isc-checkout1 .isc-check-info-contain,
html[data-theme="dark"] .isc-checkout1 .isc-check-info-container,
html[data-theme="dark"] .isc-checkout1 .isc-check-nfo,
html[data-theme="dark"] .isc-checkout1 .isc-check-container,
html[data-theme="dark"] .isc-checkout1 .isc-check-nfo-left,
html[data-theme="dark"] .isc-checkout1 .isc-check-nfo-right,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-one,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-two,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-three,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-five,
html[data-theme="dark"] .isc-checkout1 .isc-dummy,
html[data-theme="dark"] .isc-checkout1 .isc-new-box,
html[data-theme="dark"] .isc-checkout1 .isc-new-box-del,
html[data-theme="dark"] .isc-checkout1 .isc-new-box-box,
html[data-theme="dark"] .isc-checkout1 li.box,
html[data-theme="dark"] .isc-checkout1 .box,
html[data-theme="dark"] .isc-checkout1 .boxed,
html[data-theme="dark"] .isc-checkout1 .isc-login-reg,
html[data-theme="dark"] .isc-checkout1 .expander_button {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-checkout1 .isc-check-nfo-right {
    border-left-color: var(--theme-border) !important;
    border-right-color: var(--theme-border) !important;
    border-bottom-color: var(--theme-border) !important;
}

/* Product list card edge (light uses white-on-gray silhouette) */
html[data-theme="dark"] .isc-checkout1 .isc-check-nfo-left {
    border: 1px solid var(--theme-border) !important;
    border-radius: 5px !important;
    box-shadow: 0 1px 6px var(--theme-shadow) !important;
}

/* Total Amount — keep light-theme #95cbf9 full fill (don't paint .isc-dummy over it) */
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-four {
    background: #95cbf9 !important;
    background-color: #95cbf9 !important;
    color: #000 !important;
}

html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-four .isc-dummy {
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
}

html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-four h5,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-four h6,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-four strong,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-four #Grand_Total,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-four .isc-dummy h5,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-four .isc-dummy h6,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-four .isc-dummy strong {
    color: #000 !important;
}

html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-one h4,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-two h5,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-two h6,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-three h5,
html[data-theme="dark"] .isc-checkout1 .isc-payment-sec-three h6,
html[data-theme="dark"] .isc-checkout1 .isc-dummy h5,
html[data-theme="dark"] .isc-checkout1 .isc-dummy h6,
html[data-theme="dark"] .isc-checkout1 .isc-dummy strong,
html[data-theme="dark"] .isc-checkout1 #Total_ProductPrice,
html[data-theme="dark"] .isc-checkout1 #Discount_ProductPrice,
html[data-theme="dark"] .isc-checkout1 #Minimumorderfee,
html[data-theme="dark"] .isc-checkout1 #Surchargeorderfee,
html[data-theme="dark"] .isc-checkout1 .title,
html[data-theme="dark"] .isc-checkout1 .sub-title,
html[data-theme="dark"] .isc-checkout1 .info-isc,
html[data-theme="dark"] .isc-checkout1 .info-isc p,
html[data-theme="dark"] .isc-checkout1 .info-isc strong,
html[data-theme="dark"] .isc-checkout1 .isc-quan,
html[data-theme="dark"] .isc-checkout1 .isc-quan strong,
html[data-theme="dark"] .isc-checkout1 .isc-order-close,
html[data-theme="dark"] .isc-checkout1 .isc-order-close i,
html[data-theme="dark"] .isc-checkout1 i.ionicons.ion-close,
html[data-theme="dark"] .isc-checkout1 .isc-timeline-right,
html[data-theme="dark"] .isc-checkout1 .isc-box-title,
html[data-theme="dark"] .isc-checkout1 .isc-back-menu a {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-checkout1 .quantity__input {
    background: var(--theme-input-bg) !important;
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-checkout1 .quantity__minus,
html[data-theme="dark"] .isc-checkout1 .quantity__plus {
    background: var(--theme-bg-muted) !important;
    background-color: var(--theme-bg-muted) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-checkout1 .quantity__minus span,
html[data-theme="dark"] .isc-checkout1 .quantity__plus span {
    color: var(--theme-text) !important;
}

/* CheckoutInformation — beat CheckoutInformation.css whites (loads after theme.css) */
html[data-theme="dark"] .isc-checkout-information .about-story,
html[data-theme="dark"] .isc-checkout-information .about-story.ptb-100,
html[data-theme="dark"] .isc-checkout-information.isc-check-info-contain,
html[data-theme="dark"] .isc-checkout-information .isc-check-info-contain,
html[data-theme="dark"] .isc-checkout-information .isc-check-info-container,
html[data-theme="dark"] .isc-checkout-information .isc-checkout-info,
html[data-theme="dark"] .isc-checkout-information .isc-check-nfo,
html[data-theme="dark"] .isc-checkout-information .isc-check-container,
html[data-theme="dark"] .isc-checkout-information .isc-check-nfo-left,
html[data-theme="dark"] .isc-checkout-information .isc-check-nfo-right,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-one,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-two,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-three,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-five,
html[data-theme="dark"] .isc-checkout-information .isc-dummy,
html[data-theme="dark"] .isc-checkout-information .isc-new-box,
html[data-theme="dark"] .isc-checkout-information .isc-new-box-del,
html[data-theme="dark"] .isc-checkout-information .isc-new-box-box,
html[data-theme="dark"] .isc-checkout-information .isc-checkouts-box,
html[data-theme="dark"] .isc-checkout-information li.isc-checkout-box,
html[data-theme="dark"] .isc-checkout-information .isc-checkout-box,
html[data-theme="dark"] .isc-checkout-information li.box,
html[data-theme="dark"] .isc-checkout-information .box,
html[data-theme="dark"] .isc-checkout-information .boxed,
html[data-theme="dark"] .isc-checkout-information .isc-login-reg,
html[data-theme="dark"] .isc-checkout-information .expander_button {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-checkout-information .isc-check-nfo-left {
    border: 1px solid var(--theme-border) !important;
    border-radius: 5px !important;
    box-shadow: 0 1px 6px var(--theme-shadow) !important;
}

html[data-theme="dark"] .isc-checkout-information .isc-check-nfo-right {
    border-left-color: var(--theme-border) !important;
    border-right-color: var(--theme-border) !important;
    border-bottom-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-one h4,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-two h5,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-two h6,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-three h5,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-three h6,
html[data-theme="dark"] .isc-checkout-information .isc-dummy h5,
html[data-theme="dark"] .isc-checkout-information .isc-dummy h6,
html[data-theme="dark"] .isc-checkout-information .isc-dummy strong,
html[data-theme="dark"] .isc-checkout-information #Total_ProductPrice,
html[data-theme="dark"] .isc-checkout-information #Discount_ProductPrice,
html[data-theme="dark"] .isc-checkout-information .title,
html[data-theme="dark"] .isc-checkout-information .isc-titles,
html[data-theme="dark"] .isc-checkout-information .sub-title,
html[data-theme="dark"] .isc-checkout-information .info,
html[data-theme="dark"] .isc-checkout-information .info-isc,
html[data-theme="dark"] .isc-checkout-information .isc-box-title,
html[data-theme="dark"] .isc-checkout-information .isc-box-title-new,
html[data-theme="dark"] .isc-checkout-information .isc-back-menu a,
html[data-theme="dark"] .isc-checkout-information .box p,
html[data-theme="dark"] .isc-checkout-information .box span,
html[data-theme="dark"] .isc-checkout-information .box div,
html[data-theme="dark"] .isc-checkout-information label {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .isc-checkout-information input#Delivery_date,
html[data-theme="dark"] .isc-checkout-information input#Pickup_date {
    background: var(--theme-input-bg) !important;
    background-color: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-four {
    background: #95cbf9 !important;
    background-color: #95cbf9 !important;
    color: #000 !important;
}

html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-four .isc-dummy {
    background: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
}

html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-four h5,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-four h6,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-four strong,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-four #Grand_Total,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-four .isc-dummy h5,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-four .isc-dummy h6,
html[data-theme="dark"] .isc-checkout-information .isc-payment-sec-four .isc-dummy strong {
    color: #000 !important;
}

/* --- Customer Information / Details --- */
html[data-theme="dark"] .customer-information-container,
html[data-theme="dark"] .about-story.ptb-100,
html[data-theme="dark"] .about-story.ptb-100.isc-customer-information,
html[data-theme="dark"] .about-story.isc-about-story,
html[data-theme="dark"] .isc-about-story-left,
html[data-theme="dark"] .isc-about-story-middle,
html[data-theme="dark"] .isc-about-story-last {
    background: var(--theme-surface) !important;
    background-color: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-about-story-middle,
html[data-theme="dark"] .isc-about-story-middle h3,
html[data-theme="dark"] .isc-about-story-middle h4,
html[data-theme="dark"] .isc-about-story-middle p,
html[data-theme="dark"] .isc-about-story-middle span {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] .emp-info,
html[data-theme="dark"] .isc-payment-section-new .checkout-panel,
html[data-theme="dark"] .checkout-panel {
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .emp-info h1,
html[data-theme="dark"] .emp-info h2,
html[data-theme="dark"] .emp-info h3,
html[data-theme="dark"] .emp-info h4,
html[data-theme="dark"] .emp-info h5,
html[data-theme="dark"] .emp-info p,
html[data-theme="dark"] .emp-info label,
html[data-theme="dark"] .emp-info span,
html[data-theme="dark"] .emp-info strong {
    color: var(--theme-text) !important;
}

/* --- Login --- */
html[data-theme="dark"] .login-form,
html[data-theme="dark"] .login-form-container,
html[data-theme="dark"] .login-register-wrapper,
html[data-theme="dark"] .login-register-tab-list,
html[data-theme="dark"] .customer-login,
html[data-theme="dark"] .isc-log-container,
html[data-theme="dark"] .card-body.p-5,
html[data-theme="dark"] .isc-form-sec,
html[data-theme="dark"] .form,
html[data-theme="dark"] .about-story {
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

html[data-theme="dark"] .isc-log-container h1,
html[data-theme="dark"] .isc-log-container h2,
html[data-theme="dark"] .isc-log-container h3,
html[data-theme="dark"] .isc-log-container h4,
html[data-theme="dark"] .isc-log-container h5,
html[data-theme="dark"] .isc-log-container label,
html[data-theme="dark"] .isc-log-container p,
html[data-theme="dark"] .isc-log-container span,
html[data-theme="dark"] .form-outline label,
html[data-theme="dark"] .modal-body label {
    color: var(--theme-text) !important;
}

html[data-theme="dark"] input.form2Example1,
html[data-theme="dark"] input.form2Example1:focus {
    background: var(--theme-input-bg) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
}

/* --- Inline white/black leftovers (paired) --- */
html[data-theme="dark"] [style*="background-color: #fff"],
html[data-theme="dark"] [style*="background-color:#fff"],
html[data-theme="dark"] [style*="background-color: #ffffff"],
html[data-theme="dark"] [style*="background-color:#ffffff"],
html[data-theme="dark"] [style*="background: #fff"],
html[data-theme="dark"] [style*="background:#fff"],
html[data-theme="dark"] [style*="background: white"],
html[data-theme="dark"] [style*="background:white"],
html[data-theme="dark"] [style*="background-color: rgb(255,255,255)"],
html[data-theme="dark"] [style*="background-color:rgb(255,255,255)"],
html[data-theme="dark"] [style*="background-color: white"],
html[data-theme="dark"] [style*="background-color:white"] {
    background-color: var(--theme-surface) !important;
    background: var(--theme-surface) !important;
    color: var(--theme-text) !important;
}

html[data-theme="dark"] [style*="color: #000"],
html[data-theme="dark"] [style*="color:#000"],
html[data-theme="dark"] [style*="color: #000000"],
html[data-theme="dark"] [style*="color:#000000"],
html[data-theme="dark"] [style*="color: #333"],
html[data-theme="dark"] [style*="color:#333"],
html[data-theme="dark"] [style*="color: black"],
html[data-theme="dark"] [style*="color:black"] {
    color: var(--theme-text) !important;
}

/* Preserve accent / status colors that must stay readable */
html[data-theme="dark"] .isc-stock-in,
html[data-theme="dark"] .borderBoxSuccess.isc-stock-badge {
    color: #13a840 !important;
}

html[data-theme="dark"] .isc-stock-out,
html[data-theme="dark"] .borderBoxDanger.isc-stock-badge {
    color: #f30606 !important;
}

html[data-theme="dark"] .isc-stock-limited,
html[data-theme="dark"] .borderBoxWarning.isc-stock-badge {
    color: #c47a00 !important;
}

html[data-theme="dark"] .isc-btn-s1,
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] #ProceedToBuy_btn,
html[data-theme="dark"] #ProceedToBuy_btn a {
    color: #fff !important;
}

/* Smooth theme switch (visual only) */
html.theme-animating body,
html.theme-animating .intelligent-header,
html.theme-animating .wrapper,
html.theme-animating .modal-content,
html.theme-animating .isc-pl-card,
html.theme-animating .shop-bar,
html.theme-animating .order-info-banner {
    transition: background-color 0.25s ease, color 0.2s ease, border-color 0.2s ease;
}

/* Common site footer — reinforce fixed footer across page-level CSS overrides */
footer.footer-area.gray-bg:not(.isc-site-footer) {
    display: none !important;
}

.isc-site-footer.footer-area.gray-bg,
footer.isc-site-footer {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    float: none !important;
    z-index: 1040 !important;
    margin: 0 !important;
    display: block !important;
    padding: 8px 0;
    border-top: 1px solid #e7e7e7;
    background: #f5f5f5;
}

.isc-site-footer .container .row {
    display: flex;
    align-items: center;
}

.isc-site-footer .footer-widget {
    margin-top: 0;
}

.isc-site-footer .footer-logo {
    margin-top: 4px;
}

.isc-site-footer .footer-logo img.img-logo-footer {
    max-height: 28px;
    width: auto;
}

.isc-site-footer .footer-link {
    margin: 0;
    padding: 0;
}

.isc-site-footer .footer-link li {
    padding-top: 0;
    vertical-align: middle;
}

.isc-site-footer .footer-link li a {
    margin: 0 10px 0 0;
}

.isc-site-footer .footer-widget-m-content p {
    margin: 4px 0 0;
    font-size: 12px;
}

.isc-site-footer .footer-widget-r-content {
    margin-top: 0;
}

.isc-site-footer .footer-widget-r-content li {
    margin-bottom: 0;
    font-size: 12px;
}

/* Keep page content (incl. floated layouts) clear of the fixed footer */
.wrapper {
    padding-bottom: 96px !important;
}

.wrapper::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.cart-main-area,
.isc-wishlist,
.isc-products,
.isc-order-list,
.isc-contact-page,
.isc-scroll-body-cont,
.shop-page-wrapper,
.Maindiv {
    padding-bottom: 24px;
}

.isc-wishlist .isc-pagination-sec-s1,
.isc-wishlist .isc-wishlist-bottom-section {
    margin-bottom: 72px;
}

/* MyOrders/Invoice History: avoid extra bottom gap that forces empty page scroll with fixed footer */
.isc-mar-all > .isc-wishlist-bottom-section {
    margin-bottom: 0;
}

.isc-mar-all .cell-right {
    clear: both;
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 16px;
    margin-bottom: 12px;
}

#scrollUp {
    bottom: 90px !important;
}