/* ============================================================
   Dark Mode — global theme system
   Toggle via: html[data-theme="dark"]
   ============================================================ */

/* ---- Semantic theme tokens ---- */
:root {
    --theme-bg: #ffffff;
    --theme-bg-secondary: #f5f5f5;
    --theme-bg-tertiary: #f3f3f3;
    --theme-surface: #ffffff;
    --theme-surface-raised: #ffffff;
    --theme-surface-hover: #f8fafc;
    --theme-ink: #111827;
    --theme-ink-secondary: #374151;
    --theme-muted: #6b7280;
    --theme-line: #e5e7eb;
    --theme-line-soft: rgba(0, 0, 0, 0.07);
    --theme-shadow: rgba(15, 23, 42, 0.08);
    --theme-shadow-lg: rgba(15, 23, 42, 0.14);
    --theme-input-bg: #ffffff;
    --theme-overlay: rgba(15, 23, 42, 0.45);
    --theme-reveal-x: 50%;
    --theme-reveal-y: 50%;
    --theme-reveal-r: 100vmax;
    --theme-ease: cubic-bezier(0.4, 0, 0.2, 1);
    --theme-duration: 0.55s;
}

[data-theme="dark"] {
    color-scheme: dark;

    /* Remapped brand tokens — text utilities use explicit overrides below */
    --light: #1c1c24;
    --soft-light: #2a2a36;
    --soft-white: #9898a8;
    --dark: #f0f0f5;
    --soft-dark: #9898a8;
    --gray: #9898a8;
    --gray-dark: #b0b0be;
    --secondary: #9898a8;
    --black-50: #f0f0f5;

    --theme-bg: #0f0f12;
    --theme-bg-secondary: #16161d;
    --theme-bg-tertiary: #1c1c24;
    --theme-surface: #1e1e28;
    --theme-surface-raised: #252530;
    --theme-surface-hover: #2a2a36;
    --theme-ink: #f0f0f5;
    --theme-ink-secondary: #c8c8d4;
    --theme-muted: #9898a8;
    --theme-line: rgba(255, 255, 255, 0.1);
    --theme-line-soft: rgba(255, 255, 255, 0.06);
    --theme-shadow: rgba(0, 0, 0, 0.35);
    --theme-shadow-lg: rgba(0, 0, 0, 0.55);
    --theme-input-bg: #252530;
    --theme-overlay: rgba(0, 0, 0, 0.65);
}

/* ---- View Transition — circular reveal ---- */
::view-transition-old(root),
::view-transition-new(root) {
    animation: none;
    mix-blend-mode: normal;
}

::view-transition-old(root) {
    z-index: 1;
}

::view-transition-new(root) {
    z-index: 9999;
    clip-path: circle(0 at var(--theme-reveal-x) var(--theme-reveal-y));
    animation: theme-reveal-in var(--theme-duration) var(--theme-ease) forwards;
}

@keyframes theme-reveal-in {
    to {
        clip-path: circle(var(--theme-reveal-r) at var(--theme-reveal-x) var(--theme-reveal-y));
    }
}

/* Fallback smooth transition (no View Transitions API) */
html.theme-fallback-transition,
html.theme-fallback-transition *,
html.theme-fallback-transition *::before,
html.theme-fallback-transition *::after {
    transition:
        background-color 0.45s var(--theme-ease),
        color 0.35s var(--theme-ease),
        border-color 0.35s var(--theme-ease),
        box-shadow 0.35s var(--theme-ease),
        fill 0.35s var(--theme-ease),
        stroke 0.35s var(--theme-ease) !important;
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation: none !important;
    }

    html.theme-fallback-transition,
    html.theme-fallback-transition *,
    html.theme-fallback-transition *::before,
    html.theme-fallback-transition *::after {
        transition: none !important;
    }
}

/* ---- Global base ---- */
[data-theme="dark"] body {
    background-color: var(--theme-bg);
    color: var(--theme-ink);
}

[data-theme="dark"] .aiz-main-wrapper {
    background-color: var(--theme-bg) !important;
    color: var(--theme-ink);
}

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

/* ============================================================
   TEXT VISIBILITY — comprehensive fix
   ============================================================ */

/* Bootstrap / AIZ text utilities */
[data-theme="dark"] .text-dark,
[data-theme="dark"] .hov-text-dark:hover {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .text-soft-dark,
[data-theme="dark"] .hov-text-soft-dark:hover {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .text-light,
[data-theme="dark"] .hov-text-light:hover {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .text-secondary,
[data-theme="dark"] .hov-text-secondary:hover {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .text-soft-secondary,
[data-theme="dark"] .hov-text-soft-secondary:hover {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .text-gray,
[data-theme="dark"] .hov-text-gray:hover,
[data-theme="dark"] .text-gray-dark {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .text-soft-white {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .text-soft-light {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .text-muted,
[data-theme="dark"] .opacity-60 {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .text-body {
    color: var(--theme-ink) !important;
}

/* Admin header inline color overrides (beats style="color:..." ) */
[data-theme="dark"] .top-text-color-visibility,
[data-theme="dark"] .middle-text-color-visibility,
[data-theme="dark"] .bottom-text-color-visibility {
    color: var(--theme-ink) !important;
}

/* Headings & body copy in main content */
[data-theme="dark"] .aiz-main-wrapper :is(h1, h2, h3, h4, h5, h6, p, li, dt, dd, figcaption, address) {
    color: var(--theme-ink);
}

[data-theme="dark"] .aiz-main-wrapper label:not(.btn):not(.custom-control-label) {
    color: var(--theme-ink-secondary);
}

/* Generic links — keep primary/accent links untouched */
[data-theme="dark"] .aiz-main-wrapper a:not(.btn):not(.badge):not([class*="text-primary"]):not([class*="text-danger"]):not([class*="text-success"]):not([class*="text-warning"]):not([class*="text-info"]) {
    color: var(--theme-ink);
}

[data-theme="dark"] .aiz-main-wrapper a:not(.btn):hover {
    color: var(--primary);
}

/* Tables */
[data-theme="dark"] .aiz-main-wrapper table,
[data-theme="dark"] .aiz-main-wrapper th,
[data-theme="dark"] .aiz-main-wrapper td {
    color: var(--theme-ink);
}

/* Font weight helpers often paired with invisible soft-dark */
[data-theme="dark"] .fw-600,
[data-theme="dark"] .fw-700,
[data-theme="dark"] .fw-800,
[data-theme="dark"] .fw-900 {
    color: inherit;
}

[data-theme="dark"] .fs-12,
[data-theme="dark"] .fs-13,
[data-theme="dark"] .fs-14,
[data-theme="dark"] .fs-15,
[data-theme="dark"] .fs-16 {
    color: inherit;
}

/* Search bar text */
[data-theme="dark"] .aiz-search-cat__toggle,
[data-theme="dark"] .aiz-search-cat__label,
[data-theme="dark"] .aiz-search-field__input,
[data-theme="dark"] .aiz-search-bar input {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-search-cat__caret {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .aiz-search-cat__item,
[data-theme="dark"] .aiz-search-cat__menu {
    color: var(--theme-ink) !important;
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .aiz-search-cat__item:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--primary) !important;
}

/* Laam header (custom-style) */
[data-theme="dark"] .laam-header__bar {
    background: var(--theme-bg-secondary) !important;
}

[data-theme="dark"] .laam-header__icon-btn,
[data-theme="dark"] .laam-header__logo,
[data-theme="dark"] .laam-search__cat-btn,
[data-theme="dark"] .laam-header__nav-link {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .laam-search__form {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .laam-search__cat-btn {
    background: var(--theme-bg-tertiary) !important;
}

/* Header hardcoded text (header-ref.css) */
[data-theme="dark"] .hdr-ref .hdr-account__name,
[data-theme="dark"] .hdr-ref .hdr-account__link,
[data-theme="dark"] .hdr-ref .aiz-locale__caption,
[data-theme="dark"] .hdr-ref .aiz-locale__value,
[data-theme="dark"] .hdr-ref .aiz-locale__code,
[data-theme="dark"] .hdr-ref .hdr-ref__nav-link,
[data-theme="dark"] .hdr-ref .hdr-ref__menu-link,
[data-theme="dark"] .hdr-ref .hdr-ref__track-order,
[data-theme="dark"] .hdr-ref .hdr-ref__track-order:hover,
[data-theme="dark"] .hdr-ref .hdr-ref__track-order:focus,
[data-theme="dark"] .hdr-ref .aiz-search-cat__toggle,
[data-theme="dark"] .hdr-ref .aiz-search-cat__label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .hdr-ref .hdr-account__email,
[data-theme="dark"] .hdr-ref .aiz-locale__label {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .hdr-ref .hdr-ref__track-order {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .hdr-ref .hdr-ref__track-order-text {
    background: none !important;
    -webkit-text-fill-color: var(--theme-ink) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .hdr-ref .hdr-ref__track-order.is-active,
[data-theme="dark"] .hdr-ref .hdr-ref__track-order.is-active .hdr-ref__track-order-text {
    color: var(--primary) !important;
    -webkit-text-fill-color: var(--primary) !important;
}

[data-theme="dark"] .hdr-ref .hdr-account__link:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .hdr-ref .hdr-account__logout {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: #f87171 !important;
}

[data-theme="dark"] .hdr-ref .hdr-account__logout:hover {
    background: rgba(248, 113, 113, 0.1) !important;
    color: #fca5a5 !important;
}

/* Mobile drawer hardcoded text */
[data-theme="dark"] .mob-drawer__brand,
[data-theme="dark"] .mob-drawer__user-name,
[data-theme="dark"] .mob-drawer__user-label,
[data-theme="dark"] .mob-drawer__link,
[data-theme="dark"] .mob-drawer__section-label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .mob-drawer__user-label {
    color: var(--theme-muted) !important;
}

/* Footer hardcoded text */
[data-theme="dark"] .sf,
[data-theme="dark"] .sf__heading,
[data-theme="dark"] .sf-link,
[data-theme="dark"] .sf__brand-name,
[data-theme="dark"] .sf-news__title,
[data-theme="dark"] .sf-news__subtitle {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .sf__muted,
[data-theme="dark"] .sf-link--muted {
    color: var(--theme-muted) !important;
}

/* Product cards & listing */
[data-theme="dark"] .aiz-card-box,
[data-theme="dark"] .carousel-box,
[data-theme="dark"] .product-box,
[data-theme="dark"] .aiz-card {
    color: var(--theme-ink);
}

[data-theme="dark"] .product-title,
[data-theme="dark"] .product-name,
[data-theme="dark"] .product-box h3,
[data-theme="dark"] .aiz-card-box h3,
[data-theme="dark"] .aiz-card-box .fs-14,
[data-theme="dark"] .aiz-card-box .fw-700 {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .product-price-old,
[data-theme="dark"] .has-discount .old-price {
    color: var(--theme-muted) !important;
}

/* All products page */
[data-theme="dark"] .allp,
[data-theme="dark"] .allp__title,
[data-theme="dark"] .allp__filter-btn,
[data-theme="dark"] .allp__sort-btn,
[data-theme="dark"] .allp__chip,
[data-theme="dark"] .allp__popover-item {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp__filter-btn span,
[data-theme="dark"] .allp__sort-label {
    color: var(--theme-muted) !important;
}

/* Checkout hardcoded text */
[data-theme="dark"] .co,
[data-theme="dark"] .co__title,
[data-theme="dark"] .co-card__title,
[data-theme="dark"] .co-card,
[data-theme="dark"] .co-card label,
[data-theme="dark"] .co-card p,
[data-theme="dark"] .co-card span,
[data-theme="dark"] .co-summary__label,
[data-theme="dark"] .co-summary__value,
[data-theme="dark"] .co-pay-method__label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-card .text-muted,
[data-theme="dark"] .co__hint {
    color: var(--theme-muted) !important;
}

/* PDP hardcoded text */
[data-theme="dark"] .dref,
[data-theme="dark"] .dref h1,
[data-theme="dark"] .dref h2,
[data-theme="dark"] .dref h3,
[data-theme="dark"] .dref p,
[data-theme="dark"] .dref span,
[data-theme="dark"] .dref label,
[data-theme="dark"] .dref .dref-title,
[data-theme="dark"] .dref .dref-price,
[data-theme="dark"] .dref .dref-meta,
[data-theme="dark"] .dref .dref-desc,
[data-theme="dark"] .dref .dref-tab,
[data-theme="dark"] .dref .dref-spec-label,
[data-theme="dark"] .dref .dref-spec-value,
[data-theme="dark"] .pdp-gallery-ref,
[data-theme="dark"] .pdp-gallery-ref__title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .dref .dref-muted,
[data-theme="dark"] .dref .dref-subtitle {
    color: var(--theme-muted) !important;
}

/* Trending / home promo — cards below (not hero text; colors come from admin CSS vars) */
[data-theme="dark"] .home-promo:not(.hp-themed),
[data-theme="dark"] .home-promo:not(.hp-themed) .home-promo__title {
    color: var(--theme-ink) !important;
}

/* Dashboard / account pages */
[data-theme="dark"] .db,
[data-theme="dark"] .db-title,
[data-theme="dark"] .db-card,
[data-theme="dark"] .db-stat,
[data-theme="dark"] .db-stat__label,
[data-theme="dark"] .db-stat__value,
[data-theme="dark"] .db-order,
[data-theme="dark"] .ph,
[data-theme="dark"] .ph-card,
[data-theme="dark"] .ph-title,
[data-theme="dark"] .wl,
[data-theme="dark"] .wl-card,
[data-theme="dark"] .wl-card__title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .db-muted,
[data-theme="dark"] .ph-muted,
[data-theme="dark"] .wl-muted {
    color: var(--theme-muted) !important;
}

/* Side rail */
[data-theme="dark"] .side-rail__eyebrow,
[data-theme="dark"] .side-rail__link,
[data-theme="dark"] .side-rail__link-text {
    color: var(--theme-ink) !important;
}

/* Nav box text (cart dropdown etc) */
[data-theme="dark"] .nav-box-text,
[data-theme="dark"] .cart-dropdown,
[data-theme="dark"] .cart-dropdown .fs-14,
[data-theme="dark"] .cart-dropdown .fw-700 {
    color: var(--theme-ink) !important;
}

/* Breadcrumb & page titles */
[data-theme="dark"] .breadcrumb,
[data-theme="dark"] .page-title,
[data-theme="dark"] .section-title {
    color: var(--theme-ink) !important;
}

/* Accordion / collapse text */
[data-theme="dark"] .accordion .card-header,
[data-theme="dark"] .accordion .card-body,
[data-theme="dark"] .collapse-inner {
    color: var(--theme-ink) !important;
}

/* Review / query sections */
[data-theme="dark"] .review-box,
[data-theme="dark"] .review-box .name,
[data-theme="dark"] .review-box .comment,
[data-theme="dark"] .product-queries {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .review-box .date,
[data-theme="dark"] .review-box .rating-text {
    color: var(--theme-muted) !important;
}

/* ---- End text visibility fix ---- */

[data-theme="dark"] .border,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-left,
[data-theme="dark"] .border-right {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .aiz-card,
[data-theme="dark"] .aiz-box {
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .custom-select,
[data-theme="dark"] select.form-control,
[data-theme="dark"] textarea.form-control {
    background-color: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .form-control::placeholder {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .form-control:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px var(--soft-primary) !important;
}

/* AIZ checkboxes — keep tick visible (avoid solid primary blocks) */
[data-theme="dark"] .aiz-checkbox .aiz-square-check,
[data-theme="dark"] .aiz-radio .aiz-square-check {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .aiz-checkbox > input:checked ~ .aiz-square-check,
[data-theme="dark"] .aiz-radio > input:checked ~ .aiz-square-check {
    background: var(--theme-input-bg) !important;
    border-color: var(--primary) !important;
}

[data-theme="dark"] .aiz-checkbox > input:checked ~ .aiz-square-check:after,
[data-theme="dark"] .aiz-radio > input:checked ~ .aiz-square-check:after,
[data-theme="dark"] .aiz-megabox > input:checked ~ span .aiz-square-check:after {
    border-color: var(--primary) !important;
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 12px 40px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] .dropdown-item {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus,
[data-theme="dark"] .dropdown-item.active {
    background-color: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .modal-content {
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 18px 48px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .modal-title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .modal .close {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .modal .close:hover {
    background: var(--theme-bg-tertiary) !important;
    color: var(--theme-ink) !important;
}

/* Sign-in / auth modal */
[data-theme="dark"] #login_modal.auth-modal {
    --auth-ink: var(--theme-ink);
    --auth-muted: var(--theme-muted);
    --auth-line: var(--theme-line);
    --auth-soft: var(--theme-surface-hover);
}

[data-theme="dark"] #login_modal .auth-modal__content {
    background: var(--theme-surface) !important;
    color: var(--theme-ink) !important;
    box-shadow: 0 24px 64px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] #login_modal .auth-modal__title,
[data-theme="dark"] #login_modal .auth-modal__label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #login_modal .auth-modal__lead,
[data-theme="dark"] #login_modal .auth-modal__divider,
[data-theme="dark"] #login_modal .auth-modal__remember-text,
[data-theme="dark"] #login_modal .auth-modal__otp-hint,
[data-theme="dark"] #login_modal .auth-modal__register-line {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] #login_modal .auth-modal__tabs {
    background: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] #login_modal .auth-modal__tab {
    color: var(--theme-muted) !important;
    background: transparent !important;
}

[data-theme="dark"] #login_modal .auth-modal__tab.is-active {
    background: var(--theme-surface-raised) !important;
    color: var(--theme-ink) !important;
    box-shadow: 0 1px 4px var(--theme-shadow) !important;
}

[data-theme="dark"] #login_modal .auth-modal__tab:hover:not(.is-active) {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #login_modal .auth-modal__inline-error {
    background: rgba(230, 46, 4, 0.16) !important;
    color: #fdba74 !important;
}

[data-theme="dark"] #login_modal .auth-modal__countdown {
    color: var(--auth-accent, var(--primary)) !important;
}

[data-theme="dark"] #login_modal .auth-modal__otp-hint a,
[data-theme="dark"] #login_modal .auth-modal__register-line a {
    color: #f0f0f5 !important;
}

[data-theme="dark"] #login_modal .auth-modal__otp-hint a:hover,
[data-theme="dark"] #login_modal .auth-modal__register-line a:hover,
[data-theme="dark"] #login_modal .auth-modal__forgot:hover,
[data-theme="dark"] #login_modal .auth-modal__link-btn:hover {
    color: var(--auth-accent, var(--primary)) !important;
}

[data-theme="dark"] #login_modal .auth-modal__forgot,
[data-theme="dark"] #login_modal .auth-modal__link-btn {
    color: var(--theme-ink-secondary) !important;
}

[data-theme="dark"] #login_modal .auth-modal__back-link {
    color: #f0f0f5 !important;
    font-style: normal !important;
}

[data-theme="dark"] #login_modal .auth-modal__back-link:hover {
    color: var(--auth-accent, var(--primary)) !important;
}

[data-theme="dark"] #login_modal .auth-modal__close {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] #login_modal .auth-modal__close:hover {
    background: var(--theme-bg-tertiary) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #login_modal .auth-modal__social-btn {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #login_modal .auth-modal__social-btn:hover {
    background: var(--theme-surface-hover) !important;
    border-color: var(--theme-muted) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #login_modal .auth-modal__input.form-control {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #login_modal .auth-modal__input.form-control::placeholder {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] #login_modal .auth-modal__input.form-control:focus {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-muted) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #login_modal .auth-modal__eye {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] #login_modal .auth-modal__eye:hover {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #login_modal .auth-modal__divider::before,
[data-theme="dark"] #login_modal .auth-modal__divider::after {
    background: var(--theme-line) !important;
}

[data-theme="dark"] .pagination .page-link {
    background-color: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pagination .page-item.active .page-link {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .alert.bg-white {
    background-color: var(--theme-surface) !important;
    color: var(--theme-ink) !important;
}

/* ---- Theme toggle button ---- */
.theme-toggle {
    --toggle-w: 52px;
    --toggle-h: 28px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--toggle-w);
    height: var(--toggle-h);
    padding: 0;
    border: none;
    border-radius: 999px;
    background: var(--theme-bg-secondary, #f0f0f5);
    cursor: pointer;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.3s var(--theme-ease), box-shadow 0.3s var(--theme-ease);
    box-shadow: inset 0 0 0 1px var(--theme-line-soft, rgba(0, 0, 0, 0.08));
}

.theme-toggle:hover {
    box-shadow: inset 0 0 0 1px var(--theme-line, rgba(0, 0, 0, 0.12));
}

.theme-toggle:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

.theme-toggle__track {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    overflow: hidden;
}

.theme-toggle__thumb {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s var(--theme-ease), background 0.3s var(--theme-ease);
}

[data-theme="dark"] .theme-toggle__thumb {
    transform: translateX(24px);
    background: #2a2a36;
}

.theme-toggle__icon {
    position: absolute;
    width: 14px;
    height: 14px;
    transition: opacity 0.3s var(--theme-ease), transform 0.4s var(--theme-ease);
}

.theme-toggle__icon--sun {
    color: #f59e0b;
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.theme-toggle__icon--moon {
    color: #a78bfa;
    opacity: 0;
    transform: rotate(-30deg) scale(0.6);
}

[data-theme="dark"] .theme-toggle__icon--sun {
    opacity: 0;
    transform: rotate(30deg) scale(0.6);
}

[data-theme="dark"] .theme-toggle__icon--moon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

[data-theme="dark"] .theme-toggle {
    background: #252530;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

/* Header util variant */
.hdr-ref__util--theme {
    padding: 0 !important;
    min-width: auto !important;
    background: transparent !important;
    border: none !important;
}

.hdr-ref__util--theme .theme-toggle {
    --toggle-w: 48px;
    --toggle-h: 26px;
}

/* Mobile drawer theme row */
.mob-drawer__theme-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 4px;
    margin: 4px 0 8px;
    border-top: 1px solid var(--theme-line-soft, #eef0f2);
    border-bottom: 1px solid var(--theme-line-soft, #eef0f2);
}

.mob-drawer__theme-label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
    color: var(--theme-ink, #0f172a);
    margin: 0;
}

.mob-drawer__theme-label i {
    font-size: 18px;
    color: var(--primary);
}

[data-theme="dark"] .mob-drawer__theme-row {
    border-color: var(--theme-line);
}

[data-theme="dark"] .mob-drawer__theme-label {
    color: var(--theme-ink);
}

/* ---- Header (.hdr-ref) ---- */
[data-theme="dark"] .hdr-ref {
    --hdr-ink: #f0f0f5;
    --hdr-muted: #9898a8;
    --hdr-line: rgba(255, 255, 255, 0.1);
    --hdr-soft: #252530;
    --hdr-logo-bar-bg: #16161d;
    --hdr-nav-bg: #1c1c24;
    background: #16161d !important;
}

[data-theme="dark"] .hdr-ref .logo-bar-area {
    background: var(--hdr-logo-bar-bg) !important;
}

[data-theme="dark"] .hdr-ref .logo-bar-area .aiz-search-bar {
    background: #252530 !important;
}

[data-theme="dark"] .hdr-ref .logo-bar-area .aiz-search-bar:focus-within {
    background: #2a2a36 !important;
}

[data-theme="dark"] .hdr-ref .aiz-search-bar input,
[data-theme="dark"] .hdr-ref .aiz-search-bar .form-control {
    color: var(--theme-ink) !important;
    background: transparent !important;
}

[data-theme="dark"] .hdr-ref .aiz-search-bar input::placeholder {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .hdr-ref.hdr-ref--reveal-nav .hdr-ref__nav,
[data-theme="dark"] .hdr-ref.hdr-ref--reveal-nav .hdr-ref__nav.bottom-background-color-visibility,
[data-theme="dark"] .hdr-ref.hdr-ref--reveal-nav .hdr-ref__nav.hdr-ref__nav--glass {
    background: #1c1c24 !important;
}

[data-theme="dark"] .hdr-ref:not(.hdr-ref--reveal-nav) .hdr-ref__nav {
    background: rgba(22, 22, 29, 0.85) !important;
    backdrop-filter: blur(16px) saturate(1.25);
    -webkit-backdrop-filter: blur(16px) saturate(1.25);
}

[data-theme="dark"] .hdr-ref__util,
[data-theme="dark"] .hdr-ref__util-label,
[data-theme="dark"] .hdr-ref__nav-link,
[data-theme="dark"] .aiz-locale__caption,
[data-theme="dark"] .aiz-locale__value {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .hdr-ref__menu-btn rect {
    fill: var(--theme-muted) !important;
}

[data-theme="dark"] .aiz-locale__panel,
[data-theme="dark"] .hdr-ref .hdr-account__menu.dropdown-menu {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 12px 28px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] .aiz-locale__panel-title,
[data-theme="dark"] .aiz-locale__label,
[data-theme="dark"] .hdr-ref .hdr-account__name,
[data-theme="dark"] .hdr-ref .hdr-account__link {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-locale__field,
[data-theme="dark"] .aiz-locale__picker-trigger,
[data-theme="dark"] .aiz-locale__picker-menu,
[data-theme="dark"] .aiz-locale__picker-item {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-locale__picker-value,
[data-theme="dark"] .aiz-locale__picker-item-name,
[data-theme="dark"] .aiz-locale__field-caret,
[data-theme="dark"] .aiz-locale__picker-symbol,
[data-theme="dark"] .aiz-locale__picker-item-symbol {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-locale__picker-symbol,
[data-theme="dark"] .aiz-locale__picker-item-symbol {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .aiz-locale__picker-item {
    border-top-color: var(--theme-line) !important;
}

[data-theme="dark"] .aiz-locale__picker-item:hover,
[data-theme="dark"] .aiz-locale__picker-item.is-selected {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .aiz-locale__picker-search {
    background: var(--theme-surface-raised) !important;
    border: 1px solid var(--theme-line);
}

[data-theme="dark"] .aiz-locale__picker-search .las {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .aiz-locale__picker-search-input {
    background: transparent !important;
    color: var(--theme-ink) !important;
    border: 0 !important;
    box-shadow: none !important;
}

[data-theme="dark"] .aiz-locale__picker-search-input::placeholder {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .aiz-locale__picker.is-open .aiz-locale__picker-trigger {
    border-color: var(--theme-muted) !important;
}

[data-theme="dark"] .hdr-ref .hdr-account__head {
    border-bottom-color: var(--theme-line) !important;
    background: transparent !important;
}

[data-theme="dark"] .hdr-ref .hdr-account__email {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .hdr-ref .hdr-account__link:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .hdr-ref .hdr-account__logout {
    background: var(--theme-surface) !important;
    border-top-color: var(--theme-line) !important;
    color: #f87171 !important;
}

[data-theme="dark"] .hdr-ref .hdr-account__logout:hover {
    background: rgba(248, 113, 113, 0.1) !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .top-navbar {
    background-color: #121218 !important;
}

/* ============================================================
   HOVER STATES — prevent white/light flash in dark mode
   ============================================================ */

/* Header utils: Sign in / Wishlist / Cart / Account / Locale */
[data-theme="dark"] .hdr-ref .hdr-ref__util:hover,
[data-theme="dark"] .hdr-ref .hdr-account__toggle:hover,
[data-theme="dark"] .hdr-ref .hdr-account.show .hdr-account__toggle,
[data-theme="dark"] .hdr-ref .hdr-ref__locale .aiz-locale__toggle:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .hdr-ref .hdr-ref__util:hover .hdr-ref__util-label,
[data-theme="dark"] .hdr-ref .hdr-ref__util:hover svg {
    color: var(--theme-ink) !important;
    stroke: var(--theme-ink) !important;
}

/* Header nav menu links (Home, New In, Men, …) — override header-ref #111 hover */
[data-theme="dark"] .hdr-ref .hdr-ref__nav .hdr-ref__menu-link,
[data-theme="dark"] .hdr-ref .hdr-ref__nav .hdr-ref__menu-link.bottom-text-color-visibility,
[data-theme="dark"] .hdr-ref .header_menu_links.hdr-ref__menu-link {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .hdr-ref .hdr-ref__nav .hdr-ref__menu-link:hover,
[data-theme="dark"] .hdr-ref .hdr-ref__nav .hdr-ref__menu-link.bottom-text-color-visibility:hover,
[data-theme="dark"] .hdr-ref .header_menu_links.hdr-ref__menu-link:hover {
    color: var(--primary) !important;
    opacity: 1 !important;
    background: transparent !important;
}

[data-theme="dark"] .hdr-ref .hdr-ref__nav .hdr-ref__menu-link.active,
[data-theme="dark"] .hdr-ref .hdr-ref__nav .hdr-ref__menu-link.bottom-text-color-visibility.active,
[data-theme="dark"] .hdr-ref .header_menu_links.hdr-ref__menu-link.active {
    color: var(--primary) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .hdr-ref .hdr-account__avatar {
    border-color: var(--theme-line) !important;
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .hdr-ref .logo-bar-area .aiz-search-bar:hover,
[data-theme="dark"] .hdr-ref .aiz-search-bar:hover {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .hdr-ref .aiz-search-cat__toggle:hover {
    color: var(--primary) !important;
}

[data-theme="dark"] .hdr-ref .aiz-search-divider,
[data-theme="dark"] .aiz-search-divider {
    background: var(--theme-line) !important;
}

/* Mobile header — category tabs + inline search bar */
[data-theme="dark"] .hdr-ref .hdr-ref__mobile-nav {
    background: var(--theme-bg-secondary) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .hdr-ref .hdr-ref__mobile-nav-link {
    color: var(--theme-muted) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .hdr-ref .hdr-ref__mobile-nav-link.is-active,
[data-theme="dark"] .hdr-ref .hdr-ref__mobile-nav-link:hover {
    color: var(--theme-ink) !important;
    border-bottom-color: var(--primary) !important;
}

@media (max-width: 991.98px) {
    [data-theme="dark"] .hdr-ref .front-header-search .aiz-search-bar,
    [data-theme="dark"] .hdr-ref .front-header-search .aiz-search-bar:focus-within {
        background: var(--theme-input-bg) !important;
        border: 1px solid var(--theme-line) !important;
        box-shadow: none !important;
    }

    [data-theme="dark"] .hdr-ref .aiz-search-field__input,
    [data-theme="dark"] .hdr-ref .aiz-search-field__input::placeholder {
        color: var(--theme-muted) !important;
    }

    [data-theme="dark"] .hdr-ref .aiz-search-field__input {
        color: var(--theme-ink) !important;
    }

    [data-theme="dark"] .hdr-ref .aiz-search-field__icon path {
        fill: var(--theme-muted) !important;
    }

    [data-theme="dark"] .hdr-ref .front-header-search .typed-search-box:not(.d-none) {
        background: var(--theme-surface) !important;
        border-color: var(--theme-line) !important;
        box-shadow: 0 14px 36px var(--theme-shadow-lg) !important;
    }
}

[data-theme="dark"] .hdr-ref .aiz-search-submit:hover {
    background: var(--hov-primary) !important;
}

/* AIZ hover background utilities */
[data-theme="dark"] .hov-bg-white:hover {
    background-color: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .hov-bg-light:hover {
    background-color: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .hov-bg-soft-light:hover {
    background-color: var(--theme-bg-tertiary) !important;
}

/* Bootstrap buttons */
[data-theme="dark"] .btn-light:hover,
[data-theme="dark"] .btn-light:focus,
[data-theme="dark"] .btn-light:active {
    background-color: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .btn-outline-light:hover,
[data-theme="dark"] .btn-outline-light:focus {
    background-color: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

/* List / nav hover */
[data-theme="dark"] .list-group-item-action:hover,
[data-theme="dark"] .list-group-item-action:focus {
    background-color: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link:focus {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .page-link:hover {
    background-color: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

/* Table row hover */
[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

/* Mobile bottom nav hover */
[data-theme="dark"] .mob-nav__item:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

/* Side rail hover already covered — reinforce */
[data-theme="dark"] .side-rail__link:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--primary) !important;
}

/* Product card hover icon buttons */
[data-theme="dark"] .aiz-p-hov-icon a {
    background: var(--theme-surface) !important;
}

[data-theme="dark"] .aiz-p-hov-icon a:hover {
    background: var(--primary) !important;
    color: #fff !important;
}

/* Close buttons / icon buttons */
[data-theme="dark"] .close:hover {
    background: var(--theme-bg-tertiary) !important;
    color: var(--theme-ink) !important;
}

/* ---- End hover states ---- */

/* ---- Footer (.sf) ---- */
[data-theme="dark"] .sf {
    --sf-ink: #f0f0f5;
    --sf-muted: #9898a8;
    --sf-line: rgba(255, 255, 255, 0.08);
    --sf-card: #1e1e28;
    --sf-dark: #f0f0f5;
    background: var(--theme-bg) !important;
    color: var(--sf-ink);
}

[data-theme="dark"] .sf::before {
    background: linear-gradient(180deg, rgba(15, 15, 18, 0) 0%, rgba(15, 15, 18, 1) 100%);
}

[data-theme="dark"] .sf-news__card {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .sf__inner {
    border-top-color: var(--theme-line) !important;
}

/* Desktop/tablet — seamless footer, no outer card shell */
@media (min-width: 576px) {
    [data-theme="dark"] .sf-grid {
        background: transparent !important;
        border: 0 !important;
    }

    [data-theme="dark"] .sf-col,
    [data-theme="dark"] .sf-col--brand,
    [data-theme="dark"] .sf-col--links,
    [data-theme="dark"] .sf-col--cats,
    [data-theme="dark"] .sf-col--social {
        background: transparent !important;
        border-color: transparent !important;
    }
}

/* Mobile card layout — keep grouped panel */
@media (max-width: 575.98px) {
    [data-theme="dark"] .sf-grid {
        background: var(--theme-surface) !important;
        border-color: var(--theme-line) !important;
    }

    [data-theme="dark"] .sf-col,
    [data-theme="dark"] .sf-col--brand,
    [data-theme="dark"] .sf-col--links,
    [data-theme="dark"] .sf-col--cats,
    [data-theme="dark"] .sf-col--social {
        background: var(--theme-surface) !important;
        border-color: var(--theme-line) !important;
    }
}

[data-theme="dark"] .sf-news__box {
    background: var(--theme-input-bg) !important;
}

[data-theme="dark"] .sf-news__box:focus-within {
    background: var(--theme-surface-raised) !important;
    border-color: rgba(212, 53, 51, 0.35) !important;
}

[data-theme="dark"] .sf-news__title,
[data-theme="dark"] .sf-news__sub {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .sf-news__sub {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .sf-news__icon {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .sf-news__input {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .sf-link,
[data-theme="dark"] .sf__heading,
[data-theme="dark"] .sf__brand-name {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .sf-link:hover {
    color: var(--primary) !important;
}

/* Footer CTA card — fix white panel + light text clash */
[data-theme="dark"] .sf-cta {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .sf-cta__eyebrow,
[data-theme="dark"] .sf-cta__eyebrow span {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .sf-cta__title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .sf-cta__btn {
    background: var(--primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .sf-cta__btn:hover {
    background: var(--hov-primary) !important;
    color: #fff !important;
}

/* Footer meta, columns, links */
[data-theme="dark"] .sf-meta,
[data-theme="dark"] .sf-meta span,
[data-theme="dark"] .sf-meta a {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .sf-meta a:hover {
    color: var(--primary) !important;
}

[data-theme="dark"] .sf-col__title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .sf-links a {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .sf-links a:hover {
    color: var(--primary) !important;
}

[data-theme="dark"] .sf-social a {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .sf-social a:hover {
    color: var(--primary) !important;
}

[data-theme="dark"] .sf-social__img {
    filter: brightness(0) invert(1);
    opacity: 0.95;
}

[data-theme="dark"] .sf-social a:hover .sf-social__img {
    opacity: 1;
}

[data-theme="dark"] .sf-social__svg {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .sf-social a:hover .sf-social__svg {
    color: var(--primary) !important;
}

/* Desktop — plain social links (no pill boxes) */
@media (min-width: 576px) {
    [data-theme="dark"] .sf-social a {
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
    }
}

/* Mobile card layout — keep pill chips */
@media (max-width: 575.98px) {
    [data-theme="dark"] .sf-social a {
        background: var(--theme-input-bg) !important;
        border: 1px solid var(--theme-line) !important;
    }
}

[data-theme="dark"] .sf-bottom {
    background: transparent !important;
    border-top-color: var(--theme-line) !important;
}

[data-theme="dark"] .sf-copy,
[data-theme="dark"] .sf-copy p {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .sf-brand-name {
    color: var(--theme-ink) !important;
}

/* ---- Checkout (.co) ---- */
[data-theme="dark"] .co {
    --co-ink: #f0f0f5;
    --co-muted: #9898a8;
    --co-line: rgba(255, 255, 255, 0.1);
    --co-soft: #252530;
    --co-bg: #0f0f12;
    --co-card: #1e1e28;
    background: var(--co-bg) !important;
}

[data-theme="dark"] .co__back {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-card,
[data-theme="dark"] .co-summary,
[data-theme="dark"] .co-pay-method {
    background: var(--co-card) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co-card__title,
[data-theme="dark"] .co__title {
    color: var(--theme-ink) !important;
}

/* ---- Checkout page — forms, payment, footer ---- */
[data-theme="dark"] .co .form-control,
[data-theme="dark"] .co .bootstrap-select > .dropdown-toggle,
[data-theme="dark"] .co-modal .form-control,
[data-theme="dark"] .co-modal .bootstrap-select > .dropdown-toggle,
[data-theme="dark"] .co-modal .bootstrap-select.disabled > .dropdown-toggle,
[data-theme="dark"] .co-modal .bootstrap-select > .dropdown-toggle.disabled,
[data-theme="dark"] .co-modal .bootstrap-select > .dropdown-toggle.bs-placeholder {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co .form-control::placeholder,
[data-theme="dark"] .co-modal .form-control::placeholder {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co .form-control:hover,
[data-theme="dark"] .co .bootstrap-select > .dropdown-toggle:hover,
[data-theme="dark"] .co-modal .form-control:hover,
[data-theme="dark"] .co-modal .bootstrap-select > .dropdown-toggle:hover {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .co .form-control:focus,
[data-theme="dark"] .co .bootstrap-select > .dropdown-toggle:focus,
[data-theme="dark"] .co .bootstrap-select.show > .dropdown-toggle,
[data-theme="dark"] .co-modal .form-control:focus,
[data-theme="dark"] .co-modal .bootstrap-select > .dropdown-toggle:focus,
[data-theme="dark"] .co-modal .bootstrap-select.show > .dropdown-toggle {
    background: var(--theme-surface-hover) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px var(--soft-primary) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co .bootstrap-select .dropdown-menu,
[data-theme="dark"] .co .bootstrap-select .dropdown-menu .inner,
[data-theme="dark"] .co-modal .bootstrap-select .dropdown-menu,
[data-theme="dark"] .co-modal .bootstrap-select .dropdown-menu .inner {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co .bootstrap-select .dropdown-menu li a,
[data-theme="dark"] .co .bootstrap-select .dropdown-menu li a span.text,
[data-theme="dark"] .co-modal .bootstrap-select .dropdown-menu li a,
[data-theme="dark"] .co-modal .bootstrap-select .dropdown-menu li a span.text {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co .bootstrap-select .dropdown-menu li a:hover,
[data-theme="dark"] .co .bootstrap-select .dropdown-menu li.selected a,
[data-theme="dark"] .co .bootstrap-select .dropdown-menu li.active a,
[data-theme="dark"] .co-modal .bootstrap-select .dropdown-menu li a:hover,
[data-theme="dark"] .co-modal .bootstrap-select .dropdown-menu li.selected a,
[data-theme="dark"] .co-modal .bootstrap-select .dropdown-menu li.active a {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-modal .co-field-label,
[data-theme="dark"] .co-modal .modal-title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-modal .co-modal__close,
[data-theme="dark"] .co-modal .co-modal__close:hover {
    color: var(--theme-muted) !important;
    background: transparent !important;
}

[data-theme="dark"] .co-modal .co-modal__close:hover {
    color: var(--theme-ink) !important;
}

/* Address modal — intl-tel-input country code */
[data-theme="dark"] .co-modal .iti__selected-flag,
[data-theme="dark"] .co-modal .iti--separate-dial-code .iti__selected-flag,
[data-theme="dark"] .co-modal .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
[data-theme="dark"] #new-address-modal .iti__selected-flag,
[data-theme="dark"] #edit-address-modal .iti__selected-flag {
    background: var(--theme-input-bg) !important;
    border-right: 1px solid var(--theme-line) !important;
}

[data-theme="dark"] .co-modal .iti--separate-dial-code .iti__selected-dial-code,
[data-theme="dark"] #new-address-modal .iti--separate-dial-code .iti__selected-dial-code,
[data-theme="dark"] #edit-address-modal .iti--separate-dial-code .iti__selected-dial-code {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-modal .iti__arrow,
[data-theme="dark"] #new-address-modal .iti__arrow,
[data-theme="dark"] #edit-address-modal .iti__arrow {
    border-top-color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-modal .iti__arrow--up,
[data-theme="dark"] #new-address-modal .iti__arrow--up,
[data-theme="dark"] #edit-address-modal .iti__arrow--up {
    border-bottom-color: var(--theme-muted) !important;
}

[data-theme="dark"] body:has(.co-modal.show) .iti--container .iti__country-list,
[data-theme="dark"] body:has(#new-address-modal.show) .iti--container .iti__country-list,
[data-theme="dark"] body:has(#edit-address-modal.show) .iti--container .iti__country-list {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 16px 40px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] body:has(.co-modal.show) .iti--container .iti__country,
[data-theme="dark"] body:has(#new-address-modal.show) .iti--container .iti__country,
[data-theme="dark"] body:has(#edit-address-modal.show) .iti--container .iti__country {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] body:has(.co-modal.show) .iti--container .iti__country.iti__highlight,
[data-theme="dark"] body:has(#new-address-modal.show) .iti--container .iti__country.iti__highlight,
[data-theme="dark"] body:has(#edit-address-modal.show) .iti--container .iti__country.iti__highlight {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] body:has(.co-modal.show) .iti--container .iti__divider,
[data-theme="dark"] body:has(#new-address-modal.show) .iti--container .iti__divider,
[data-theme="dark"] body:has(#edit-address-modal.show) .iti--container .iti__divider {
    border-bottom-color: var(--theme-line) !important;
}

/* co-pick — country / state / city location picker */
[data-theme="dark"] .co .co-pick {
    --cp-ink: #f0f0f5;
    --cp-muted: #9898a8;
    --cp-line: rgba(255, 255, 255, 0.1);
    --cp-soft: #252530;
    --cp-panel: #1e1e28;
}

[data-theme="dark"] .co .co-pick__btn {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co .co-pick__btn:hover {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .co .co-pick.is-open .co-pick__btn,
[data-theme="dark"] .co .co-pick__btn:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px var(--soft-primary) !important;
}

[data-theme="dark"] .co .co-pick.is-disabled .co-pick__btn {
    background: var(--theme-surface) !important;
}

[data-theme="dark"] .co .co-pick__value {
    color: var(--theme-ink);
}

[data-theme="dark"] .co .co-pick__value.is-placeholder {
    color: var(--theme-muted);
}

[data-theme="dark"] .co .co-pick__chevron {
    border-right-color: var(--theme-muted);
    border-bottom-color: var(--theme-muted);
}

[data-theme="dark"] .co .co-pick__panel {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 16px 40px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] .co .co-pick__search {
    background: var(--theme-surface);
    border-bottom-color: var(--theme-line);
}

[data-theme="dark"] .co .co-pick__search-input {
    background: var(--theme-input-bg);
    color: var(--theme-ink);
}

[data-theme="dark"] .co .co-pick__search-input::placeholder {
    color: var(--theme-muted);
}

[data-theme="dark"] .co .co-pick__search-input:focus {
    background: var(--theme-surface-hover);
}

[data-theme="dark"] .co .co-pick__list {
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

[data-theme="dark"] .co .co-pick__list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] .co .co-pick__fade--top {
    background: linear-gradient(180deg, var(--theme-surface) 0%, rgba(30, 30, 40, 0) 100%);
}

[data-theme="dark"] .co .co-pick__fade--bottom {
    background: linear-gradient(0deg, var(--theme-surface) 0%, rgba(30, 30, 40, 0) 100%);
}

[data-theme="dark"] .co .co-pick__option {
    color: var(--theme-ink);
}

[data-theme="dark"] .co .co-pick__option:hover,
[data-theme="dark"] .co .co-pick__option:focus {
    background: var(--theme-surface-hover);
}

[data-theme="dark"] .co .co-pick__option.is-selected {
    color: var(--primary, #d43533);
}

[data-theme="dark"] .co .co-pick__option.is-selected:hover {
    background: rgba(212, 53, 51, 0.12);
}

[data-theme="dark"] .co .co-pick__option.is-placeholder,
[data-theme="dark"] .co .co-pick__option.is-placeholder.is-selected {
    color: var(--theme-muted);
}

[data-theme="dark"] .co .co-pick__empty {
    color: var(--theme-muted);
}

[data-theme="dark"] .co #co_contact_card input[readonly] {
    background: var(--theme-surface) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-field > label,
[data-theme="dark"] .co .co-field-label {
    color: var(--theme-muted) !important;
}

/* Checkout — intl-tel-input country code picker */
[data-theme="dark"] .co .co-phone .iti__selected-flag,
[data-theme="dark"] .co .co-phone .iti--separate-dial-code .iti__selected-flag,
[data-theme="dark"] .co .co-phone .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: var(--theme-input-bg) !important;
    border-right: 1px solid var(--theme-line) !important;
}

[data-theme="dark"] .co .co-phone .iti--separate-dial-code .iti__selected-dial-code {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co .co-phone .iti__arrow {
    border-top-color: var(--theme-muted) !important;
}

[data-theme="dark"] .co .co-phone .iti__arrow--up {
    border-bottom-color: var(--theme-muted) !important;
}

[data-theme="dark"] body:has(.co:not(.co--cart)) .iti--container .iti__country-list {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 16px 40px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] body:has(.co:not(.co--cart)) .iti--container .iti__country {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] body:has(.co:not(.co--cart)) .iti--container .iti__country.iti__highlight {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] body:has(.co:not(.co--cart)) .iti--container .iti__divider {
    border-bottom-color: var(--theme-line) !important;
}

/* ---- Add-to-cart success modal (#addToCart) ---- */
[data-theme="dark"] #addToCart.cart-added-modal {
    --ca-ink: #f0f0f5;
    --ca-muted: #9898a8;
    --ca-line: rgba(255, 255, 255, 0.1);
    --ca-soft: #252530;
}

[data-theme="dark"] #addToCart .cart-added-modal__content.modal-content {
    background: var(--theme-surface) !important;
    color: var(--theme-ink) !important;
    box-shadow: 0 24px 64px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] #addToCart .cart-added-modal__loader {
    background: rgba(30, 30, 40, 0.9) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] #addToCart .cart-added-modal__close {
    background: var(--theme-input-bg) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] #addToCart .cart-added-modal__close:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .cart-added__title,
[data-theme="dark"] .cart-added__name,
[data-theme="dark"] .cart-added__lead--alert {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .cart-added__lead,
[data-theme="dark"] .cart-added__var {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .cart-added__product {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .cart-added__thumb {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .cart-added__qty {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .cart-added__btn--secondary {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #addToCart a.cart-added__btn--secondary,
[data-theme="dark"] #addToCart a.cart-added__btn--secondary:hover,
[data-theme="dark"] #addToCart a.cart-added__btn--secondary:visited {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .cart-added__btn--secondary:hover {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .cart-added__back {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .cart-added__back:hover {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .cart-added--error .cart-added__btn--primary {
    background: var(--theme-input-bg) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .cart-added--error .cart-added__btn--primary:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #addToCart a.cart-added--error .cart-added__btn--primary,
[data-theme="dark"] #addToCart a.cart-added--error .cart-added__btn--primary:hover,
[data-theme="dark"] #addToCart a.cart-added--error .cart-added__btn--primary:visited {
    color: var(--theme-ink) !important;
}

/* Destination / currency strip */
[data-theme="dark"] .co-dest__label,
[data-theme="dark"] .co-dest__body {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-dest__note {
    background: rgba(16, 185, 129, 0.12) !important;
    color: #6ee7b7 !important;
}

/* Login prompt */
[data-theme="dark"] .co-login-prompt {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-login-prompt:hover {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-login-prompt__title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-login-prompt__sub {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-login-hint {
    background: rgba(59, 130, 246, 0.12) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-login-hint a {
    color: var(--theme-ink) !important;
}

/* Autofill / saved address */
[data-theme="dark"] .co-autofill-tip {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-autofill-tip:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-autofill-note {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-places-hint {
    background: var(--theme-bg-tertiary, var(--theme-surface)) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co-places-hint__mark {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--primary, #e62e04) !important;
}

[data-theme="dark"] .co-places-hint__title,
[data-theme="dark"] .co-places__label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-places-hint__text {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-places__icon {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-places__chip {
    color: var(--primary, #e62e04) !important;
    background: rgba(230, 46, 4, 0.18) !important;
    border-color: rgba(230, 46, 4, 0.28) !important;
}

[data-theme="dark"] .co-places-change {
    color: var(--primary, #e62e04) !important;
}

[data-theme="dark"] .co-places-change:hover {
    color: var(--primary, #e62e04) !important;
}

[data-theme="dark"] .co-places__input:focus {
    border-color: rgba(230, 46, 4, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(230, 46, 4, 0.18) !important;
}

[data-theme="dark"] .co-places__label,
[data-theme="dark"] .co-places-dd__main {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-places__badge,
[data-theme="dark"] .co-places__status,
[data-theme="dark"] .co-places__manual,
[data-theme="dark"] .co-places-dd__sub,
[data-theme="dark"] .co-addr-details__toggle,
[data-theme="dark"] .co-addr-summary__sub {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-places__manual:hover,
[data-theme="dark"] .co-addr-details__toggle:hover {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-places__status.is-ok {
    color: #86efac !important;
}

[data-theme="dark"] .co-places__status.is-err {
    color: #fdba74 !important;
}

[data-theme="dark"] .co-places-dd {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 12px 32px var(--theme-shadow) !important;
}

[data-theme="dark"] .co-places-dd__item:hover,
[data-theme="dark"] .co-places-dd__item.is-active {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .co-addr-summary {
    background: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co-addr-summary__check {
    background: rgba(34, 197, 94, 0.16) !important;
    color: #86efac !important;
}

[data-theme="dark"] .co-addr-summary__line,
[data-theme="dark"] .co-addr-summary__change {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-saved-addr {
    background: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co-saved-addr__label {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-saved-addr__text {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-saved-addr__change {
    color: var(--primary) !important;
}

/* Delivery options */
[data-theme="dark"] .co-delivery-block__label {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-delivery-opt__elem,
[data-theme="dark"] .co #delivery_info .aiz-megabox-elem,
[data-theme="dark"] .co #payment_info .aiz-megabox-elem {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co #delivery_info .co-delivery-opt,
[data-theme="dark"] .co #delivery_info .co-delivery-opt.bg-white,
[data-theme="dark"] .co #delivery_info .aiz-megabox {
    background: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .co-intl-test-banner {
    color: #ffe8a3 !important;
    background: rgba(255, 193, 7, 0.14) !important;
    border-color: rgba(255, 193, 7, 0.35) !important;
}

[data-theme="dark"] .co #delivery_info .aiz-megabox input:checked + .aiz-megabox-elem,
[data-theme="dark"] .co #payment_info .aiz-megabox input:checked + .aiz-megabox-elem {
    border-color: var(--primary) !important;
    box-shadow: inset 0 0 0 1px var(--primary) !important;
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .co-delivery-opt__price {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-intl-carrier__name,
[data-theme="dark"] .co-intl-package__name {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-intl-carrier__hint {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-intl-carrier__logo {
    border: 0 !important;
    box-shadow: none !important;
}

[data-theme="dark"] .co-intl-eta {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-intl-eta i,
[data-theme="dark"] .co-intl-eta__value {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co #delivery_info .co-intl-package input:checked + .aiz-megabox-elem .co-intl-eta {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .co #delivery_info .co-intl-package input:checked + .aiz-megabox-elem .co-intl-eta i,
[data-theme="dark"] .co #delivery_info .co-intl-package input:checked + .aiz-megabox-elem .co-intl-eta__value,
[data-theme="dark"] .co #delivery_info .co-intl-package input:checked + .aiz-megabox-elem .co-intl-eta__label {
    color: #fff !important;
}

/* Payment accordion */
[data-theme="dark"] .co-pay-accordion,
[data-theme="dark"] .co-pay-accordion.is-closed,
[data-theme="dark"] .co-pay-accordion.is-open,
[data-theme="dark"] .co-pay-accordion.is-open .co-pay-accordion__trigger {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co-pay-accordion.is-closed:hover {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .co-pay-accordion.is-open {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .co-pay-accordion__radio {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co-pay-accordion.is-open .co-pay-accordion__radio,
[data-theme="dark"] #pay_option_stripe:checked ~ .co-pay-accordion__radio,
[data-theme="dark"] #pay_option_google_pay:checked ~ .co-pay-accordion__radio,
[data-theme="dark"] #pay_option_apple_pay:checked ~ .co-pay-accordion__radio,
[data-theme="dark"] #pay_option_amazon_pay:checked ~ .co-pay-accordion__radio,
[data-theme="dark"] #pay_option_paypal:checked ~ .co-pay-accordion__radio,
[data-theme="dark"] #pay_option_stripe_link:checked ~ .co-pay-accordion__radio,
[data-theme="dark"] #pay_option_stripe_bnpl:checked ~ .co-pay-accordion__radio {
    border-color: var(--primary) !important;
    background: var(--primary) !important;
}

[data-theme="dark"] .co-pay-accordion__title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-pay-accordion__hint {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-pay-accordion.is-open .co-pay-accordion__trigger {
    border-bottom-color: var(--theme-line) !important;
}

[data-theme="dark"] .co-pay-accordion__body-inner,
[data-theme="dark"] .co-pay-accordion__card {
    background: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co-pay-accordion.is-open .co-pay-accordion__card:focus-within {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .co-pay-accordion__placeholder,
[data-theme="dark"] .co-pay-paypal__note,
[data-theme="dark"] .co-pay-wallet__note,
[data-theme="dark"] .co-pay-link__note,
[data-theme="dark"] .co-pay-link__placeholder,
[data-theme="dark"] .co-link-mark__text,
[data-theme="dark"] .co-pay-bnpl__note,
[data-theme="dark"] .co-pay-amazon__note {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-pay-wallet__unavailable,
[data-theme="dark"] .co-pay-bnpl__unavailable {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #fbbf24 !important;
}

/* Order summary sidebar (checkout) */
[data-theme="dark"] .co .co-summary__qty {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co .co-summary__qty button {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co .co-summary__qty button:hover {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .co .co-summary__qty span {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-summary__note {
    background: rgba(245, 158, 11, 0.12) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .co-summary__name,
[data-theme="dark"] .co-summary__price,
[data-theme="dark"] .co-summary__row,
[data-theme="dark"] .co-summary__val,
[data-theme="dark"] .co-summary__ship-title,
[data-theme="dark"] .co-summary__ship-est strong,
[data-theme="dark"] .co-summary__eta strong {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-summary__var,
[data-theme="dark"] .co-summary__ship-meta,
[data-theme="dark"] .co-summary__ship-est,
[data-theme="dark"] .co-summary__eta,
[data-theme="dark"] .co-footer__usd {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-summary__eta {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co-summary__eta i {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-ship-goal--progress {
    background: var(--theme-bg-tertiary, #1c1c24) !important;
    border-color: transparent !important;
}

[data-theme="dark"] .co-ship-goal--done {
    background: rgba(16, 185, 129, 0.12) !important;
    border-color: transparent !important;
}

[data-theme="dark"] .co-ship-goal--progress .co-ship-goal__icon {
    background: #fff !important;
    color: #111 !important;
}

[data-theme="dark"] .co-ship-goal--done .co-ship-goal__icon {
    background: #6ee7b7 !important;
    color: #052e1c !important;
}

[data-theme="dark"] .co-ship-goal--progress .co-ship-goal__title,
[data-theme="dark"] .co-ship-goal__pct {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-ship-goal--done .co-ship-goal__title,
[data-theme="dark"] .co-ship-goal--done .co-ship-goal__sub {
    color: #6ee7b7 !important;
    opacity: 1 !important;
}

[data-theme="dark"] .co-ship-goal--progress .co-ship-goal__sub,
[data-theme="dark"] .co-ship-goal__meta {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-ship-goal__track {
    background: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .co-ship-goal__fill,
[data-theme="dark"] .co-ship-goal__knob {
    background: #fff !important;
}

[data-theme="dark"] .co-ship-goal__knob {
    border-color: var(--theme-bg-tertiary, #1c1c24) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .co-free-banner {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.16) 0%, rgba(34, 197, 94, 0.08) 100%) !important;
    border-color: rgba(74, 222, 128, 0.32) !important;
}

[data-theme="dark"] .co-free-banner--progress {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co-free-banner__icon,
[data-theme="dark"] .co #delivery_info .co-free-banner__icon,
[data-theme="dark"] .co-summary .co-free-banner__icon {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
}

[data-theme="dark"] .co-free-banner__title,
[data-theme="dark"] .co #delivery_info .co-free-banner__title,
[data-theme="dark"] .co-summary .co-free-banner__title {
    color: #fff !important;
}

[data-theme="dark"] .co-free-banner--progress .co-free-banner__title,
[data-theme="dark"] .co #delivery_info .co-free-banner--progress .co-free-banner__title {
    color: #fff !important;
}

[data-theme="dark"] .co-free-banner__sub,
[data-theme="dark"] .co #delivery_info .co-free-banner__sub,
[data-theme="dark"] .co-summary .co-free-banner__sub {
    color: rgba(255, 255, 255, 0.78) !important;
}

[data-theme="dark"] .co-free-banner--progress .co-free-banner__sub,
[data-theme="dark"] .co #delivery_info .co-free-banner--progress .co-free-banner__sub {
    color: rgba(255, 255, 255, 0.65) !important;
}

/* Free pill: solid white text (megabox must not wash it out) */
[data-theme="dark"] .co-free-pill,
[data-theme="dark"] .co .co-free-pill,
[data-theme="dark"] .co-delivery-opt__price .co-free-pill,
[data-theme="dark"] .co-intl-package__price .co-free-pill,
[data-theme="dark"] .co #delivery_info .co-free-pill,
[data-theme="dark"] .co #delivery_info .aiz-megabox-elem .co-free-pill,
[data-theme="dark"] .co #delivery_info .co-delivery-opt__price .co-free-pill,
[data-theme="dark"] .co-summary__val .co-free-pill,
[data-theme="dark"] .aiz-megabox-elem .co-free-pill {
    background: #fff !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    box-shadow: none !important;
}

[data-theme="dark"] .co-summary__row.is-shipping .co-summary__val {
    color: var(--primary) !important;
}

[data-theme="dark"] .co-summary__row.is-shipping.is-free .co-summary__val {
    color: #fff !important;
}

[data-theme="dark"] .co-summary__row.is-shipping.is-free .co-summary__val .co-free-pill {
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
}

/* Sticky checkout footer */
[data-theme="dark"] .co-footer {
    background: var(--theme-surface) !important;
    border-top-color: var(--theme-line) !important;
    box-shadow: 0 -8px 28px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] .co-footer__total {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-footer__legal {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-footer__legal a {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co-footer__info-btn {
    background: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-card__hint {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-addr__tabs .nav-link {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co-addr__tabs .nav-link.active {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co--cart .co-cart__select-label,
[data-theme="dark"] .co--cart .co-cart__group-head,
[data-theme="dark"] .co--cart .co-cart__name,
[data-theme="dark"] .co--cart .co-cart__unit,
[data-theme="dark"] .co--cart .co-cart__line {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co--cart .co-cart__var {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co--cart .co-cart__qty,
[data-theme="dark"] .co--cart .co-summary__qty {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co--cart .co-cart__qty .btn,
[data-theme="dark"] .co--cart .co-summary__qty button {
    background: transparent !important;
    color: var(--theme-ink) !important;
    border-color: transparent !important;
}

[data-theme="dark"] .co--cart .co-cart__qty .btn:hover,
[data-theme="dark"] .co--cart .co-summary__qty button:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co--cart .co-cart__qty .btn:disabled,
[data-theme="dark"] .co--cart .co-summary__qty button:disabled {
    opacity: 1 !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co--cart .co-cart__qty .input-number,
[data-theme="dark"] .co--cart .co-summary__qty span {
    background: transparent !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co--cart .co-cart__remove {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co--cart .co-cart__remove:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .co--cart .co-coupon .form-control,
[data-theme="dark"] .co--cart .co-card .form-control,
[data-theme="dark"] .co .co-coupon .form-control,
[data-theme="dark"] .co .co-coupon__field .form-control {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co .co-coupon__field > i {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co--cart .co-coupon .form-control::placeholder,
[data-theme="dark"] .co .co-coupon .form-control::placeholder {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co--cart .co-coupon .form-control:hover,
[data-theme="dark"] .co .co-coupon .form-control:hover,
[data-theme="dark"] .co--cart .co-coupon .form-control:focus,
[data-theme="dark"] .co .co-coupon .form-control:focus {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-muted) !important;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.04) !important;
}

[data-theme="dark"] .co--cart .co-coupon--applied,
[data-theme="dark"] .co .co-coupon--applied {
    background: rgba(34, 197, 94, 0.1) !important;
    border-color: rgba(34, 197, 94, 0.28) !important;
}

[data-theme="dark"] .co .co-coupon__icon {
    background: rgba(34, 197, 94, 0.16) !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .co--cart .co-coupon__label,
[data-theme="dark"] .co .co-coupon__label {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co--cart .co-coupon__code,
[data-theme="dark"] .co .co-coupon__code {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co .co-apply-btn--remove {
    background: transparent !important;
    color: var(--theme-muted) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co .co-apply-btn--remove:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co--cart .co-welcome__title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co--cart .co-welcome__text,
[data-theme="dark"] .co--cart .co-summary__note,
[data-theme="dark"] .co--cart .co-card__hint {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co--cart .co-summary__title,
[data-theme="dark"] .co--cart .co-summary__name,
[data-theme="dark"] .co--cart .co-summary__price,
[data-theme="dark"] .co--cart .co-summary__row,
[data-theme="dark"] .co--cart .co-summary__val,
[data-theme="dark"] .co--cart .co-summary__row.is-total {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co--cart .co-summary__var,
[data-theme="dark"] .co--cart .co-summary__ship-est {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .co--cart .co-cart__empty {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co--cart .co-cart__empty h3,
[data-theme="dark"] .co--cart .co-cart__empty-text {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .co--cart .co-cart__empty-link {
    color: var(--primary) !important;
}

[data-theme="dark"] .co--cart .co-cart__item {
    border-bottom-color: var(--theme-line) !important;
}

[data-theme="dark"] .co--cart .co-cart__select-all,
[data-theme="dark"] .co--cart .co-cart__group + .co-cart__group {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .co--cart .co-cart__thumb,
[data-theme="dark"] .co--cart .co-summary__thumb {
    background: var(--theme-bg-tertiary) !important;
}

/* ---- All Products (.allp) — comprehensive ---- */
[data-theme="dark"] .allp {
    --allp-ink: #f0f0f5;
    --allp-muted: #9898a8;
    --allp-line: rgba(255, 255, 255, 0.1);
    --allp-soft: #252530;
    --trend-ink: #f0f0f5;
    --trend-muted: #9898a8;
    --trend-line: rgba(255, 255, 255, 0.1);
    --trend-soft: #252530;
    background: var(--theme-bg) !important;
}

[data-theme="dark"] .allp__title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp__count {
    color: var(--theme-muted) !important;
}

/* Filter chips */
[data-theme="dark"] .allp-chip {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp-chip:hover {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .allp-chip.is-open,
[data-theme="dark"] .allp-chip.is-active {
    border-color: rgba(255, 255, 255, 0.35) !important;
    background: var(--theme-surface-raised) !important;
}

/* Next arrow */
[data-theme="dark"] .allp-filters-next {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp-filters-next:hover {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

/* In-stock toggle */
[data-theme="dark"] .allp-stock__label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp-stock__switch {
    background: #3a3a48 !important;
}

[data-theme="dark"] .allp-stock input:checked + .allp-stock__switch {
    background: var(--primary) !important;
}

[data-theme="dark"] .allp-stock__switch::after {
    background: #f0f0f5 !important;
}

/* Popover card */
[data-theme="dark"] .allp-pop__card {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.55) !important;
}

[data-theme="dark"] .allp-pop__title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp-pop__x {
    background: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp-pop__x:hover {
    background: var(--theme-bg-tertiary) !important;
}

/* Popover rows */
[data-theme="dark"] .allp-row {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp-row:hover {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .allp-row__label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp-row--child .allp-row__label,
[data-theme="dark"] .allp-row--grand .allp-row__label {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .allp-row__box,
[data-theme="dark"] .allp-row__radio {
    background: var(--theme-input-bg) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .allp-row input:checked + .allp-row__box {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    box-shadow: inset 0 0 0 3px var(--theme-surface) !important;
}

[data-theme="dark"] .allp-row input:checked + .allp-row__radio {
    border-color: var(--primary) !important;
    background: radial-gradient(circle at center, var(--primary) 0 45%, var(--theme-surface) 48%) !important;
}

/* Brand search */
[data-theme="dark"] .allp-brand-search {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .allp-brand-search input {
    color: var(--theme-ink) !important;
    background: transparent !important;
}

[data-theme="dark"] .allp-brand-search svg {
    color: var(--theme-muted) !important;
}

/* Price inputs */
[data-theme="dark"] .allp-price-field input {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp-price-field input:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px var(--soft-primary) !important;
}

[data-theme="dark"] .allp-price-field span {
    color: var(--theme-muted) !important;
}

/* Range slider */
[data-theme="dark"] .allp-range__track {
    background: #2a2a36 !important;
}

[data-theme="dark"] .allp-range__fill {
    background: var(--primary) !important;
}

[data-theme="dark"] .allp-range input[type="range"]::-webkit-slider-thumb {
    background: var(--theme-surface-raised) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .allp-range input[type="range"]::-moz-range-thumb {
    background: var(--theme-surface-raised) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}

/* Popover footer */
[data-theme="dark"] .allp-pop__foot {
    background: var(--theme-surface) !important;
    border-top-color: var(--theme-line) !important;
}

[data-theme="dark"] .allp-btn--ghost {
    background: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .allp-btn--ghost:hover {
    background: var(--theme-bg-tertiary) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
}

[data-theme="dark"] .allp-btn--primary {
    background: var(--primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .allp-btn--primary:hover {
    background: var(--hov-primary) !important;
}

/* End text */
[data-theme="dark"] .allp-end {
    color: var(--theme-muted) !important;
}

/* ---- Side rail ---- */
[data-theme="dark"] .side-rail,
[data-theme="dark"] .aiz-category-menu.side-rail {
    --sr-ink: #f0f0f5;
    --sr-muted: #9898a8;
    --sr-line: rgba(255, 255, 255, 0.1);
    --sr-soft: #252530;
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .side-rail__link:hover,
[data-theme="dark"] .side-rail__link.active {
    background: var(--theme-surface-hover) !important;
}

/* ---- Mobile bottom nav ---- */
[data-theme="dark"] .mob-nav {
    --mob-nav-ink: #f0f0f5;
    --mob-nav-muted: #9898a8;
    --mob-nav-line: rgba(255, 255, 255, 0.08);
    background: #16161d !important;
    border-top-color: var(--theme-line) !important;
}

/* ---- Mobile drawer ---- */
[data-theme="dark"] .mob-drawer .collapse-sidebar {
    background: #16161d !important;
    box-shadow: 8px 0 40px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .mob-drawer__head {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .mob-drawer__brand {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .mob-drawer__link,
[data-theme="dark"] .mob-drawer__section-label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .mob-drawer__link:hover,
[data-theme="dark"] .mob-drawer__link.active {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .mob-drawer__divider {
    background: var(--theme-line) !important;
}

[data-theme="dark"] .mob-drawer__close {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .mob-drawer__close:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .mob-drawer__user {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .mob-drawer__avatar {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-line) !important;
    box-shadow: none;
}

[data-theme="dark"] .mob-drawer__avatar svg path {
    fill: var(--theme-muted);
}

[data-theme="dark"] .mob-drawer__user-label {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .mob-drawer__user-name {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .mob-drawer__btn--ghost {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .mob-drawer__btn--ghost:hover {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .mob-drawer__link-icon {
    background: var(--theme-surface-raised) !important;
    color: var(--theme-ink-secondary) !important;
}

[data-theme="dark"] .mob-drawer__link:hover {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .mob-drawer__link.active {
    background: color-mix(in srgb, var(--primary, #d43533) 12%, var(--theme-surface)) !important;
    color: var(--primary, #d43533) !important;
}

[data-theme="dark"] .mob-drawer__link.active .mob-drawer__link-icon {
    background: color-mix(in srgb, var(--primary, #d43533) 18%, var(--theme-surface)) !important;
    color: var(--primary, #d43533) !important;
}

[data-theme="dark"] .mob-drawer__link-arrow {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .mob-drawer__logout {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

/* ---- Customer dashboard (.db) ---- */
[data-theme="dark"] .db {
    --db-ink: #f0f0f5;
    --db-muted: #9898a8;
    --db-line: rgba(255, 255, 255, 0.1);
    --db-soft: #252530;
    --db-card: #1e1e28;
    color: var(--db-ink);
}

[data-theme="dark"] .db-card,
[data-theme="dark"] .db-stat,
[data-theme="dark"] .db-order {
    background: var(--db-card) !important;
    border-color: var(--theme-line) !important;
}

/* ---- Wishlist ---- */
[data-theme="dark"] .wl {
    --wl-ink: #f0f0f5;
    --wl-muted: #9898a8;
    --wl-line: rgba(255, 255, 255, 0.1);
    --wl-soft: #252530;
    --wl-card: #1e1e28;
    background: var(--theme-bg) !important;
}

[data-theme="dark"] .wl-card {
    background: var(--wl-card) !important;
    border-color: var(--theme-line) !important;
}

/* ---- Purchase history ---- */
[data-theme="dark"] .ph {
    --ph-ink: #f0f0f5;
    --ph-muted: #9898a8;
    --ph-line: rgba(255, 255, 255, 0.1);
    --ph-soft: #252530;
    --ph-card: #1e1e28;
    background: var(--theme-bg) !important;
}

[data-theme="dark"] .ph-card,
[data-theme="dark"] .ph-order {
    background: var(--ph-card) !important;
    border-color: var(--theme-line) !important;
}

/* ---- PDP (product detail page) ---- */
[data-theme="dark"] .dref,
[data-theme="dark"] .pdp-details-ref,
[data-theme="dark"] .pdp-gallery-ref {
    --dref-ink: #f0f0f5;
    --dref-muted: #9898a8;
    --dref-gray-700: #c8c8d4;
    --dref-gray-500: #9898a8;
    --dref-gray-300: rgba(255, 255, 255, 0.14);
    --dref-gray-200: rgba(255, 255, 255, 0.1);
    --dref-gray-50: #252530;
    --dref-gray-100: #252530;
    color: var(--theme-ink);
}

[data-theme="dark"] .dref-card,
[data-theme="dark"] .dref-panel {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

/* Gallery — single clip layer (fixes square/light corners behind rounded image) */
[data-theme="dark"] .pdp-gallery-ref .pdp-gallery-ref__main {
    background: transparent !important;
    border: none !important;
    border-radius: var(--pdp-radius-main, 28px) !important;
    overflow: hidden !important;
}

[data-theme="dark"] .pdp-gallery-ref .main-slider {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    isolation: auto;
}

[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-wrapper {
    background: transparent !important;
    border-radius: 0 !important;
}

[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide,
[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide.bg-light,
[data-theme="dark"] .pdp-gallery-ref .main-slider .lightbox-item {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide img,
[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide .lightbox-source,
[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide .img-fluid,
[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide video,
[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide iframe {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center top !important;
    border: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

/* Gallery nav arrows — match dark chrome (not bright white) */
[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-button-next,
[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-button-prev,
[data-theme="dark"] .main-slider .swiper-button-next,
[data-theme="dark"] .main-slider .swiper-button-prev {
    background: rgba(28, 28, 36, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
    color: #f0f0f5 !important;
}

[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-button-next:after,
[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-button-prev:after,
[data-theme="dark"] .main-slider .swiper-button-next:after,
[data-theme="dark"] .main-slider .swiper-button-prev:after {
    color: #f0f0f5 !important;
}

[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-button-next:hover,
[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-button-prev:hover,
[data-theme="dark"] .main-slider .swiper-button-next:hover,
[data-theme="dark"] .main-slider .swiper-button-prev:hover {
    background: rgba(40, 40, 52, 0.95) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
}

[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-button-next.swiper-button-disabled,
[data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-button-prev.swiper-button-disabled,
[data-theme="dark"] .main-slider .swiper-button-next.swiper-button-disabled,
[data-theme="dark"] .main-slider .swiper-button-prev.swiper-button-disabled {
    background: rgba(28, 28, 36, 0.55) !important;
    opacity: 0.45 !important;
}

[data-theme="dark"] .pdp-gallery-ref .img-preview-btn,
[data-theme="dark"] .main-slider .img-preview-btn {
    background: rgba(28, 28, 36, 0.88) !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    color: #f0f0f5 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .pdp-gallery-ref .thumb-slider .swiper-slide,
[data-theme="dark"] .pdp-gallery-ref .thumb-slider .swiper-slide.bg-light,
[data-theme="dark"] .pdp-gallery-ref .thumb-slider .swiper-slide.border,
[data-theme="dark"] .pdp-gallery-ref .thumb-slider .swiper-slide.border-light-gray {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    overflow: hidden !important;
    border-radius: var(--pdp-radius-thumb, 18px) !important;
}

[data-theme="dark"] .pdp-gallery-ref .thumb-slider .swiper-slide-thumb-active {
    border-color: rgba(255, 255, 255, 0.28) !important;
}

[data-theme="dark"] .pdp-gallery-ref .thumb-slider .swiper-slide img {
    width: 100% !important;
    height: 100% !important;
    border-radius: var(--pdp-radius-thumb, 18px) !important;
    background: transparent !important;
}

[data-theme="dark"] .pdp-gallery-ref .bg-light {
    background-color: transparent !important;
}

/* Match pdp-responsive breakpoints — main image clips on __main; thumbs stay rounded */
@media (max-width: 991.98px) {
    [data-theme="dark"] .pdp-gallery-ref .pdp-gallery-ref__main {
        border-radius: var(--pdp-radius-main, 24px) !important;
    }

    [data-theme="dark"] .pdp-gallery-ref .main-slider,
    [data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-wrapper,
    [data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide,
    [data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide.bg-light {
        background: transparent !important;
        border-radius: 0 !important;
    }

    [data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide img,
    [data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide video,
    [data-theme="dark"] .pdp-gallery-ref .main-slider .swiper-slide iframe {
        border-radius: 0 !important;
        background: transparent !important;
    }

    [data-theme="dark"] .pdp-gallery-ref .thumb-slider .swiper-slide,
    [data-theme="dark"] .pdp-gallery-ref .thumb-slider .swiper-slide img {
        border-radius: var(--pdp-radius-thumb, 16px) !important;
    }
}

@media (max-width: 767.98px) {
    [data-theme="dark"] .pdp-gallery-ref .pdp-gallery-ref__main {
        border-radius: var(--pdp-radius-main, 22px) !important;
    }
}

[data-theme="dark"] .pdp-gallery-ref-crumb a:hover {
    color: var(--theme-ink);
}

/* Buy box — title, price, labels */
[data-theme="dark"] .pdp-details-ref .pdp-dref-title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-rating__score {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-rating__count {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-rating__sep {
    background: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-rating .rating i:not(.active):not(.half) {
    color: rgba(255, 255, 255, 0.22) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-label,
[data-theme="dark"] .pdp-details-ref .pdp-dref-qty-label {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-logo {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-size-chart {
    color: var(--theme-ink);
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-size-chart:hover {
    color: #fff;
}

/* Size / variant chips */
[data-theme="dark"] .pdp-details-ref .variant-wrapper .aiz-megabox-elem,
[data-theme="dark"] .pdp-details-ref .variant-wrapper .variant-item-select {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-details-ref .variant-wrapper .aiz-megabox-elem span,
[data-theme="dark"] .pdp-details-ref .variant-wrapper .variant-item-select span {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-details-ref .variant-wrapper .aiz-megabox:hover .aiz-megabox-elem,
[data-theme="dark"] .pdp-details-ref .variant-wrapper .aiz-megabox:hover .variant-item-select {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .pdp-details-ref .variant-wrapper .aiz-megabox input:checked ~ .aiz-megabox-elem,
[data-theme="dark"] .pdp-details-ref .variant-wrapper .aiz-megabox input:checked ~ .variant-item-select {
    background: rgba(212, 53, 51, 0.14) !important;
    border-color: var(--primary, #d43533) !important;
    color: var(--primary, #d43533) !important;
}

[data-theme="dark"] .pdp-details-ref .variant-wrapper .aiz-megabox input:checked ~ .aiz-megabox-elem span,
[data-theme="dark"] .pdp-details-ref .variant-wrapper .aiz-megabox input:checked ~ .variant-item-select span {
    color: var(--primary, #d43533) !important;
}

/* Quantity stepper */
[data-theme="dark"] .pdp-details-ref .aiz-plus-minus,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .inc-btn,
[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .dec-btn,
[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .input-number,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .inc-btn,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .dec-btn,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .input-number {
    background: transparent !important;
    color: var(--theme-ink) !important;
    border-color: transparent !important;
}

[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .inc-btn:hover:not(:disabled),
[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .dec-btn:hover:not(:disabled),
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .inc-btn:hover:not(:disabled),
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .dec-btn:hover:not(:disabled) {
    background: var(--theme-surface-hover) !important;
}

/* SVG +/- icons — override hardcoded #9d9da6 and browser disabled fading */
[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .inc-btn svg rect,
[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .dec-btn svg rect,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .inc-btn svg rect,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .dec-btn svg rect {
    fill: var(--theme-ink-secondary) !important;
}

[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .inc-btn:hover:not(:disabled) svg rect,
[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .dec-btn:hover:not(:disabled) svg rect,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .inc-btn:hover:not(:disabled) svg rect,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .dec-btn:hover:not(:disabled) svg rect {
    fill: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .inc-btn:disabled,
[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .dec-btn:disabled,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .inc-btn:disabled,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .dec-btn:disabled {
    background: transparent !important;
    opacity: 1 !important;
    cursor: not-allowed;
}

[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .inc-btn:disabled svg rect,
[data-theme="dark"] .pdp-details-ref .aiz-plus-minus .dec-btn:disabled svg rect,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .inc-btn:disabled svg rect,
[data-theme="dark"] .pdp-details-ref .pdp-dref-stepper .dec-btn:disabled svg rect {
    fill: var(--theme-muted) !important;
    opacity: 1 !important;
}

/* Same SVG steppers in modals / offcanvas (variant picker, etc.) */
[data-theme="dark"] .aiz-plus-minus .inc-btn svg rect,
[data-theme="dark"] .aiz-plus-minus .dec-btn svg rect {
    fill: var(--theme-ink-secondary) !important;
}

[data-theme="dark"] .aiz-plus-minus .inc-btn:hover:not(:disabled) svg rect,
[data-theme="dark"] .aiz-plus-minus .dec-btn:hover:not(:disabled) svg rect {
    fill: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-plus-minus .inc-btn:disabled svg rect,
[data-theme="dark"] .aiz-plus-minus .dec-btn:disabled svg rect {
    fill: var(--theme-muted) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .aiz-plus-minus .inc-btn:disabled,
[data-theme="dark"] .aiz-plus-minus .dec-btn:disabled {
    opacity: 1 !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-buybox.is-stock-out .pdp-dref-stepper {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

/* Stock badge */
[data-theme="dark"] .pdp-details-ref .pdp-dref-stock.is-ok {
    color: #4ade80;
    background: rgba(34, 197, 94, 0.12);
    border-color: rgba(34, 197, 94, 0.28);
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-stock.is-low {
    color: #fb923c;
    background: rgba(251, 146, 60, 0.12);
    border-color: rgba(251, 146, 60, 0.28);
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-stock.is-out {
    color: var(--theme-muted);
    background: var(--theme-surface);
    border-color: var(--theme-line);
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-stock__track {
    background: rgba(255, 255, 255, 0.08);
}

/* CTAs — Add to cart, wishlist */
[data-theme="dark"] .pdp-details-ref .add-to-cart,
[data-theme="dark"] .pdp-details-ref #added_to_cart_btn {
    background: var(--theme-surface) !important;
    color: var(--theme-ink) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-wish {
    background: var(--theme-surface);
    color: var(--theme-ink);
    border-color: var(--theme-line);
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-wish:hover {
    background: rgba(212, 53, 51, 0.12);
    border-color: var(--primary, #d43533);
    color: var(--primary, #d43533);
    box-shadow: none;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-wish.is-active {
    background: rgba(212, 53, 51, 0.14);
    border-color: var(--primary, #d43533);
    color: var(--primary, #d43533);
}

[data-theme="dark"] .pdp-details-ref .add-to-cart:hover,
[data-theme="dark"] .pdp-details-ref #added_to_cart_btn:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    box-shadow: none !important;
}

/* Price block — subtle dividers (not bright #f1f5f9 lines) */
[data-theme="dark"] .pdp-details-ref .pdp-dref-price-wrap,
[data-theme="dark"] .pdp-details-ref form.product-details-page > .bg-light.overflow-hidden.px-20px {
    border-top-color: var(--theme-line) !important;
    border-bottom-color: var(--theme-line) !important;
    background: transparent !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-price {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-hot .pdp-dref-price {
    color: var(--primary) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-price-meta del,
[data-theme="dark"] .pdp-details-ref form.product-details-page del {
    color: var(--theme-muted) !important;
}

/* Sold out CTA — muted dark pill, not white box */
[data-theme="dark"] .pdp-details-ref .pdp-dref-oos-btn,
[data-theme="dark"] .pdp-details-ref .out-of-stock {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-muted) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-oos-btn__icon,
[data-theme="dark"] .pdp-details-ref .pdp-dref-oos-btn__icon svg {
    color: var(--theme-muted) !important;
    stroke: currentColor;
    opacity: 1;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-buybox.is-stock-out .pdp-dref-stepper {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    opacity: 0.65;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-buybox.is-stock-out .pdp-dref-stepper .input-number,
[data-theme="dark"] .pdp-details-ref .pdp-dref-buybox.is-stock-out .pdp-dref-stepper .inc-btn,
[data-theme="dark"] .pdp-details-ref .pdp-dref-buybox.is-stock-out .pdp-dref-stepper .dec-btn {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-buybox.is-stock-out .pdp-dref-stepper .inc-btn svg rect,
[data-theme="dark"] .pdp-details-ref .pdp-dref-buybox.is-stock-out .pdp-dref-stepper .dec-btn svg rect {
    fill: var(--theme-muted) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-icon-btn {
    background: var(--theme-surface);
    border-color: var(--theme-line);
    color: var(--theme-ink);
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-icon-btn:hover {
    background: var(--theme-surface-hover);
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-service {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-service__title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-service__sub {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .pdp-details-ref .variant-wrapper .aiz-megabox-elem span,
[data-theme="dark"] .pdp-details-ref .variant-wrapper .variant-item-select span {
    color: var(--theme-ink) !important;
}

/* Ratings modal — full dark mode text & bars */
[data-theme="dark"] .pdp-ratings-modal .modal-content,
[data-theme="dark"] .pdp-ratings-modal__content {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-ratings-modal__header,
[data-theme="dark"] .pdp-ratings-modal__body {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-ratings-modal__title,
[data-theme="dark"] .pdp-ratings-modal__subtitle,
[data-theme="dark"] .pdp-ratings-modal__avg,
[data-theme="dark"] .pdp-ratings-modal__avg-star,
[data-theme="dark"] .pdp-ratings-modal__bar-label,
[data-theme="dark"] .pdp-ratings-modal__item-name,
[data-theme="dark"] .pdp-ratings-modal__item-comment {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-ratings-modal__count,
[data-theme="dark"] .pdp-ratings-modal__item-meta,
[data-theme="dark"] .pdp-ratings-modal__item-meta time,
[data-theme="dark"] .pdp-ratings-modal__item-dot,
[data-theme="dark"] .pdp-ratings-modal__empty {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .pdp-ratings-modal__close {
    color: var(--theme-ink);
}

[data-theme="dark"] .pdp-ratings-modal__close:hover {
    background: var(--theme-surface-hover);
}

[data-theme="dark"] .pdp-ratings-modal__bar-track {
    background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .pdp-ratings-modal__bar-fill {
    background: #e8e8f0 !important;
}

[data-theme="dark"] .pdp-ratings-modal__divider {
    background: var(--theme-line);
}

[data-theme="dark"] .pdp-ratings-modal__item {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-ratings-modal__item-stars {
    color: #f5c518;
}

[data-theme="dark"] .pdp-ratings-modal__item-stars .is-off {
    color: rgba(255, 255, 255, 0.18) !important;
}

[data-theme="dark"] .pdp-ratings-modal__load-more {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-ratings-modal__load-more:hover {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: var(--theme-ink) !important;
}
[data-theme="dark"] .pdp-details-ref .pdp-dref-ship,
[data-theme="dark"] .pdp-details-ref .pdp-dref-ship__top,
[data-theme="dark"] .pdp-details-ref .pdp-dref-ship__bottom,
[data-theme="dark"] .pdp-details-ref .pdp-dref-ship__bottom:hover {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-dref-ship__badge {
    background: var(--theme-ink);
    color: var(--theme-bg);
}

/* Product info panels (details, disclaimer, security) */
[data-theme="dark"] .pdp-details-ref .pdp-info-block {
    --pdp-info-ink: #f0f0f5;
    --pdp-info-muted: #9898a8;
    --pdp-info-line: rgba(255, 255, 255, 0.1);
    --pdp-info-soft: #252530;
    border-top-color: var(--theme-line);
}

[data-theme="dark"] .pdp-details-ref .pdp-info-block__panel,
[data-theme="dark"] .pdp-details-ref .pdp-info-block__panel--note,
[data-theme="dark"] .pdp-details-ref .pdp-info-block__panel--security {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-info-block__panel--note {
    background: rgba(212, 53, 51, 0.08) !important;
    border-color: rgba(212, 53, 51, 0.22) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-info-block__title {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-info-block__table th {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-info-block__table td {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-info-block__table th,
[data-theme="dark"] .pdp-details-ref .pdp-info-block__table td {
    border-bottom-color: var(--theme-line) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-info-block__extra p,
[data-theme="dark"] .pdp-details-ref .pdp-info-block__disclaimer {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .pdp-details-ref .pdp-info-block__security li {
    background: var(--theme-input-bg);
    border-color: var(--theme-line);
    color: var(--theme-ink);
}

[data-theme="dark"] .pdp-details-ref .pdp-info-block__check {
    background: rgba(212, 53, 51, 0.14);
}

/* Ratings & reviews preview */
[data-theme="dark"] .pdp-ratings-preview {
    --rrp-ink: #f0f0f5;
    --rrp-muted: #9898a8;
    --rrp-line: rgba(255, 255, 255, 0.1);
    --rrp-track: rgba(255, 255, 255, 0.08);
    --rrp-fill: #e8e8f0;
    --rrp-surface: #1e1e28;
    --rrp-surface-border: rgba(255, 255, 255, 0.1);
    color: var(--rrp-ink);
}

[data-theme="dark"] .pdp-ratings-preview__heading,
[data-theme="dark"] .pdp-ratings-preview__avg,
[data-theme="dark"] .pdp-ratings-preview__avg-star,
[data-theme="dark"] .pdp-ratings-preview__count {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-ratings-preview__bar-label {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .pdp-ratings-preview__bar-track {
    background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .pdp-ratings-preview__bar-fill {
    background: #e8e8f0 !important;
}

[data-theme="dark"] .pdp-ratings-preview__card-meta,
[data-theme="dark"] .pdp-ratings-preview__card-meta time,
[data-theme="dark"] .pdp-ratings-preview__card-dot {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .pdp-ratings-preview__card-stars .is-off {
    color: rgba(255, 255, 255, 0.18) !important;
}

[data-theme="dark"] .pdp-ratings-preview__card {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    box-shadow: none;
}

[data-theme="dark"] .pdp-ratings-preview__card-name {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-ratings-preview__more {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-ratings-preview__more:hover,
[data-theme="dark"] .pdp-ratings-preview__more:focus {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .pdp-col-ratings .pdp-ratings-preview {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

/* ---- Trending section & product cards (.trend-sec / .trend-card) ---- */
[data-theme="dark"] .trend-sec {
    --trend-ink: #f0f0f5;
    --trend-muted: #9898a8;
    --trend-line: rgba(255, 255, 255, 0.1);
    --trend-soft: #252530;
    background: transparent;
}

[data-theme="dark"] .trend-sec__title {
    color: var(--trend-ink) !important;
}

[data-theme="dark"] .trend-sec__explore {
    color: var(--trend-muted) !important;
}

[data-theme="dark"] .trend-sec__explore:hover {
    color: var(--trend-ink) !important;
}

[data-theme="dark"] .trend-sec__tabs {
    border-bottom-color: var(--trend-line) !important;
}

[data-theme="dark"] .trend-sec__tab {
    color: var(--trend-muted) !important;
}

[data-theme="dark"] .trend-sec__tab:hover,
[data-theme="dark"] .trend-sec__tab.is-active {
    color: var(--trend-ink) !important;
}

[data-theme="dark"] .trend-sec__tab::after {
    background: var(--trend-ink) !important;
}

[data-theme="dark"] .trend-sec__nav {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--trend-ink) !important;
    box-shadow: 0 4px 16px var(--theme-shadow) !important;
}

[data-theme="dark"] .trend-sec__nav:hover {
    background: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 8px 22px var(--theme-shadow-lg) !important;
}

/* PDP Similar Products / collection rails */
[data-theme="dark"] .pdp-reco-rails {
    --pdp-reco-ink: #f0f0f5;
    --pdp-reco-muted: #9898a8;
    --pdp-reco-line: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .pdp-reco-rail + .pdp-reco-rail {
    border-top-color: var(--pdp-reco-line);
}

[data-theme="dark"] .pdp-reco-rail__title {
    color: var(--pdp-reco-ink) !important;
}

[data-theme="dark"] .pdp-reco-rail__nav {
    background: var(--theme-surface, #252530) !important;
    border-color: var(--theme-line, rgba(255, 255, 255, 0.12)) !important;
    color: var(--pdp-reco-ink) !important;
    box-shadow: 0 4px 16px var(--theme-shadow, rgba(0, 0, 0, 0.35)) !important;
}

[data-theme="dark"] .pdp-reco-rail__nav:hover {
    background: var(--theme-surface-hover, #2f2f3a) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #fff !important;
}

[data-theme="dark"] .pdp-reco-rails .trend-card {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .pdp-reco-rails .trend-card:hover {
    border-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .pdp-reco-rails .trend-card__media {
    background: var(--theme-surface, #252530) !important;
}

[data-theme="dark"] .pdp-reco-rails .trend-card__body {
    background: transparent !important;
}

[data-theme="dark"] .pdp-reco-rails .carousel-box,
[data-theme="dark"] .pdp-reco-rails .pdp-reco-rail__slide {
    background: transparent !important;
}

/* Product card — open (no box), dark text + soft media plate */
[data-theme="dark"] .trend-card {
    --trend-ink: #f0f0f5;
    --trend-muted: #9898a8;
    --trend-line: rgba(255, 255, 255, 0.1);
    --trend-soft: #252530;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .trend-card:hover {
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Fix white square corners behind rounded product images */
[data-theme="dark"] .trend-sec .carousel-box,
[data-theme="dark"] .trend-sec__slide {
    background: transparent !important;
}

[data-theme="dark"] .trend-card__media {
    background: var(--theme-surface) !important;
    overflow: hidden !important;
    border-radius: var(--trend-radius, 16px) !important;
}

[data-theme="dark"] .trend-card__img-link {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent !important;
}

[data-theme="dark"] .trend-card__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0 !important;
    background: transparent !important;
}

[data-theme="dark"] .trend-card__body {
    background: transparent !important;
}

[data-theme="dark"] .trend-card__title {
    color: var(--trend-ink) !important;
}

[data-theme="dark"] .trend-card__name:hover .trend-card__title {
    color: var(--primary) !important;
}

[data-theme="dark"] .trend-card__brand {
    color: var(--trend-muted) !important;
}

[data-theme="dark"] .trend-card__price {
    color: var(--primary) !important;
}

[data-theme="dark"] .trend-card__price-old,
[data-theme="dark"] .trend-card__price-old del {
    color: var(--trend-muted) !important;
}

[data-theme="dark"] .trend-card__rating {
    color: var(--trend-ink) !important;
}

[data-theme="dark"] .trend-card__wish {
    background: rgba(30, 30, 40, 0.92) !important;
    color: var(--trend-ink) !important;
    box-shadow: 0 2px 8px var(--theme-shadow) !important;
}

[data-theme="dark"] .trend-card__wish:hover,
[data-theme="dark"] .trend-card__wish.is-active {
    background: var(--theme-surface-raised) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .trend-card__cart {
    background: var(--theme-surface-raised) !important;
    border-color: var(--theme-line) !important;
    color: var(--trend-ink) !important;
}

[data-theme="dark"] .trend-card__cart:hover {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .trend-card__cart--oos {
    background: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-line) !important;
    color: var(--trend-muted) !important;
}

[data-theme="dark"] .trend-card__stock-track {
    background: var(--theme-bg-tertiary) !important;
}

[data-theme="dark"] .trend-card__stock-label {
    color: var(--trend-muted) !important;
}

[data-theme="dark"] .trend-card__stock-label b {
    color: var(--trend-ink) !important;
}

[data-theme="dark"] .trend-card__stock.is-critical .trend-card__stock-label b {
    color: var(--primary) !important;
}

[data-theme="dark"] .trend-card__oos span {
    background: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-line) !important;
    color: var(--trend-muted) !important;
}

[data-theme="dark"] .trend-card__oos--on-media span {
    background: rgba(28, 28, 36, 0.92) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #c8c8d4 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .trend-card__low-pill {
    background: rgba(28, 28, 36, 0.92) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #c8c8d4 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .trend-card__low-pill b {
    color: #f0f0f5 !important;
}

[data-theme="dark"] .trend-card__low.is-critical .trend-card__low-pill b {
    color: var(--primary) !important;
}

[data-theme="dark"] .trend-card__low-bar {
    background: rgba(255, 255, 255, 0.12) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .trend-card__label {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .trend-card__promo {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .trend-card__meta,
[data-theme="dark"] .trend-card__old-price {
    color: var(--trend-muted) !important;
}

/* ---- Home promo / trending ---- */
[data-theme="dark"] .home-promo,
[data-theme="dark"] .trending-products {
    background: var(--theme-bg) !important;
}

[data-theme="dark"] .product-card,
[data-theme="dark"] .aiz-card-box,
[data-theme="dark"] .carousel-box {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .product-title,
[data-theme="dark"] .product-name,
[data-theme="dark"] .product-price {
    color: var(--theme-ink) !important;
}

/* ---- Search suggest (.typed-search-box / .ssug) ---- */
[data-theme="dark"] .typed-search-box {
    --ssug-ink: #f0f0f5;
    --ssug-muted: #9898a8;
    --ssug-line: rgba(255, 255, 255, 0.1);
    --ssug-soft: #252530;
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 18px 40px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] .typed-search-box.bg-white {
    background: var(--theme-surface) !important;
}

[data-theme="dark"] .hdr-ref .front-header-search .typed-search-box:not(.d-none) {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 14px 36px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] .typed-search-box .search-nothing {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .ssug {
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}

[data-theme="dark"] .ssug::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

[data-theme="dark"] .ssug__section + .ssug__section {
    border-top-color: var(--theme-line);
}

[data-theme="dark"] .ssug__label {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .ssug__product {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .ssug__product:hover {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .ssug__name,
[data-theme="dark"] .ssug__price strong {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .ssug__sub,
[data-theme="dark"] .ssug__price del {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .ssug__thumb {
    background: var(--theme-input-bg) !important;
}

[data-theme="dark"] .ssug__tag {
    background: var(--theme-input-bg) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .ssug__tag:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .ssug__mark {
    color: var(--primary, #d43533) !important;
}

/* Legacy search suggest class names */
[data-theme="dark"] .search-suggest,
[data-theme="dark"] .aiz-search-suggest {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 12px 40px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] .search-suggest__item:hover {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .search-suggest__item,
[data-theme="dark"] .search-suggest__title,
[data-theme="dark"] .search-suggest__price,
[data-theme="dark"] .aiz-search-suggest .title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .search-suggest__category,
[data-theme="dark"] .search-suggest__meta {
    color: var(--theme-muted) !important;
}

/* ---- Cookie alert ---- */
[data-theme="dark"] .aiz-cookie-alert,
[data-theme="dark"] .cookie-alert {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

/* ---- User side nav — full rules at end of file (user-side-nav.css loads after dark-mode) ---- */

/* ---- Auth pages (.alogin) ---- */
[data-theme="dark"] .alogin {
    --alogin-ink: #f0f0f5;
    --alogin-muted: #9898a8;
    --alogin-line: rgba(255, 255, 255, 0.1);
    --alogin-soft: #252530;
    --alogin-panel: #1e1e28;
    --alogin-brand: #f0f0f5;
    background: var(--theme-bg) !important;
    color: var(--alogin-ink);
}

[data-theme="dark"] .alogin__form-panel,
[data-theme="dark"] .alogin__panel {
    background: var(--theme-bg) !important;
}

[data-theme="dark"] .alogin__card,
[data-theme="dark"] .alogin__form-wrap {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .alogin__title,
[data-theme="dark"] .alogin__subtitle,
[data-theme="dark"] .alogin__label,
[data-theme="dark"] .alogin__hint,
[data-theme="dark"] .alogin__footer-text {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin__muted,
[data-theme="dark"] .alogin__subtitle {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin__input,
[data-theme="dark"] .alogin__field input,
[data-theme="dark"] .alogin__field .form-control {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin__divider {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .alogin__divider span {
    background: var(--theme-bg) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin__social-btn {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin__social-btn:hover {
    background: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
}

/* Login tabs — Email & password / One-time code */
[data-theme="dark"] .alogin__tabs {
    background: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .alogin__tab {
    color: var(--theme-muted) !important;
    background: transparent !important;
}

[data-theme="dark"] .alogin__tab.is-active {
    background: var(--theme-surface-raised) !important;
    color: var(--theme-ink) !important;
    box-shadow: 0 1px 4px var(--theme-shadow) !important;
}

[data-theme="dark"] .alogin__tab:hover:not(.is-active) {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin__label {
    color: var(--theme-ink-secondary) !important;
}

[data-theme="dark"] .alogin__input.form-control {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin__input.form-control:focus {
    background: var(--theme-surface-hover) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 3px var(--soft-primary) !important;
}

[data-theme="dark"] .alogin__forgot {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin__forgot:hover {
    color: var(--primary) !important;
}

[data-theme="dark"] .alogin__remember {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin__agree-box {
    background: var(--theme-bg-tertiary) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin__agree-box a {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin__agree-box a:hover {
    color: var(--primary) !important;
}

[data-theme="dark"] .alogin__optional-toggle {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin__optional-hint {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin__eye {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin__eye:hover {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin .iti__selected-flag,
[data-theme="dark"] .alogin .iti--separate-dial-code .iti__selected-flag,
[data-theme="dark"] .alogin .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: var(--theme-input-bg) !important;
    border-right-color: var(--theme-line) !important;
}

[data-theme="dark"] .alogin .iti--separate-dial-code .iti__selected-dial-code {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin .iti__arrow {
    border-top-color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin .iti__arrow--up {
    border-bottom-color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin .iti__country-list,
[data-theme="dark"] body:has(.alogin) .iti--container .iti__country-list {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: 0 16px 40px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] body:has(.alogin) .iti--container .iti__country {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] body:has(.alogin) .iti--container .iti__country.iti__highlight {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .alogin__section-title {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin__section {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .alogin__checkbox label {
    color: var(--theme-muted) !important;
}

/* Desktop brand sidebar — logo pill on hero */
@media (min-width: 992px) {
    [data-theme="dark"] .alogin__logo {
        background: var(--theme-surface) !important;
        color: var(--theme-ink) !important;
    }
}

/* Mobile brand bar — no logo box, match page background */
@media (max-width: 991.98px) {
    [data-theme="dark"] .alogin__brand {
        background: var(--theme-bg) !important;
        border-bottom-color: var(--theme-line) !important;
        color: var(--theme-ink) !important;
    }

    [data-theme="dark"] .alogin__logo {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: var(--theme-ink) !important;
    }

    [data-theme="dark"] .alogin__logo-mark {
        background: transparent !important;
        border-color: transparent !important;
        padding: 0 !important;
    }

    [data-theme="dark"] .alogin__logo-text {
        color: var(--theme-ink) !important;
    }
}

[data-theme="dark"] .alogin__lead {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin__legal,
[data-theme="dark"] .alogin__register {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin__legal a,
[data-theme="dark"] .alogin__register a {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin__legal a:hover,
[data-theme="dark"] .alogin__register a:hover {
    color: var(--primary) !important;
}

[data-theme="dark"] .alogin__or {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .alogin__or::before,
[data-theme="dark"] .alogin__or::after {
    background: var(--theme-line) !important;
}

[data-theme="dark"] .alogin__text-btn {
    color: var(--primary) !important;
}

[data-theme="dark"] .alogin__verify-btn {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .alogin__verify-btn:hover {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .alogin .aiz-checkbox .aiz-square-check {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .alogin .invalid-feedback {
    color: #fca5a5 !important;
}

/* Floating auth theme toggle */
.auth-theme-toggle {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 1050;
}

[dir="rtl"] .auth-theme-toggle {
    right: auto;
    left: 16px;
}

@media (max-width: 991.98px) {
    .auth-theme-toggle {
        top: 12px;
        right: 12px;
    }

    [dir="rtl"] .auth-theme-toggle {
        right: auto;
        left: 12px;
    }
}


/* ---- Tables ---- */
[data-theme="dark"] .table {
    color: var(--theme-ink);
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    border-color: var(--theme-line) !important;
}

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

/* ---- Breadcrumb ---- */
[data-theme="dark"] .breadcrumb-item,
[data-theme="dark"] .breadcrumb-item a {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .breadcrumb-item.active {
    color: var(--theme-ink) !important;
}

/* ---- Accordion ---- */
[data-theme="dark"] .accordion .card {
    background: var(--theme-surface) !important;
}

[data-theme="dark"] .accordion .card-header {
    background: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
}

/* ---- List group ---- */
[data-theme="dark"] .list-group-item {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .list-group-item.active {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

/* ---- Cart page ---- */
[data-theme="dark"] .cart-table,
[data-theme="dark"] .cart-summary {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

/* ---- Shop by category ---- */
[data-theme="dark"] .sbc {
    background: var(--theme-bg) !important;
}

[data-theme="dark"] .sbc__card {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

/* ---- Order confirmed ---- */
[data-theme="dark"] .oc {
    --oc-ink: #f3f3f8;
    --oc-muted: #b4b4c2;
    --oc-line: rgba(255, 255, 255, 0.12);
    --oc-soft: #2a2a36;
    --oc-bg: var(--theme-bg, #121218);
    --oc-card: #1e1e28;
    --oc-ok: #4ade80;
    --oc-ok-soft: rgba(34, 197, 94, 0.18);
    background: var(--oc-bg) !important;
    color: var(--oc-ink) !important;
}

[data-theme="dark"] .oc-card,
[data-theme="dark"] .oc-hero {
    background: var(--oc-card) !important;
    border-color: var(--oc-line) !important;
    color: var(--oc-ink) !important;
}

[data-theme="dark"] .oc-hero__title,
[data-theme="dark"] .oc-hero__sub strong,
[data-theme="dark"] .oc-card__title,
[data-theme="dark"] .oc-meta__val,
[data-theme="dark"] .oc-panel__body,
[data-theme="dark"] .oc-item__name,
[data-theme="dark"] .oc-item__name a,
[data-theme="dark"] .oc-order-head__code,
[data-theme="dark"] .oc-order-head__total,
[data-theme="dark"] .oc-totals__row {
    color: var(--oc-ink) !important;
}

[data-theme="dark"] .oc-hero__sub,
[data-theme="dark"] .oc-meta__label,
[data-theme="dark"] .oc-panel__kicker,
[data-theme="dark"] .oc-order-head__meta,
[data-theme="dark"] .oc-item__var,
[data-theme="dark"] .oc-item__qty,
[data-theme="dark"] .oc-order-head__total-label {
    color: var(--oc-muted) !important;
}

[data-theme="dark"] .oc-chip {
    background: var(--oc-soft) !important;
    border-color: var(--oc-line) !important;
    color: var(--oc-ink) !important;
}

[data-theme="dark"] .oc-chip__val {
    color: var(--oc-accent, #e62e04) !important;
}

[data-theme="dark"] .oc-panel {
    background: var(--oc-soft) !important;
    color: var(--oc-ink) !important;
}

[data-theme="dark"] .oc-badge {
    background: rgba(245, 158, 11, 0.18) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .oc-badge.is-paid {
    background: var(--oc-ok-soft) !important;
    color: var(--oc-ok) !important;
}

[data-theme="dark"] .oc-btn--ghost {
    background: var(--oc-soft) !important;
    color: var(--oc-ink) !important;
    border: 1px solid var(--oc-line) !important;
}

[data-theme="dark"] .oc-btn--ghost:hover {
    background: #343444 !important;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .oc-steps__dot {
    background: var(--oc-card) !important;
    border-color: var(--oc-line) !important;
}

[data-theme="dark"] .oc-steps__item.is-active .oc-steps__dot {
    background: var(--oc-ink) !important;
    border-color: var(--oc-ink) !important;
    color: #111 !important;
}

[data-theme="dark"] .oc-item__thumb {
    border-color: var(--oc-line) !important;
    background: var(--oc-soft) !important;
}

/* ---- Misc hardcoded overrides ---- */
[data-theme="dark"] .bg-light {
    background-color: var(--theme-bg-secondary) !important;
}

[data-theme="dark"] .bg-soft-light,
[data-theme="dark"] .bg-soft-secondary {
    background-color: var(--theme-surface-hover) !important;
}

[data-theme="dark"] hr {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .shadow-sm,
[data-theme="dark"] .shadow,
[data-theme="dark"] .shadow-lg {
    box-shadow: 0 4px 24px var(--theme-shadow) !important;
}

[data-theme="dark"] .aiz-megabox > input:checked ~ .aiz-megabox-elem,
[data-theme="dark"] .aiz-megabox > input:checked ~ .aiz-megabox-elem {
    border-color: var(--primary) !important;
}

[data-theme="dark"] .aiz-megabox-elem {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .aiz-sidebar-overlay {
    background: var(--theme-overlay) !important;
}

[data-theme="dark"] .aiz-top-menu-sidebar .overlay {
    background: var(--theme-overlay) !important;
}

[data-theme="dark"] .slick-dots li button:before {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .slick-dots li.slick-active button:before {
    color: var(--primary) !important;
}

[data-theme="dark"] .tagify {
    --tags-border-color: var(--theme-line);
    --tag-bg: var(--theme-surface-hover);
    --tag-text-color: var(--theme-ink);
    --tag-hover: var(--theme-bg-tertiary);
    background: var(--theme-input-bg) !important;
}

/* Toast theming lives in toast-notify.css (light + dark tokens).
   Keep this as a light safety net for bg/ink/border only. */
[data-theme="dark"] .aiz-notify {
    background: var(--theme-surface-raised, #252530) !important;
    color: var(--theme-ink) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .aiz-notify [data-notify="message"],
[data-theme="dark"] .aiz-notify__message {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-p-hov-icon a {
    background: var(--theme-surface) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-p-hov-icon a:hover {
    background: var(--primary) !important;
    color: #fff !important;
}

/* ---- Additional common components ---- */
[data-theme="dark"] .aiz-user-sidenav,
[data-theme="dark"] .aiz-sidebar {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .border-gray-200,
[data-theme="dark"] .border-gray-300,
[data-theme="dark"] .border-gray-400 {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .home-promo {
    --hp-ink: #f0f0f5;
}

[data-theme="dark"] .home-promo:not(.hp-themed) .home-promo__title,
[data-theme="dark"] .home-promo__subtitle {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-count-down-box,
[data-theme="dark"] .countdown-box {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .aiz-megabox-elem .aiz-megabox-elem-text {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .popover,
[data-theme="dark"] .tooltip-inner {
    background: var(--theme-surface) !important;
    color: var(--theme-ink) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .popover-body {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .bs-popover-top .arrow::before,
[data-theme="dark"] .bs-popover-bottom .arrow::before {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .aiz-chat {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .aiz-chat .chat-list {
    background: var(--theme-bg-secondary) !important;
}

[data-theme="dark"] .aiz-chat .chat-box {
    background: var(--theme-surface) !important;
}

[data-theme="dark"] .aiz-top-menu-sidebar .collapse-sidebar {
    background: #16161d !important;
}

[data-theme="dark"] .front-header-search {
    background: transparent !important;
}

[data-theme="dark"] .aiz-search-cat__toggle,
[data-theme="dark"] .aiz-search-cat__menu {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-search-cat__item:hover {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .co-summary__row,
[data-theme="dark"] .co-summary__total {
    color: var(--theme-ink) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .aiz-custom-alert .alert {
    background: var(--theme-surface) !important;
    color: var(--theme-ink) !important;
    box-shadow: 0 6px 24px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] .aiz-custom-alert .alert a {
    color: var(--primary) !important;
}

[data-theme="dark"] .aiz-custom-sale-alert .alert {
    background: var(--theme-surface) !important;
}

[data-theme="dark"] .aiz-custom-sale-alert .alert a.text-dark {
    color: var(--theme-ink) !important;
}

/* Shop by category */
[data-theme="dark"] .shop-cat {
    --sc-ink: #f0f0f5;
    --sc-muted: #9898a8;
    --sc-soft: #252530;
}

[data-theme="dark"] .shop-cat__title,
[data-theme="dark"] .shop-cat__label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .shop-cat__arrow {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

/* All Categories page */
[data-theme="dark"] .acat {
    --acat-ink: #f0f0f5;
    --acat-muted: #9898a8;
    --acat-line: rgba(255, 255, 255, 0.1);
    --acat-soft: #252530;
    --acat-bg: #0f0f12;
    --acat-card: #1e1e28;
    background: var(--acat-bg) !important;
    color: var(--acat-ink) !important;
}

[data-theme="dark"] .acat__back,
[data-theme="dark"] .acat__count,
[data-theme="dark"] .acat-card,
[data-theme="dark"] .acat-empty {
    background: var(--acat-card) !important;
    border-color: var(--theme-line) !important;
    color: var(--acat-ink) !important;
}

[data-theme="dark"] .acat__back:hover {
    background: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
    color: var(--acat-ink) !important;
}

[data-theme="dark"] .acat__title,
[data-theme="dark"] .acat-card__name {
    color: var(--acat-ink) !important;
}

[data-theme="dark"] .acat__crumb,
[data-theme="dark"] .acat__crumb a,
[data-theme="dark"] .acat-card__meta,
[data-theme="dark"] .acat-mini a,
[data-theme="dark"] .acat-empty p {
    color: var(--acat-muted) !important;
}

[data-theme="dark"] .acat__crumb a:hover,
[data-theme="dark"] .acat-card__main:hover .acat-card__name,
[data-theme="dark"] .acat-sub__link:hover,
[data-theme="dark"] .acat-mini a:hover {
    color: var(--acat-accent) !important;
}

[data-theme="dark"] .acat-card__media {
    background: #252530 !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .acat-card__chevron {
    background: var(--acat-soft) !important;
    color: #9898a8 !important;
}

[data-theme="dark"] .acat-card__main:hover .acat-card__chevron {
    color: var(--acat-accent) !important;
    background: rgba(230, 46, 4, 0.16) !important;
}

[data-theme="dark"] .acat-subs {
    border-top-color: var(--theme-line) !important;
}

[data-theme="dark"] .acat-sub__link {
    background: var(--acat-soft) !important;
    color: var(--acat-ink) !important;
    border-color: transparent !important;
}

[data-theme="dark"] .acat-sub__link:hover {
    background: #2a2a36 !important;
    border-color: rgba(230, 46, 4, 0.35) !important;
}

[data-theme="dark"] .acat-mini.is-collapsed::after {
    background: linear-gradient(180deg, transparent, var(--acat-card)) !important;
}

[data-theme="dark"] .acat-card:hover {
    border-color: rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35) !important;
}

/* Mobile bottom nav labels */
[data-theme="dark"] .mob-nav__label,
[data-theme="dark"] .mob-nav__item {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .mob-nav__item:hover,
[data-theme="dark"] .mob-nav__item:focus {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .mob-nav__item--active,
[data-theme="dark"] .mob-nav__item.svg-active,
[data-theme="dark"] .mob-nav__item--active .mob-nav__label,
[data-theme="dark"] .mob-nav__item.svg-active .mob-nav__label {
    color: var(--primary) !important;
}

[data-theme="dark"] .mob-nav__item--active,
[data-theme="dark"] .mob-nav__item.svg-active {
    background: rgba(212, 53, 51, 0.12) !important;
}

[data-theme="dark"] .mob-nav__badge {
    box-shadow: 0 0 0 2px #16161d !important;
}

/* Category menu / megamenu */
[data-theme="dark"] .aiz-category-menu,
[data-theme="dark"] .aiz-megabox-elem,
[data-theme="dark"] .aiz-megabox-elem-text,
[data-theme="dark"] .category-nav-element,
[data-theme="dark"] .category-nav-element a {
    color: var(--theme-ink) !important;
}

/* Keep free-delivery pills readable after megabox ink overrides */
[data-theme="dark"] .aiz-megabox-elem .co-free-pill,
[data-theme="dark"] .co #delivery_info .aiz-megabox-elem .co-free-pill,
[data-theme="dark"] .co #delivery_info .aiz-megabox-elem .co-delivery-opt__price .co-free-pill,
[data-theme="dark"] .co #delivery_info .aiz-megabox-elem .co-intl-package__price .co-free-pill,
[data-theme="dark"] .co-delivery-opt__price .co-free-pill,
[data-theme="dark"] .co-intl-package__price .co-free-pill {
    background: #fff !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
    box-shadow: none !important;
}

[data-theme="dark"] .co #delivery_info .co-free-banner__title,
[data-theme="dark"] .co #delivery_info .co-free-banner__sub,
[data-theme="dark"] .co-summary .co-free-banner__title,
[data-theme="dark"] .co-summary .co-free-banner__sub {
    color: #fff !important;
}

[data-theme="dark"] .co #delivery_info .co-free-banner__sub,
[data-theme="dark"] .co-summary .co-free-banner__sub {
    color: rgba(255, 255, 255, 0.78) !important;
}

[data-theme="dark"] .co #delivery_info .co-free-banner__icon,
[data-theme="dark"] .co-summary .co-free-banner__icon {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
}

/* Inline style color fallback — dark hex on dark bg */
[data-theme="dark"] [style*="color: #111"],
[data-theme="dark"] [style*="color:#111"],
[data-theme="dark"] [style*="color: #222"],
[data-theme="dark"] [style*="color:#222"],
[data-theme="dark"] [style*="color: #333"],
[data-theme="dark"] [style*="color:#333"],
[data-theme="dark"] [style*="color: #0f172a"],
[data-theme="dark"] [style*="color:#0f172a"],
[data-theme="dark"] [style*="color: #111827"],
[data-theme="dark"] [style*="color:#111827"],
[data-theme="dark"] [style*="color: #16161d"],
[data-theme="dark"] [style*="color:#16161d"],
[data-theme="dark"] [style*="color: #1a1a1a"],
[data-theme="dark"] [style*="color:#1a1a1a"] {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] [style*="color: #666"],
[data-theme="dark"] [style*="color:#666"],
[data-theme="dark"] [style*="color: #64748b"],
[data-theme="dark"] [style*="color:#64748b"],
[data-theme="dark"] [style*="color: #6b7280"],
[data-theme="dark"] [style*="color:#6b7280"],
[data-theme="dark"] [style*="color: #9ca3af"],
[data-theme="dark"] [style*="color:#9ca3af"] {
    color: var(--theme-muted) !important;
}

/* ---- Theme-aware images (light/dark uploads from admin) ---- */
img.theme-img--dark {
    display: none !important;
}

[data-theme="dark"] img.theme-img--light {
    display: none !important;
}

[data-theme="dark"] img.theme-img--dark {
    display: block !important;
}

[data-theme="dark"] .co-bnpl-mark img.theme-img--dark,
[data-theme="dark"] .co-bnpl-mark__item img.theme-img--dark {
    display: block !important;
}

[data-theme="dark"] .sf-brand img.theme-img--dark,
[data-theme="dark"] .sf-payment-strip img.theme-img--dark,
[data-theme="dark"] .alogin__logo img.theme-img--dark {
    display: block !important;
}

/* Keep payment strip visible even if only one theme asset was uploaded */
.sf-payment-strip img.theme-img--light {
    display: block;
}
[data-theme="dark"] .sf-payment-strip img.theme-img--light {
    display: none !important;
}
html:not([data-theme="dark"]) .sf-payment-strip img.theme-img--dark {
    display: none !important;
}

/* Hero slide images */
.home-promo__img.theme-img--dark {
    display: none !important;
}

[data-theme="dark"] .home-promo__img.theme-img--light {
    display: none !important;
}

[data-theme="dark"] .home-promo__img.theme-img--dark {
    display: block !important;
}

/* ============================================================
   USER ACCOUNT AREA — sidenav, dashboard, profile, orders,
   wishlist, delete-account modal (loads after page CSS)
   ============================================================ */

/* ---- Side nav (.usn) — must beat user-side-nav.css specificity ---- */
[data-theme="dark"] .aiz-user-sidenav-wrap.usn,
[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-user-sidenav {
    --usn-ink: #f0f0f5;
    --usn-muted: #9898a8;
    --usn-line: rgba(255, 255, 255, 0.1);
    --usn-soft: #252530;
    --usn-accent: var(--primary, #e62e04);
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .aiz-user-sidenav-wrap.usn .usn-name {
    color: var(--usn-ink) !important;
}

[data-theme="dark"] .aiz-user-sidenav-wrap.usn .usn-meta {
    color: var(--usn-muted) !important;
}

[data-theme="dark"] .aiz-user-sidenav-wrap.usn .usn-profile,
[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-list {
    border-color: var(--usn-line) !important;
}

[data-theme="dark"] .aiz-user-sidenav-wrap.usn .usn-avatar {
    border-color: var(--usn-line) !important;
    background: var(--usn-soft) !important;
}

[data-theme="dark"] .aiz-user-sidenav-wrap.usn .usn-close .btn {
    background: var(--usn-soft) !important;
    color: var(--usn-muted) !important;
}

[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-list .aiz-side-nav-link {
    color: var(--usn-ink) !important;
    background: transparent !important;
}

[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-list .aiz-side-nav-link:hover {
    background: var(--usn-soft) !important;
    color: var(--usn-ink) !important;
}

[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-list .aiz-side-nav-link.active,
[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-list .aiz-side-nav-link.level-2-active,
[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-list .aiz-side-nav-link.level-3-active {
    background: rgba(230, 46, 4, 0.14) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-link > svg * {
    fill: var(--usn-muted) !important;
}

[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-link:hover > svg *,
[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-link.active > svg *,
[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-link.level-2-active > svg *,
[data-theme="dark"] .aiz-user-sidenav-wrap.usn .aiz-side-nav-link.level-3-active > svg * {
    fill: var(--primary) !important;
}

/* ---- Customer dashboard (.db) ---- */
[data-theme="dark"] .db {
    --db-ink: #f0f0f5;
    --db-muted: #9898a8;
    --db-line: rgba(255, 255, 255, 0.1);
    --db-soft: #252530;
    --db-card: #1e1e28;
    --db-ok-soft: rgba(31, 138, 76, 0.15);
    --db-info-soft: rgba(37, 99, 235, 0.15);
}

[data-theme="dark"] .db .db-card,
[data-theme="dark"] .db .db-stat,
[data-theme="dark"] .db .db-order,
[data-theme="dark"] .db .db-wallet,
[data-theme="dark"] .db .db-empty,
[data-theme="dark"] .db .db-wish__card {
    background: var(--db-card) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .db .db-card__title,
[data-theme="dark"] .db .db-title,
[data-theme="dark"] .db .db-stat__value,
[data-theme="dark"] .db .db-section-head h2,
[data-theme="dark"] .db .db-address,
[data-theme="dark"] .db .db-coupon__text,
[data-theme="dark"] .db .db-wish__name a {
    color: var(--db-ink) !important;
}

[data-theme="dark"] .db .db-stat__label,
[data-theme="dark"] .db .db-muted,
[data-theme="dark"] .db .db-empty-addr,
[data-theme="dark"] .db .db-wallet__meta,
[data-theme="dark"] .db .db-empty h5 {
    color: var(--db-muted) !important;
}

[data-theme="dark"] .db .db-btn {
    background: var(--db-soft) !important;
    border-color: var(--theme-line) !important;
    color: var(--db-ink) !important;
}

[data-theme="dark"] .db .db-btn:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--db-ink) !important;
}

[data-theme="dark"] .db .db-btn--primary,
[data-theme="dark"] .db .db-btn--primary:hover {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .db .db-btn--dark,
[data-theme="dark"] .db .db-btn--dark:hover {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
}

[data-theme="dark"] .db .db-stat {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .db .db-stat__icon.is-ink {
    background: var(--db-soft) !important;
    color: var(--db-ink) !important;
}

[data-theme="dark"] .db .db-wish__remove {
    background: var(--db-card) !important;
    color: var(--db-ink) !important;
    border: 1px solid var(--theme-line);
}

[data-theme="dark"] .db .db-coupon {
    background: rgba(230, 46, 4, 0.1) !important;
    border-color: rgba(230, 46, 4, 0.25) !important;
}

/* ---- Wishlist page (.wl) ---- */
[data-theme="dark"] .wl {
    --wl-ink: #f0f0f5;
    --wl-muted: #9898a8;
    --wl-line: rgba(255, 255, 255, 0.1);
    --wl-soft: #252530;
    --wl-card: #1e1e28;
}

[data-theme="dark"] .wl .wl-shell,
[data-theme="dark"] .wl .wl-card,
[data-theme="dark"] .wl .wl-count {
    background: var(--wl-card) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .wl .wl-title,
[data-theme="dark"] .wl .wl-card__name a,
[data-theme="dark"] .wl .wl-empty h6 {
    color: var(--wl-ink) !important;
}

[data-theme="dark"] .wl .wl-sub,
[data-theme="dark"] .wl .wl-empty p {
    color: var(--wl-muted) !important;
}

[data-theme="dark"] .wl .wl-count {
    color: var(--wl-ink) !important;
}

[data-theme="dark"] .wl .wl-card__remove {
    background: var(--wl-card) !important;
    color: var(--wl-ink) !important;
    border: 1px solid var(--theme-line);
}

[data-theme="dark"] .wl .wl-card__media {
    background: var(--wl-soft) !important;
}

/* ---- Purchase history & profile (.ph) ---- */
[data-theme="dark"] .ph {
    --ph-ink: #f0f0f5;
    --ph-muted: #9898a8;
    --ph-line: rgba(255, 255, 255, 0.1);
    --ph-soft: #252530;
    --ph-card: #1e1e28;
    --ph-ok-soft: rgba(31, 138, 76, 0.15);
    --ph-warn-soft: rgba(180, 83, 9, 0.15);
    --ph-danger-soft: rgba(180, 35, 24, 0.15);
}

[data-theme="dark"] .ph .ph-shell,
[data-theme="dark"] .ph .ph-card,
[data-theme="dark"] .ph .ph-pf-card,
[data-theme="dark"] .ph .od-card,
[data-theme="dark"] .ph .ph-dl-item,
[data-theme="dark"] .ph .ph-rf-card,
[data-theme="dark"] .ph .ph-st-card,
[data-theme="dark"] .ph .ph-wl-card,
[data-theme="dark"] .ph .ph-cp-card {
    background: var(--ph-card) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .ph .ph-title,
[data-theme="dark"] .ph .ph-pf-card__title,
[data-theme="dark"] .ph .ph-card__id a,
[data-theme="dark"] .ph .ph-item__name,
[data-theme="dark"] .ph .ph-item__amount,
[data-theme="dark"] .ph .ph-pf-form label,
[data-theme="dark"] .ph .ph-pf-otp p,
[data-theme="dark"] .ph .ph-pf-address__value,
[data-theme="dark"] .ph .od-top__title,
[data-theme="dark"] .ph .od-card__title,
[data-theme="dark"] .ph .od-meta__val,
[data-theme="dark"] .ph .od-item__name a,
[data-theme="dark"] .ph .ph-st-subject,
[data-theme="dark"] .ph .ph-dl-name,
[data-theme="dark"] .ph .ph-rf-name,
[data-theme="dark"] .ph .ph-rf-meta__value,
[data-theme="dark"] .ph .ph-wl-name a,
[data-theme="dark"] .ph .ph-cp-name a,
[data-theme="dark"] .ph .ph-cp-value,
[data-theme="dark"] .ph .ph-st-section {
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-pf-sub,
[data-theme="dark"] .ph .ph-card__meta,
[data-theme="dark"] .ph .ph-item__var,
[data-theme="dark"] .ph .ph-item__qty,
[data-theme="dark"] .ph .ph-pf-empty-inline,
[data-theme="dark"] .ph .ph-pf-address__label,
[data-theme="dark"] .ph .od-meta__label,
[data-theme="dark"] .ph .od-item__meta,
[data-theme="dark"] .ph .ph-st-meta,
[data-theme="dark"] .ph .ph-dl-sub,
[data-theme="dark"] .ph .ph-rf-meta__label,
[data-theme="dark"] .ph .ph-wl-sub,
[data-theme="dark"] .ph .ph-cp-sub,
[data-theme="dark"] .ph .ph-cp-label,
[data-theme="dark"] .ph .ph-empty h6 {
    color: var(--ph-muted) !important;
}

[data-theme="dark"] .ph .ph-card__head,
[data-theme="dark"] .ph .ph-toolbar,
[data-theme="dark"] .ph .ph-pf-address,
[data-theme="dark"] .ph .od-panel {
    background: var(--ph-soft) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .ph .ph-tabs .nav-link {
    color: var(--ph-muted) !important;
}

[data-theme="dark"] .ph .ph-tabs .nav-link:hover {
    background: var(--ph-soft) !important;
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-tabs .nav-link.active {
    background: var(--primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .ph .ph-filter .form-control,
[data-theme="dark"] .ph .ph-filter .bootstrap-select > .dropdown-toggle {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-btn {
    background: var(--ph-soft) !important;
    border-color: var(--theme-line) !important;
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-btn:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-btn--primary,
[data-theme="dark"] .ph .ph-btn--primary:hover {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .ph .ph-btn--dark,
[data-theme="dark"] .ph .ph-btn--dark:hover {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
}

[data-theme="dark"] .ph .ph-pf-form .form-control,
[data-theme="dark"] .ph .ph-pf-form .input-group-text,
[data-theme="dark"] .ph .ph-pf-form .form-control.file-amount {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-pf-email-row .ph-verify-btn,
[data-theme="dark"] .ph .ph-pf-email-row .ph-verify-btn:hover,
[data-theme="dark"] .ph .ph-pf-email-row .ph-verify-btn:focus {
    background: var(--primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .aiz-user-panel .bg-soft-secondary,
[data-theme="dark"] .ph .bg-soft-secondary {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .ph .ph-pf-more {
    background: var(--ph-card) !important;
    border-color: var(--theme-line) !important;
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-pf-add {
    background: var(--ph-soft) !important;
    border-color: var(--theme-line) !important;
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-pf-add:hover {
    border-color: var(--primary) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .ph .ph-wl-remove,
[data-theme="dark"] .ph .ph-wl-count,
[data-theme="dark"] .ph .ph-cp-count {
    background: var(--ph-soft) !important;
    border-color: var(--theme-line) !important;
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-dropdown .dropdown-menu {
    background: var(--ph-card) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .ph .ph-dropdown .dropdown-item {
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-dropdown .dropdown-item:hover {
    background: var(--ph-soft) !important;
}

[data-theme="dark"] .ph .aiz-pagination .page-link {
    background: var(--ph-card) !important;
    border-color: var(--theme-line) !important;
    color: var(--ph-ink) !important;
}

[data-theme="dark"] .ph .ph-modal .modal-content,
[data-theme="dark"] .ph .ph-modal .modal-header {
    background: var(--ph-card) !important;
    border-color: var(--theme-line) !important;
    color: var(--ph-ink) !important;
}

/* ---- Delete account modal (.ad-modal) ---- */
[data-theme="dark"] .ad-modal {
    --ad-ink: #f0f0f5;
    --ad-muted: #9898a8;
    --ad-line: rgba(255, 255, 255, 0.1);
    --ad-soft: #252530;
}

[data-theme="dark"] .ad-modal .ad-modal__content {
    background: var(--theme-surface) !important;
    color: var(--ad-ink) !important;
    box-shadow: 0 24px 64px var(--theme-shadow-lg) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__title {
    color: var(--ad-ink) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__close {
    background: var(--ad-soft) !important;
    color: var(--ad-muted) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__close:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--ad-ink) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__user {
    background: var(--ad-soft) !important;
    border-color: var(--ad-line) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__avatar {
    background: var(--theme-surface) !important;
    border-color: var(--ad-line) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__user-meta strong {
    color: var(--ad-ink) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__user-meta span {
    color: var(--ad-muted) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__note {
    background: rgba(230, 46, 4, 0.1) !important;
    border-color: rgba(230, 46, 4, 0.25) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__note p {
    color: var(--ad-ink) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__means-title {
    color: var(--ad-muted) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__list li {
    background: var(--ad-soft) !important;
    border-color: var(--ad-line) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__list-icon {
    background: var(--theme-surface) !important;
    color: var(--ad-ink) !important;
}

[data-theme="dark"] .ad-modal .ad-modal__list li span:last-child {
    color: var(--ad-ink) !important;
}

[data-theme="dark"] .ad-modal .ad-btn--ghost {
    background: var(--ad-soft) !important;
    border-color: var(--ad-line) !important;
    color: var(--ad-ink) !important;
}

[data-theme="dark"] .ad-modal .ad-btn--ghost:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--ad-ink) !important;
}

/* ---- Support ticket modal (#ticket_modal) ---- */
[data-theme="dark"] #ticket_modal .tk-modal__content {
    background: var(--theme-surface) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #ticket_modal .tk-modal__title,
[data-theme="dark"] #ticket_modal .tk-modal__label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #ticket_modal .tk-modal__lead {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] #ticket_modal .tk-modal__close {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-muted) !important;
}

[data-theme="dark"] #ticket_modal .tk-modal__input.form-control,
[data-theme="dark"] #ticket_modal .tk-modal__textarea.form-control,
[data-theme="dark"] #ticket_modal .tk-modal__upload,
[data-theme="dark"] #ticket_modal .tk-modal__upload .form-control.file-amount {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #ticket_modal .tk-modal__upload .input-group-text {
    background: var(--theme-surface-hover) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #ticket_modal .tk-btn--ghost {
    background: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] #ticket_modal .note-editable,
[data-theme="dark"] #ticket_modal .note-toolbar {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

/* ---- User panel catch-all (wallet, conversations, legacy pages) ---- */
[data-theme="dark"] .aiz-user-panel .text-dark,
[data-theme="dark"] .aiz-user-panel .fw-700.text-dark,
[data-theme="dark"] .aiz-user-panel h1.text-dark,
[data-theme="dark"] .aiz-user-panel h5.text-dark {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-user-panel .text-secondary,
[data-theme="dark"] .aiz-user-panel .text-muted {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .aiz-user-panel .bg-white,
[data-theme="dark"] .aiz-user-panel .card.bg-white {
    background: var(--theme-surface) !important;
}

[data-theme="dark"] .aiz-user-panel .card,
[data-theme="dark"] .aiz-user-panel .border {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-user-panel .form-control,
[data-theme="dark"] .aiz-user-panel .custom-select {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-user-panel .btn-light,
[data-theme="dark"] .aiz-user-panel .btn-outline-secondary {
    background: var(--theme-surface-hover) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-user-panel .list-group-item {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .aiz-user-panel .list-group-item.active {
    background: rgba(230, 46, 4, 0.14) !important;
    border-color: var(--theme-line) !important;
    color: var(--primary) !important;
}

/* ============================================================
   Shopping Bag offcanvas (.sbag)
   ============================================================ */
[data-theme="dark"] #rightOffcanvas:has(.sbag),
[data-theme="dark"] #rightOffcanvas:has(.sbag).bg-white {
    background: var(--theme-surface) !important;
}

[data-theme="dark"] .sbag {
    --sbag-ink: #f0f0f5;
    --sbag-muted: #9898a8;
    --sbag-line: rgba(255, 255, 255, 0.1);
    --sbag-soft: #252530;
    background: var(--theme-surface) !important;
    color: var(--sbag-ink) !important;
}

[data-theme="dark"] .sbag__head,
[data-theme="dark"] .sbag__footer {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .sbag__title,
[data-theme="dark"] .sbag__login-text strong,
[data-theme="dark"] .sbag__summary-label strong,
[data-theme="dark"] .sbag__select-label,
[data-theme="dark"] .sbag__item-name,
[data-theme="dark"] .sbag__qty-val,
[data-theme="dark"] .sbag__price,
[data-theme="dark"] .sbag__total-row,
[data-theme="dark"] .sbag__total-row--strong {
    color: var(--sbag-ink) !important;
}

[data-theme="dark"] .sbag__close {
    color: var(--sbag-muted) !important;
}

[data-theme="dark"] .sbag__close:hover {
    color: var(--sbag-ink) !important;
    background: var(--sbag-soft) !important;
}

[data-theme="dark"] .sbag__login {
    background: var(--sbag-soft) !important;
    border-color: var(--theme-line) !important;
    color: var(--sbag-ink) !important;
}

[data-theme="dark"] .sbag__login:hover {
    background: var(--theme-surface-hover) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: var(--sbag-ink) !important;
}

[data-theme="dark"] .sbag__login-text span,
[data-theme="dark"] .sbag__login > i,
[data-theme="dark"] .sbag__summary-label span,
[data-theme="dark"] .sbag__item-var,
[data-theme="dark"] .sbag__empty,
[data-theme="dark"] .sbag__empty p {
    color: var(--sbag-muted) !important;
}

[data-theme="dark"] .sbag__duties {
    background: rgba(46, 125, 50, 0.12) !important;
    border-color: rgba(76, 175, 80, 0.28) !important;
}

[data-theme="dark"] .sbag__duties-icon {
    color: #81c784 !important;
}

[data-theme="dark"] .sbag__duties-text {
    color: #a5d6a7 !important;
}

[data-theme="dark"] .sbag__item {
    border-bottom-color: var(--theme-line) !important;
}

[data-theme="dark"] .sbag__thumb {
    background: var(--sbag-soft) !important;
}

[data-theme="dark"] .sbag__item-name:hover {
    color: var(--primary) !important;
}

[data-theme="dark"] .sbag__qty {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .sbag__qty-btn {
    background: var(--theme-input-bg) !important;
    color: var(--sbag-ink) !important;
}

[data-theme="dark"] .sbag__qty-btn:hover {
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .sbag__qty-trash {
    color: var(--primary) !important;
}

[data-theme="dark"] .sbag__btn--ghost {
    background: var(--sbag-soft) !important;
    border-color: var(--theme-line) !important;
    color: var(--sbag-ink) !important;
}

[data-theme="dark"] .sbag__btn--ghost:hover {
    background: var(--theme-surface-hover) !important;
    color: var(--sbag-ink) !important;
}

[data-theme="dark"] .sbag__btn--primary {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .sbag__btn--primary:hover {
    background: var(--hov-primary, #c42703) !important;
    border-color: var(--hov-primary, #c42703) !important;
    color: #fff !important;
}

[data-theme="dark"] #rightOffcanvasOverlay {
    background: var(--theme-overlay) !important;
}

/* ---- Contact Us (.cu) ---- */
[data-theme="dark"] .cu {
    --cu-ink: var(--theme-ink);
    --cu-muted: var(--theme-muted);
    --cu-line: var(--theme-line);
    --cu-soft: var(--theme-input-bg);
    --cu-bg: var(--theme-bg);
    --cu-card: var(--theme-surface);
    background: var(--theme-bg) !important;
    color: var(--theme-ink);
}

[data-theme="dark"] .cu__back {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .cu__back:hover {
    color: var(--theme-ink) !important;
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .cu__title,
[data-theme="dark"] .cu-card__title,
[data-theme="dark"] .cu-info-card__label,
[data-theme="dark"] .cu-field__label {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .cu__lead,
[data-theme="dark"] .cu-card__sub,
[data-theme="dark"] .cu-info-card__value {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .cu-info-card__value a {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .cu-info-card__value a:hover {
    color: var(--primary) !important;
}

[data-theme="dark"] .cu-info-card,
[data-theme="dark"] .cu-card {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .cu-info-card:hover {
    border-color: rgba(212, 53, 51, 0.35) !important;
}

[data-theme="dark"] .cu-info-card__icon {
    background: rgba(212, 53, 51, 0.12) !important;
    border-color: rgba(212, 53, 51, 0.22) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .cu-field__input,
[data-theme="dark"] .cu-field__textarea {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .cu-field__input:focus,
[data-theme="dark"] .cu-field__textarea:focus {
    background: var(--theme-surface-raised) !important;
    border-color: rgba(212, 53, 51, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(212, 53, 51, 0.12) !important;
}

[data-theme="dark"] .cu-field__input::placeholder,
[data-theme="dark"] .cu-field__textarea::placeholder {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .cu-alert {
    background: rgba(248, 113, 113, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.28) !important;
    color: #fca5a5 !important;
}

/* ---- Track Order (.to) ---- */
[data-theme="dark"] .to {
    --to-ink: var(--theme-ink);
    --to-muted: var(--theme-muted);
    --to-line: var(--theme-line);
    --to-soft: var(--theme-input-bg);
    --to-bg: var(--theme-bg);
    --to-card: var(--theme-surface);
    background: var(--theme-bg) !important;
    color: var(--theme-ink);
}

[data-theme="dark"] .to__back {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .to__back:hover {
    color: var(--theme-ink) !important;
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .to__title,
[data-theme="dark"] .to-search__label,
[data-theme="dark"] .to-status__title,
[data-theme="dark"] .to-empty__title,
[data-theme="dark"] .to-step-card h3,
[data-theme="dark"] .to-result__title,
[data-theme="dark"] .to-products__title,
[data-theme="dark"] .to-summary__head,
[data-theme="dark"] .to-block__text,
[data-theme="dark"] .to-carrier__name,
[data-theme="dark"] .to-route__addr,
[data-theme="dark"] .to-product__name,
[data-theme="dark"] .to-summary__row,
[data-theme="dark"] .to-cod-note {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .to__lead,
[data-theme="dark"] .to-empty__text,
[data-theme="dark"] .to-step-card p,
[data-theme="dark"] .to-status__eyebrow,
[data-theme="dark"] .to-status__meta,
[data-theme="dark"] .to-block__title,
[data-theme="dark"] .to-product__meta,
[data-theme="dark"] .to-product__qty,
[data-theme="dark"] .to-summary__label,
[data-theme="dark"] .to-carrier__moto,
[data-theme="dark"] .to-route__label,
[data-theme="dark"] .to-side-hint,
[data-theme="dark"] .to-total-row {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .to-status__meta strong {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .to-card,
[data-theme="dark"] .to-step-card,
[data-theme="dark"] .to-chip,
[data-theme="dark"] .to-milestone:not(.is-active),
[data-theme="dark"] .to-empty__icon {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .to-status {
    background: var(--theme-surface) !important;
    border-color: rgba(212, 53, 51, 0.22) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .to-carrier {
    background: var(--theme-input-bg) !important;
    border-color: rgba(212, 53, 51, 0.18) !important;
}

[data-theme="dark"] .to-search__input-wrap {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .to-search__input-wrap:focus-within {
    background: var(--theme-surface-raised) !important;
    border-color: rgba(212, 53, 51, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(212, 53, 51, 0.12) !important;
}

[data-theme="dark"] .to-search__input {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .to-search__input::placeholder {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .to-search__icon {
    color: var(--theme-muted) !important;
}

[data-theme="dark"] .to-step-card__icon,
[data-theme="dark"] .to-products__count {
    background: rgba(212, 53, 51, 0.12) !important;
    border-color: rgba(212, 53, 51, 0.22) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .to-empty__pulse {
    border-color: rgba(212, 53, 51, 0.25) !important;
}

[data-theme="dark"] .to-empty__icon {
    color: var(--primary) !important;
}

[data-theme="dark"] .to-status__progress {
    background: var(--theme-input-bg) !important;
}

[data-theme="dark"] .to-milestone.is-done {
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.28) !important;
    color: #4ade80 !important;
}

[data-theme="dark"] .to-product {
    background: var(--theme-input-bg) !important;
}

[data-theme="dark"] .to-product__thumb {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .to-side-hint,
[data-theme="dark"] .to-cod-note {
    background: var(--theme-input-bg) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .to-btn--soft {
    background: rgba(212, 53, 51, 0.12) !important;
    border-color: rgba(212, 53, 51, 0.22) !important;
    color: var(--primary) !important;
}

[data-theme="dark"] .to-login-banner {
    background: var(--theme-surface-raised) !important;
    border: 1px solid var(--theme-line);
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .to-login-banner:hover {
    color: var(--theme-ink) !important;
    background: var(--theme-surface-hover) !important;
}

[data-theme="dark"] .to-alert {
    background: rgba(248, 113, 113, 0.12) !important;
    border-color: rgba(248, 113, 113, 0.28) !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .to-result__title,
[data-theme="dark"] .to-block,
[data-theme="dark"] .to-route,
[data-theme="dark"] .to-products__head {
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .to-summary__total {
    border-top-color: var(--theme-line) !important;
}

[data-theme="dark"] .to-timeline .tracking-timeline-completed h6,
[data-theme="dark"] .to-timeline .tracking-timeline-running h6,
[data-theme="dark"] .to-timeline .tracking-timeline-cancelled h6 {
    color: var(--theme-ink) !important;
}

[data-theme="dark"] .to-timeline .rounded-circle.bg-gray.border-gray-300 {
    background: var(--theme-surface) !important;
    border-color: var(--theme-line) !important;
}

[data-theme="dark"] .to-timeline .connector-line.line-dashed {
    border-left-color: var(--theme-line) !important;
}

[data-theme="dark"] .to-timeline .tracking-timeline-running .rounded-circle.bg-gray.border-gray-500 {
    background: var(--theme-surface) !important;
}

[data-theme="dark"] .to-timeline .badge.bg-orange {
    background: rgba(212, 53, 51, 0.12) !important;
    color: var(--primary) !important;
    border-color: rgba(212, 53, 51, 0.22) !important;
}