/* Diamond Theme Manager — Dark Gold surface compatibility layer.

   Loaded when published tokens indicate a dark page background (html.diamond-theme-surface-dark).

   Maps legacy hardcoded light-theme rules in styles.rtl.css to published token values.

   !important is used only where base theme hardcodes white/black with equal-or-higher specificity. */



/* ── Semantic aliases (local to dark surface — not a separate admin token catalog) ── */

html.diamond-theme-surface-dark {

    color-scheme: dark;

    /* Correct published token drift — Dark Gold uses cream text on dark surfaces */

    --color-on-surface: var(--color-neutral-black);

    --color-on-primary: #1a1a1c;

    --diamond-surface: var(--color-neutral-000);

    --diamond-surface-elevated: var(--color-neutral-100);

    --diamond-surface-subtle: var(--color-page-bg-alt);

    --diamond-surface-hover: var(--color-neutral-200);

    --diamond-text-primary: var(--color-neutral-black);

    --diamond-text-secondary: var(--color-neutral-700);

    --diamond-text-muted: var(--color-neutral-500);

    --diamond-border-subtle: var(--color-border);

    --diamond-focus-ring: rgba(200, 182, 160, 0.45);

    --diamond-overlay-scrim: rgba(0, 0, 0, 0.62);

    --diamond-cart-tint: rgba(200, 182, 160, 0.06);

}



html.diamond-theme-surface-dark,

html.diamond-theme-surface-dark body {

    background-color: var(--color-page-bg-alt);

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark a {

    color: var(--color-link);

}



html.diamond-theme-surface-dark a:hover,

html.diamond-theme-surface-dark a:focus {

    color: var(--color-primary-hover);

}



/* ── Base typography & form defaults (styles.rtl.css uses #777 / #444) ── */

html.diamond-theme-surface-dark input,

html.diamond-theme-surface-dark textarea,

html.diamond-theme-surface-dark select,

html.diamond-theme-surface-dark button {

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark input[type='text']:focus,

html.diamond-theme-surface-dark input[type='password']:focus,

html.diamond-theme-surface-dark input[type='email']:focus,

html.diamond-theme-surface-dark input[type='tel']:focus,

html.diamond-theme-surface-dark textarea:focus,

html.diamond-theme-surface-dark select:focus {

    border-color: var(--color-primary);

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark p,

html.diamond-theme-surface-dark li,

html.diamond-theme-surface-dark .page__body,

html.diamond-theme-surface-dark .page__content,

html.diamond-theme-surface-dark .topic-block-body,

html.diamond-theme-surface-dark .topic-page,

html.diamond-theme-surface-dark .not-found-page p,

html.diamond-theme-surface-dark .page-not-found p {

    color: var(--diamond-text-secondary);

}



html.diamond-theme-surface-dark h1,

html.diamond-theme-surface-dark h2,

html.diamond-theme-surface-dark h3,

html.diamond-theme-surface-dark h4,

html.diamond-theme-surface-dark h5,

html.diamond-theme-surface-dark h6,

html.diamond-theme-surface-dark .page__title,

html.diamond-theme-surface-dark .section__title {

    color: var(--diamond-text-primary);

}



/* ── Structural surfaces — replace hardcoded white / light gray blocks ── */

html.diamond-theme-surface-dark .header,

html.diamond-theme-surface-dark .preHeader,

html.diamond-theme-surface-dark .bg--white,

html.diamond-theme-surface-dark .section--cross-sells,

html.diamond-theme-surface-dark .inputBox,

html.diamond-theme-surface-dark .attributes__title,

html.diamond-theme-surface-dark .specialBlock__content,

html.diamond-theme-surface-dark .modalBox--popup .modalBox__content,

html.diamond-theme-surface-dark .page--checkout,

html.diamond-theme-surface-dark .tools__btn_link,

html.diamond-theme-surface-dark .productTags__item_total,

html.diamond-theme-surface-dark .cartBox__row,

html.diamond-theme-surface-dark .overview__cartBox,

html.diamond-theme-surface-dark .overview__buyBox,

html.diamond-theme-surface-dark .block--checkout,

html.diamond-theme-surface-dark .orderSummary,

html.diamond-theme-surface-dark .checkout-data,

html.diamond-theme-surface-dark .block,

html.diamond-theme-surface-dark .cards__item .product,

html.diamond-theme-surface-dark .page--newproduct .page__title h1 {

    background-color: var(--diamond-surface) !important;

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark .header {

    background-color: var(--color-header-bg) !important;

}



html.diamond-theme-surface-dark .block--striped {

    background: var(--diamond-surface-elevated) !important;

}



/* Whitesmoke content blocks → muted dark elevated surface */

html.diamond-theme-surface-dark .details__body h5,

html.diamond-theme-surface-dark .details__body h6,

html.diamond-theme-surface-dark .newsDetail__body h5,

html.diamond-theme-surface-dark .newsDetail__body h6,

html.diamond-theme-surface-dark .newsDetail__content h5,

html.diamond-theme-surface-dark .newsDetail__content h6,

html.diamond-theme-surface-dark .blogDetail__body h5,

html.diamond-theme-surface-dark .blogDetail__body h6,

html.diamond-theme-surface-dark .next-page,

html.diamond-theme-surface-dark .previous-page,

html.diamond-theme-surface-dark .next-page a::after,

html.diamond-theme-surface-dark .previous-page::after,

html.diamond-theme-surface-dark .pager ul li:last-child {

    background-color: var(--diamond-surface-elevated) !important;

    color: var(--diamond-text-secondary);

}



/* Product purchase panel — subtle dark-gold tint, not harsh gray/white */

html.diamond-theme-surface-dark .overview__cartBox {

    background: linear-gradient(0deg, var(--diamond-cart-tint), var(--diamond-cart-tint)), var(--diamond-surface) !important;

    border: 1px solid var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .overview__buyBox {

    background: var(--diamond-surface) !important;

    border-top: 1px solid var(--diamond-border-subtle);

    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);

}



html.diamond-theme-surface-dark .orderSummary__buyBox {

    background: var(--diamond-surface) !important;

    border-top: 1px solid var(--diamond-border-subtle);

    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);

}



@media screen and (min-width: 1024px) {

    html.diamond-theme-surface-dark .orderSummary__buyBox {

        background: transparent !important;

        border-top: none;

        box-shadow: none;

    }

}



html.diamond-theme-surface-dark .overview__cartBox--light {

    border-color: var(--diamond-border-subtle) !important;

}



html.diamond-theme-surface-dark .overview__box2,

html.diamond-theme-surface-dark .overview__box3 {

    background: transparent;

}



html.diamond-theme-surface-dark .overview__subTitle {

    color: var(--diamond-text-muted);

}



/* Hardcoded black icon/text → theme tokens */

html.diamond-theme-surface-dark .cart__btn_icon,

html.diamond-theme-surface-dark .tools__btn_icon,

html.diamond-theme-surface-dark .tools__btn_text,

html.diamond-theme-surface-dark .tools__btn_link,

html.diamond-theme-surface-dark .product__title,

html.diamond-theme-surface-dark .product__title a,

html.diamond-theme-surface-dark .overview__title,

html.diamond-theme-surface-dark .overview__subTitle,

html.diamond-theme-surface-dark .tools__btn_text_mobile,

html.diamond-theme-surface-dark .manufacturers,

html.diamond-theme-surface-dark .overview__cartBox,

html.diamond-theme-surface-dark .overview__buyBox,

html.diamond-theme-surface-dark .section__title,

html.diamond-theme-surface-dark .individual-page,

html.diamond-theme-surface-dark .attributes__label {

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark .seprator {

    background: var(--color-border);

}



/* ── Header account / login control — dark surface + gold accent, not white pill ── */

html.diamond-theme-surface-dark .tools__btn_link {

    background-color: var(--diamond-surface-elevated) !important;

    border: 1px solid var(--diamond-border-subtle);

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark .tools__btn_link:hover,

html.diamond-theme-surface-dark .tools__btn_link:focus {

    background: var(--diamond-surface-hover) !important;

    border-color: var(--color-primary);

    color: var(--color-primary-hover);

}



html.diamond-theme-surface-dark .tools__modal {

    background-color: var(--diamond-surface);

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);

}



html.diamond-theme-surface-dark .tools__modal_header {

    background-color: var(--color-primary);

}



html.diamond-theme-surface-dark .tools__modal_info {

    color: var(--color-on-primary);

}



html.diamond-theme-surface-dark .tools__modal_footer {

    border-top-color: var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .tools__item {

    color: var(--diamond-text-secondary);

}



html.diamond-theme-surface-dark .tools__item:hover,

html.diamond-theme-surface-dark .tools__item:hover i {

    color: var(--color-primary-hover);

}



/* ── Commerce action hierarchy ── */

html.diamond-theme-surface-dark .btn--primary,

html.diamond-theme-surface-dark .btn--secondary,

html.diamond-theme-surface-dark .btn--yellow,

html.diamond-theme-surface-dark .btn--accept,

html.diamond-theme-surface-dark input[type='submit'].btn--primary,

html.diamond-theme-surface-dark button.btn--primary,

html.diamond-theme-surface-dark .overview__buyBox .btn--primary,

html.diamond-theme-surface-dark .overview__cartBox .btn--primary,

html.diamond-theme-surface-dark .orderSummary__buyBox .btn--primary,

html.diamond-theme-surface-dark .orderSummary__chkBtn {

    background-color: var(--color-button-primary);

    color: var(--color-on-primary, #1a1a1c) !important;

    border: 1px solid transparent;

}



html.diamond-theme-surface-dark .btn--primary:hover,

html.diamond-theme-surface-dark .btn--primary:focus,

html.diamond-theme-surface-dark button.btn--primary:hover,

html.diamond-theme-surface-dark input[type='submit'].btn--primary:hover {

    background-color: var(--color-primary-hover);

    color: var(--color-on-primary, #1a1a1c);

}



/* Add to cart .inputBox — styles.rtl.css hardcodes pink border #f95c704a */

html.diamond-theme-surface-dark .inputBox {

    background: var(--diamond-surface-elevated) !important;

    border-color: var(--diamond-border-subtle) !important;

}

html.diamond-theme-surface-dark .inputBox__groupBox {

    background: var(--diamond-surface-hover) !important;

}

html.diamond-theme-surface-dark .inputBox__counter {

    color: var(--diamond-text-secondary) !important;

    border-bottom-color: var(--diamond-border-subtle) !important;

}

html.diamond-theme-surface-dark .inputBox input {

    color: var(--diamond-text-primary) !important;

    background: transparent !important;

    border-right-color: var(--diamond-border-subtle) !important;

    box-shadow: none !important;

}



html.diamond-theme-surface-dark .btn--secondary {

    background-color: var(--color-button-secondary);

    color: var(--diamond-text-primary);

    border: 1px solid var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .btn--light {

    background: var(--diamond-surface-elevated);

    color: var(--diamond-text-primary);

    border: 1px solid var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .btn--light:hover,

html.diamond-theme-surface-dark .btn--light:focus {

    background: var(--diamond-surface-hover);

    color: var(--diamond-text-primary);

    border-color: var(--color-primary);

}



/* Footer newsletter subscribe — gold primary, not white block */

html.diamond-theme-surface-dark .footer .newsletter-subscribe-button,

html.diamond-theme-surface-dark .footer .newsletter-email-button,

html.diamond-theme-surface-dark .footer button[type='submit'],

html.diamond-theme-surface-dark .footer .btn--light {

    background: var(--color-button-primary);

    color: var(--color-on-primary);

    border-color: transparent;

}



html.diamond-theme-surface-dark .footer .newsletter-subscribe-button:hover,

html.diamond-theme-surface-dark .footer button[type='submit']:hover {

    background: var(--color-primary-hover);

}



html.diamond-theme-surface-dark .btn--wired-primary,

html.diamond-theme-surface-dark .btn--wired-secondary {

    background: transparent;

    color: var(--color-primary);

}



html.diamond-theme-surface-dark .btn--wired-primary {

    border-color: var(--color-primary);

}



html.diamond-theme-surface-dark .btn--wired-primary svg,

html.diamond-theme-surface-dark .btn--wired-primary path,

html.diamond-theme-surface-dark .btn--wired-primary g {

    fill: var(--color-primary) !important;

}



html.diamond-theme-surface-dark .btn--wired-primary:hover,

html.diamond-theme-surface-dark .btn--wired-primary:focus,

html.diamond-theme-surface-dark .btn--wired-secondary:hover,

html.diamond-theme-surface-dark .btn--wired-secondary:focus {

    background-color: var(--color-button-primary, var(--color-primary)) !important;

    color: var(--color-on-primary, #1a1a1c) !important;

    border-color: var(--color-button-primary, var(--color-primary)) !important;

}



html.diamond-theme-surface-dark .btn--wired-primary:hover i,

html.diamond-theme-surface-dark .btn--wired-primary:focus i,

html.diamond-theme-surface-dark .btn--wired-primary:hover svg,

html.diamond-theme-surface-dark .btn--wired-primary:hover path,

html.diamond-theme-surface-dark .btn--wired-primary:hover g,

html.diamond-theme-surface-dark .btn--wired-primary:focus svg,

html.diamond-theme-surface-dark .btn--wired-primary:focus path,

html.diamond-theme-surface-dark .btn--wired-primary:focus g {

    color: var(--color-on-primary, #1a1a1c);

    fill: var(--color-on-primary, #1a1a1c) !important;

}



html.diamond-theme-surface-dark .btn:disabled,

html.diamond-theme-surface-dark .btn[disabled],

html.diamond-theme-surface-dark button:disabled {

    opacity: 0.55;

    cursor: not-allowed;

}



/* ── Form controls ── */

html.diamond-theme-surface-dark input[type='text'],

html.diamond-theme-surface-dark input[type='password'],

html.diamond-theme-surface-dark input[type='tel'],

html.diamond-theme-surface-dark input[type='email'],

html.diamond-theme-surface-dark input[type='number'],

html.diamond-theme-surface-dark textarea,

html.diamond-theme-surface-dark select {

    background: var(--diamond-surface);

    color: var(--diamond-text-primary);

    border-color: var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark input::placeholder,

html.diamond-theme-surface-dark textarea::placeholder {

    color: var(--diamond-text-muted);

}



html.diamond-theme-surface-dark .field-validation-error,

html.diamond-theme-surface-dark .message-error,

html.diamond-theme-surface-dark .validation-summary-errors {

    color: var(--color-error);

}



html.diamond-theme-surface-dark .message-success,

html.diamond-theme-surface-dark .field-validation-valid.message-success {

    color: var(--color-success);

}



html.diamond-theme-surface-dark input[type='checkbox'],

html.diamond-theme-surface-dark input[type='radio'] {

    accent-color: var(--color-primary);

}



/* ── Navigation & mega menu ── */

html.diamond-theme-surface-dark .topMenu,

html.diamond-theme-surface-dark .topMenu.active {

    background: var(--color-header-bg);

}



html.diamond-theme-surface-dark .topMenu__Title,

html.diamond-theme-surface-dark .nav__item_link,

html.diamond-theme-surface-dark .topMenu__topic,

html.diamond-theme-surface-dark .topMenu__subTitle_link,

html.diamond-theme-surface-dark .diamond-composed-menu a {

    color: var(--diamond-text-secondary);

}



html.diamond-theme-surface-dark .nav__item_link:hover,

html.diamond-theme-surface-dark .topMenu__topic:hover,

html.diamond-theme-surface-dark .diamond-composed-menu a:hover,

html.diamond-theme-surface-dark .topMenu__right .nav__item.first-level.active .nav__item_link {

    color: var(--color-primary-hover);

}



html.diamond-theme-surface-dark .diamond-composed-menu--amazon .nav__flyout,

html.diamond-theme-surface-dark .diamond-composed-menu--alibaba .nav__dropdown,

html.diamond-theme-surface-dark .diamond-composed-menu--digikala .nav__mega-panel {

    background: var(--diamond-surface);

    border-color: var(--diamond-border-subtle);

    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4);

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark .diamond-composed-menu--alibaba .nav__item_link {

    background: var(--diamond-surface-elevated);

    color: var(--diamond-text-secondary);

}



html.diamond-theme-surface-dark .diamond-composed-menu--alibaba .nav__item_link:hover {

    background: var(--diamond-surface-hover);

    color: var(--color-primary-hover);

}



html.diamond-theme-surface-dark .searchBox .ui-autocomplete {

    background: var(--color-header-search-suggest-bg);

    border-color: var(--diamond-border-subtle);

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark .searchBox .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {

    background: var(--diamond-surface-hover);

    color: var(--color-primary-hover);

    border-color: transparent;

}



/* Mega menu — left panel second/third level (styles.rtl.css hardcodes color: black) */

html.diamond-theme-surface-dark .topMenu__categories:not([data-menu-layout="digikala-mega"]) .topMenu__left .nav__item_subList.first-level .second-level,

html.diamond-theme-surface-dark .topMenu__categories:not([data-menu-layout="digikala-mega"]) .topMenu__left .nav__item_subList.first-level .second-level .nav__item_link,

html.diamond-theme-surface-dark .topMenu__categories:not([data-menu-layout="digikala-mega"]) .topMenu__left .nav__item_subList.first-level .nav__item.second-level .nav__item_link {

    color: var(--diamond-text-primary) !important;

}

html.diamond-theme-surface-dark .topMenu__categories:not([data-menu-layout="digikala-mega"]) .topMenu__left .nav__item_subList.first-level .nav__item.second-level .nav__item_subListBox .nav__item_subList .nav__item_link,

html.diamond-theme-surface-dark .topMenu__categories:not([data-menu-layout="digikala-mega"]) .nav__item_subList.second-level .nav__item,

html.diamond-theme-surface-dark .topMenu__categories:not([data-menu-layout="digikala-mega"]) .nav__item_subList.second-level .nav__item_link {

    color: var(--diamond-text-muted) !important;

}

html.diamond-theme-surface-dark .topMenu__categories:not([data-menu-layout="digikala-mega"]) .topMenu__left .nav__item_subList.first-level .second-level:hover,

html.diamond-theme-surface-dark .topMenu__categories:not([data-menu-layout="digikala-mega"]) .topMenu__left .nav__item_subList.first-level .second-level .nav__item_link:hover,

html.diamond-theme-surface-dark .topMenu__categories:not([data-menu-layout="digikala-mega"]) .topMenu__left .nav__item_subList.first-level .nav__item.second-level .nav__item_link:hover,

html.diamond-theme-surface-dark .topMenu__categories:not([data-menu-layout="digikala-mega"]) .nav__item_subList.second-level .nav__item_link:hover {

    color: var(--color-primary) !important;

}

html.diamond-theme-surface-dark .nav__item.second-level .nav__item_link {

    background: var(--diamond-surface-elevated) !important;

}

html.diamond-theme-surface-dark .topMenu__left .nav__item.second-level .nav__item_link,

html.diamond-theme-surface-dark .topMenu__left .nav__item_subList.second-level .nav__item_link {

    background: transparent !important;

}

html.diamond-theme-surface-dark .topMenu__right .nav__item.first-level {

    color: var(--diamond-text-secondary) !important;

    border-bottom-color: var(--diamond-border-subtle) !important;

}

html.diamond-theme-surface-dark .topMenu__right .nav__item.first-level.active {

    background: var(--diamond-surface-elevated) !important;

    border-right-color: var(--color-primary) !important;

}

html.diamond-theme-surface-dark .topMenu__right .nav__item.first-level.active .nav__item_link {

    color: var(--diamond-text-primary) !important;

}

html.diamond-theme-surface-dark .topMenu__right .nav__item.first-level:hover {

    color: var(--color-primary) !important;

}

html.diamond-theme-surface-dark .topMenu__subMenu,

html.diamond-theme-surface-dark .topMenu__left,

html.diamond-theme-surface-dark .topMenu__right {

    border-color: var(--diamond-border-subtle) !important;

}

html.diamond-theme-surface-dark .topMenu__subMenu {

    background: var(--color-header-bg) !important;

}

html.diamond-theme-surface-dark .topMenu__mainPages {

    background: var(--diamond-surface-elevated) !important;

}

html.diamond-theme-surface-dark .topMenu__Title,

html.diamond-theme-surface-dark .topMenu__subTitle_link {

    color: var(--diamond-text-secondary) !important;

}

html.diamond-theme-surface-dark .topMenu__topic {

    color: var(--diamond-text-muted) !important;

}

html.diamond-theme-surface-dark .topMenu__icon {

    color: var(--diamond-text-muted) !important;

}

html.diamond-theme-surface-dark .breadcrumb__content {

    color: var(--diamond-text-muted);

}



html.diamond-theme-surface-dark .breadcrumb__currentItem {

    color: var(--diamond-text-secondary);

}



html.diamond-theme-surface-dark .filterBox {

    background: var(--diamond-surface);

    border-color: var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .filter {

    border-color: var(--diamond-border-subtle);

}



/* ── Catalog sort selector (mobile bottom sheet) — styles.rtl.css hardcodes white box ── */

html.diamond-theme-surface-dark .selector--active {

    background: var(--diamond-overlay-scrim);

}



html.diamond-theme-surface-dark .selector__box {

    background: var(--diamond-surface-elevated) !important;

}



html.diamond-theme-surface-dark .selector__title,

html.diamond-theme-surface-dark .selector__titleMobileBox .selector__title {

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark .selector__titleBox svg,

html.diamond-theme-surface-dark .selector__close svg,

html.diamond-theme-surface-dark .selector__titleBox svg path,

html.diamond-theme-surface-dark .selector__close svg path {

    fill: var(--diamond-text-secondary) !important;

}



html.diamond-theme-surface-dark .selector__link {

    color: var(--diamond-text-secondary);

    border-bottom-color: var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .selector__link-active {

    color: var(--color-primary);

}



@media screen and (min-width: 768px) {

    html.diamond-theme-surface-dark .selector__box {

        background: transparent !important;

    }

}



html.diamond-theme-surface-dark .current-page {

    color: var(--color-on-primary);

    background: var(--color-primary);

}



html.diamond-theme-surface-dark .pager ul li:last-child.current-page {

    background-color: var(--color-primary);

}



/* ── Cart & mini-cart ── */

html.diamond-theme-surface-dark .cart__flyout {

    background-color: var(--diamond-surface);

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);

}



html.diamond-theme-surface-dark .cart__flyout_emptySubTitle {

    color: var(--diamond-text-muted);

}



html.diamond-theme-surface-dark .cart__flyout_emptyLink {

    border-color: var(--diamond-border-subtle);

    color: var(--diamond-text-secondary);

    background: var(--diamond-surface-elevated);

}



html.diamond-theme-surface-dark .cart__flyout_emptyLink:hover {

    border-color: var(--color-primary);

    color: var(--color-primary-hover);

}



html.diamond-theme-surface-dark .cart__btn_countBox {

    color: var(--color-on-primary);

    border-color: var(--diamond-surface);

}



html.diamond-theme-surface-dark .cartBox__title {

    color: var(--diamond-text-primary) !important;

}



html.diamond-theme-surface-dark .cartBox__sku label {

    color: var(--diamond-text-muted);

}



html.diamond-theme-surface-dark .cartBox__sku span {

    color: var(--diamond-text-primary) !important;

}



html.diamond-theme-surface-dark .cartBox__item label {

    color: var(--diamond-text-muted);

}



html.diamond-theme-surface-dark .cartBox__item span {

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark .cartBox__discount {

    color: var(--diamond-text-muted);

}



html.diamond-theme-surface-dark .cartBox__item-bordered {

    border-top-color: var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .orderSummary__table td {

    border-color: var(--diamond-border-subtle) !important;

    color: var(--diamond-text-secondary);

}



html.diamond-theme-surface-dark .orderSummary__table td label,

html.diamond-theme-surface-dark .orderSummary__table .value-summary,

html.diamond-theme-surface-dark .orderSummary__table .value-summary strong {

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark .orderSummary__option__discoutCode {

    background: var(--diamond-surface-elevated) !important;

    border: 1px solid var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .orderSummary__option__discoutCode span {

    color: var(--diamond-text-secondary);

}



/* ── Checkout blocks — inline SVG paths default to black fill ── */

html.diamond-theme-surface-dark .block--checkout .block__icon svg,

html.diamond-theme-surface-dark .block--checkout .block__icon svg path {

    fill: var(--color-primary);

}



html.diamond-theme-surface-dark .block--checkout .block__header {

    background-color: var(--diamond-surface-elevated) !important;

    box-shadow: none;

}



html.diamond-theme-surface-dark .block--checkout .block__body {

    background-color: transparent !important;

}



@media screen and (min-width: 1200px) {

    html.diamond-theme-surface-dark .block--checkout .block__header {

        background: none !important;

    }



    html.diamond-theme-surface-dark .block--address .block__header {

        border-bottom-color: var(--diamond-border-subtle);

    }

}



/* ── Checkout radiobox (shipping / payment) — selected state uses white on gold primary ── */

html.diamond-theme-surface-dark .radiobox {

    background-color: var(--diamond-surface-elevated);

    color: var(--diamond-text-primary);

    border-color: var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .radiobox__price {

    color: var(--color-primary);

}



html.diamond-theme-surface-dark .radiobox--select {

    background: var(--color-button-primary, var(--color-primary)) !important;

    color: var(--color-on-primary, #1a1a1c) !important;

    border-color: rgba(200, 182, 160, 0.55) !important;

}



html.diamond-theme-surface-dark .radiobox--payment.radiobox--select {

    background: var(--color-button-primary, var(--color-primary)) !important;

    color: var(--color-on-primary, #1a1a1c) !important;

    border-bottom-color: rgba(200, 182, 160, 0.35) !important;

}



html.diamond-theme-surface-dark .radiobox--payment .radiobox__title {

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark .radiobox--payment.radiobox--select .radiobox__title {

    color: var(--color-on-primary, #1a1a1c) !important;

}



html.diamond-theme-surface-dark .radiobox--select .radiobox__title {

    color: inherit;

}



html.diamond-theme-surface-dark .radiobox--select .radiobox__icon svg,

html.diamond-theme-surface-dark .radiobox--select .radiobox__icon svg * {

    fill: var(--color-on-primary, #1a1a1c) !important;

}



html.diamond-theme-surface-dark .radiobox--select .radiobox__price,

html.diamond-theme-surface-dark .radiobox--select .radiobox__price-cost {

    color: var(--color-on-primary, #1a1a1c) !important;

}



/* ── Checkout progress bar — active step uses white on gold primary ── */

html.diamond-theme-surface-dark .progress__item {

    background: var(--diamond-surface-elevated);

    border-color: var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .progress__forward,

html.diamond-theme-surface-dark .progress__behind {

    background: var(--diamond-surface);

}



html.diamond-theme-surface-dark .progress__forward {

    border-top-color: var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .progress__behind {

    border-top-color: var(--color-primary);

}



html.diamond-theme-surface-dark .progress__icon svg {

    fill: var(--diamond-text-muted);

}



html.diamond-theme-surface-dark .progress__title {

    color: var(--diamond-text-secondary);

}



html.diamond-theme-surface-dark .progress--active {

    background-color: var(--color-button-primary, var(--color-primary)) !important;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);

}



html.diamond-theme-surface-dark .progress--active .progress__icon svg {

    fill: var(--color-on-primary, #1a1a1c) !important;

}



html.diamond-theme-surface-dark .progress--active .progress__title {

    color: var(--color-on-primary, #1a1a1c) !important;

}



html.diamond-theme-surface-dark .progress--complete .progress__icon svg {

    fill: var(--color-primary);

}



html.diamond-theme-surface-dark .progress--complete .progress__title {

    color: var(--color-primary);

}



/* ── Product attributes & tags ── */

html.diamond-theme-surface-dark .attributes__groupbox .disabled,

html.diamond-theme-surface-dark .attributes__content select option.disabled,

html.diamond-theme-surface-dark .attributes__content select option:disabled {

    opacity: 0.45;

}



html.diamond-theme-surface-dark .productTags__item {

    background: rgba(200, 182, 160, 0.18);

}



html.diamond-theme-surface-dark .productTags__item_title {

    color: var(--diamond-text-secondary);

}



html.diamond-theme-surface-dark .productTags__item_total {

    background: var(--diamond-surface-elevated) !important;

    color: var(--color-primary);

}



/* ── Product rating stars — dark mask ── */

html.diamond-theme-surface-dark .reviews__rating_progress {

    background: var(--color-icon-warning, var(--color-warning));

}



html.diamond-theme-surface-dark .reviews__rating_mask {

    background-image: url('../images/stars-dark.svg');

}



/* ── Footer ── */

html.diamond-theme-surface-dark .footer,

html.diamond-theme-surface-dark .footer__top,

html.diamond-theme-surface-dark .footer__pre {

    background: var(--color-footer-bg);

    color: var(--color-footer-text);

}



html.diamond-theme-surface-dark .footer a {

    color: var(--color-footer-text);

}



html.diamond-theme-surface-dark .footer a:hover {

    color: var(--color-primary-hover);

}



html.diamond-theme-surface-dark .footer .newsletter-email input {

    background: var(--diamond-surface);

    border-color: var(--diamond-border-subtle);

    color: var(--diamond-text-primary);

}



/* ── Compare page (override styles.rtl.css prefers-color-scheme navy/pink) ── */

html.diamond-theme-surface-dark.html-compare-products-page {

    color-scheme: dark;

    --compare-page-bg: var(--color-page-bg-alt) !important;

    --compare-page-bg-accent: rgba(200, 182, 160, 0.08) !important;

    --compare-surface: var(--color-neutral-000) !important;

    --compare-surface-muted: var(--color-neutral-100) !important;

    --compare-surface-elevated: var(--color-neutral-100) !important;

    --compare-border: rgba(255, 255, 255, 0.08) !important;

    --compare-border-strong: rgba(255, 255, 255, 0.14) !important;

    --compare-text: var(--color-neutral-700) !important;

    --compare-text-muted: var(--color-neutral-500) !important;

    --compare-heading: var(--color-on-surface, var(--color-neutral-black)) !important;

    --compare-link: var(--color-primary) !important;

    --compare-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;

    --compare-shadow-soft: 0 2px 14px rgba(0, 0, 0, 0.22) !important;

    --compare-input-bg: var(--color-page-bg-alt) !important;

    --compare-input-border: var(--color-border) !important;

    --compare-input-text: var(--color-on-surface, var(--color-neutral-black)) !important;

    --compare-modal-overlay: rgba(0, 0, 0, 0.62) !important;

    --compare-modal-bg: var(--color-neutral-000) !important;

    --compare-modal-text: var(--color-on-surface, var(--color-neutral-black)) !important;

    --compare-add-bg: rgba(200, 182, 160, 0.12) !important;

    --compare-sticky-bg: var(--color-neutral-000) !important;

    --compare-focus-ring: rgba(200, 182, 160, 0.28) !important;

    --compare-skeleton-base: var(--color-neutral-200) !important;

    --compare-skeleton-shine: rgba(255, 255, 255, 0.08) !important;

    --compare-success-bg: rgba(109, 191, 122, 0.12) !important;

    --compare-success-border: rgba(109, 191, 122, 0.35) !important;

    --compare-success-text: #6dbf7a !important;

    --compare-remove-bg: rgba(255, 255, 255, 0.06) !important;

    --compare-remove-border: rgba(255, 255, 255, 0.1) !important;

    --compare-remove-icon: var(--color-neutral-500) !important;

    --compare-remove-hover-bg: rgba(200, 182, 160, 0.18) !important;

    --compare-remove-hover-border: rgba(200, 182, 160, 0.45) !important;

    --compare-remove-hover-icon: var(--color-primary-hover) !important;

    --compare-empty-icon-bg: rgba(200, 182, 160, 0.14) !important;

    --compare-empty-icon-hover-bg: rgba(200, 182, 160, 0.24) !important;

}

html.diamond-theme-surface-dark.html-compare-products-page .page--secondary.page--compare {

    background: var(--compare-page-bg) !important;

}

html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addCard,
html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__panel {

    background:
        radial-gradient(circle at 50% 18%, var(--compare-page-bg-accent), transparent 62%),
        var(--compare-surface-elevated) !important;

    border-color: var(--compare-border-strong) !important;

    color: var(--compare-text-muted) !important;

}

html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addCard:hover,
html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addCard:focus-visible {

    border-color: var(--color-primary) !important;

    color: var(--color-primary) !important;

}

html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addIcon {

    background: var(--compare-empty-icon-bg) !important;

    color: var(--color-primary) !important;

}

html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addCard:hover .compareEmpty__addIcon,
html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addCard:focus-visible .compareEmpty__addIcon {

    background: var(--compare-empty-icon-hover-bg) !important;

}

html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addTitle {

    color: var(--compare-heading) !important;

}

html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addCard:hover .compareEmpty__addTitle,
html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addCard:focus-visible .compareEmpty__addTitle {

    color: var(--color-primary) !important;

}

html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addHint,
html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__text {

    color: var(--compare-text-muted) !important;

}

html.diamond-theme-surface-dark.html-compare-products-page .compareEmpty__addAction {

    background: var(--color-primary) !important;

    color: var(--color-on-primary, #1a1a1c) !important;

}



/* ── Compare popup modal (any page) — styles.rtl.css falls back to pink #ef4056 when --compare-* unset ── */

html.diamond-theme-surface-dark {

    --compare-link: var(--color-primary) !important;

    --compare-focus-ring: var(--diamond-focus-ring) !important;

    --compare-input-bg: var(--diamond-surface) !important;

    --compare-input-border: var(--diamond-border-subtle) !important;

    --compare-input-text: var(--diamond-text-primary) !important;

    --compare-border: rgba(255, 255, 255, 0.08) !important;

    --compare-border-strong: rgba(255, 255, 255, 0.14) !important;

    --compare-text: var(--diamond-text-secondary) !important;

    --compare-text-muted: var(--diamond-text-muted) !important;

    --compare-heading: var(--diamond-text-primary) !important;

    --compare-surface: var(--diamond-surface-elevated) !important;

    --compare-modal-bg: var(--diamond-surface-elevated) !important;

    --compare-modal-text: var(--diamond-text-primary) !important;

    --compare-modal-overlay: var(--diamond-overlay-scrim) !important;

    --compare-sticky-bg: var(--diamond-surface-elevated) !important;

    --compare-shadow-soft: 0 2px 14px rgba(0, 0, 0, 0.22) !important;

    --compare-shadow: 0 12px 32px rgba(0, 0, 0, 0.35) !important;

    --compare-add-bg: rgba(200, 182, 160, 0.12) !important;

}



html.diamond-theme-surface-dark .comparePopup__input,

html.diamond-theme-surface-dark .comparePopup__select {

    background-color: var(--compare-input-bg) !important;

    border-color: var(--compare-input-border) !important;

    color: var(--compare-input-text) !important;

}



html.diamond-theme-surface-dark .comparePopup__select:focus,

html.diamond-theme-surface-dark .comparePopup__input:focus {

    border-color: var(--color-primary) !important;

    box-shadow: 0 0 0 3px var(--diamond-focus-ring) !important;

}



html.diamond-theme-surface-dark .comparePopup__product:hover:not(:disabled):not(.comparePopup__product--added) {

    border-color: var(--color-primary) !important;

}



html.diamond-theme-surface-dark .comparePopup__product:focus-visible {

    border-color: var(--color-primary) !important;

    box-shadow: 0 0 0 3px var(--diamond-focus-ring) !important;

}



/* ── Account / profile page ── */

html.diamond-theme-surface-dark.html-account-page {

    --account-page-bg: var(--color-page-bg-alt);

    --account-page-bg-accent: rgba(200, 182, 160, 0.08);

    --account-surface: var(--color-neutral-000);

    --account-surface-muted: var(--color-neutral-100);

    --account-surface-elevated: var(--color-neutral-100);

    --account-border: rgba(255, 255, 255, 0.08);

    --account-border-strong: rgba(255, 255, 255, 0.14);

    --account-text: var(--color-neutral-700);

    --account-text-muted: var(--color-neutral-500);

    --account-heading: var(--color-on-surface, var(--color-neutral-black));

    --account-link: var(--color-primary);

    --account-nav-bg: var(--color-neutral-000);

    --account-nav-profile-bg: linear-gradient(
        135deg,
        var(--color-page-bg-alt) 0%,
        var(--color-neutral-000) 55%,
        color-mix(in srgb, var(--color-primary) 42%, var(--color-neutral-000)) 140%
    );

    --account-nav-profile-text: var(--color-neutral-black, #f5f5f3);

    --account-nav-profile-text-muted: color-mix(in srgb, var(--account-nav-profile-text) 82%, transparent);

    --account-nav-profile-close: color-mix(in srgb, var(--account-nav-profile-text) 92%, transparent);

    --account-nav-active-bg: rgba(200, 182, 160, 0.16);

    --account-nav-active-border: rgba(200, 182, 160, 0.45);

    --account-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);

    --account-shadow-soft: 0 2px 14px rgba(0, 0, 0, 0.22);

    --account-input-bg: var(--color-page-bg-alt);

    --account-input-border: var(--color-border);

    --account-input-text: var(--color-on-surface, var(--color-neutral-black));

    --account-badge-bg: rgba(255, 255, 255, 0.08);

    --account-badge-text: var(--color-neutral-600);

    --account-overlay: rgba(0, 0, 0, 0.62);

    --account-action-bg: rgba(255, 255, 255, 0.06);

    --account-action-border: rgba(255, 255, 255, 0.1);

    --account-action-icon: var(--color-neutral-500);

    --account-action-edit-hover-bg: rgba(255, 255, 255, 0.1);

    --account-action-edit-hover-border: rgba(255, 255, 255, 0.18);

    --account-action-edit-hover-icon: var(--color-on-surface, var(--color-neutral-black));

    --account-action-delete-hover-bg: rgba(224, 112, 112, 0.18);

    --account-action-delete-hover-border: rgba(224, 112, 112, 0.45);

    --account-action-delete-hover-icon: var(--color-error);

}



html.diamond-theme-surface-dark.html-account-page .accountNav__profile,
html.diamond-theme-surface-dark.html-account-page .accountNav__profileName,
html.diamond-theme-surface-dark.html-account-page .accountNav__profileEmail {
    color: var(--account-nav-profile-text);
}

html.diamond-theme-surface-dark.html-account-page .accountNav__profileEmail {
    color: var(--account-nav-profile-text-muted);
}

html.diamond-theme-surface-dark.html-account-page .accountNav__close {
    color: var(--account-nav-profile-close);
}

html.diamond-theme-surface-dark.html-account-page .accountNav__avatar {
    border-color: color-mix(in srgb, var(--account-nav-profile-text) 85%, transparent);
}

html.diamond-theme-surface-dark.html-account-page .accountNav__avatar--initials {
    background: color-mix(in srgb, var(--account-nav-profile-text) 16%, transparent);
    color: var(--account-nav-profile-text);
}

html.diamond-theme-surface-dark.html-account-page .accountCard__badge.order-status.pending {

    color: #ffcc80;

}



html.diamond-theme-surface-dark.html-account-page .accountCard__badge.order-status.processing {

    color: #80deea;

}



html.diamond-theme-surface-dark.html-account-page .accountCard__badge.order-status.complete {

    color: #a5d6a7;

}



html.diamond-theme-surface-dark.html-account-page .accountCard__badge.order-status.cancelled {

    color: #ef9a9a;

}



html.diamond-theme-surface-dark.html-compare-products-page .compare__item--add,

html.diamond-theme-surface-dark.html-compare-products-page .compare__item--placeholder {

    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.35);

}



/* ── Mobile nav (plugin storefront CSS) ── */

html.diamond-theme-surface-dark .diamond-mobile-bottom-nav {

    background: var(--color-header-bg);

    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.35);

}



html.diamond-theme-surface-dark .diamond-mobile-bottom-nav a {

    color: var(--color-neutral-600);

}



html.diamond-theme-surface-dark .diamond-mobile-bottom-nav a:hover,

html.diamond-theme-surface-dark .diamond-mobile-bottom-nav a:focus,

html.diamond-theme-surface-dark .diamond-mobile-bottom-nav a.is-active {

    color: var(--color-primary-hover);

}



html.diamond-theme-surface-dark .diamond-mobile-nav-panel__sheet {

    background: var(--diamond-surface);

}



html.diamond-theme-surface-dark .diamond-mobile-bottom-nav--pill a:hover,

html.diamond-theme-surface-dark .diamond-mobile-bottom-nav--pill a:focus,

html.diamond-theme-surface-dark .diamond-mobile-bottom-nav--pill a.is-active {

    background: var(--diamond-surface-elevated);

}



html.diamond-theme-surface-dark .diamond-mobile-bottom-nav--card a {

    background: var(--diamond-surface);

}



html.diamond-theme-surface-dark .diamond-mobile-bottom-nav--center-fab li.is-center-fab a {

    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);

}



html.diamond-theme-surface-dark .diamond-mobile-bottom-nav--center-fab li.is-center-fab a span {

    color: var(--diamond-text-muted);

}



/* ── Modals, overlays, GDPR ── */

html.diamond-theme-surface-dark .modalBox__overlay,

html.diamond-theme-surface-dark .ui-widget-overlay {

    background: var(--diamond-overlay-scrim) !important;

}



html.diamond-theme-surface-dark .modalBox--popup .modalBox__icon svg,

html.diamond-theme-surface-dark .modalBox--popup .modalBox__icon svg path {

    fill: var(--color-primary);

}



html.diamond-theme-surface-dark .modalBox--popup .modalBox__title {

    color: var(--diamond-text-primary);

}



html.diamond-theme-surface-dark .modalBox--popup .modalBox__header,

html.diamond-theme-surface-dark .modalBox--popup .modalBox__footer {

    border-color: var(--diamond-border-subtle);

}



html.diamond-theme-surface-dark .modalBox--popup .modalBox__tools svg rect {

    fill: var(--diamond-text-muted);

}



html.diamond-theme-surface-dark .eu-cookie-bar-notification,

html.diamond-theme-surface-dark #eu-cookie-bar-notification {

    background: var(--diamond-surface);

    color: var(--diamond-text-primary);

    border-top: 1px solid var(--diamond-border-subtle);

}



/* ── Focus visibility (keyboard / WCAG) ── */

html.diamond-theme-surface-dark :focus-visible {

    outline: 2px solid var(--color-primary);

    outline-offset: 2px;

}



html.diamond-theme-surface-dark .btn:focus-visible,

html.diamond-theme-surface-dark a:focus-visible,

html.diamond-theme-surface-dark input:focus-visible,

html.diamond-theme-surface-dark select:focus-visible,

html.diamond-theme-surface-dark textarea:focus-visible {

    box-shadow: 0 0 0 3px var(--diamond-focus-ring);

}



/* ── Product details — sticky tab bar, tabs, description & reviews ── */

html.diamond-theme-surface-dark .productDetails__row-sticky {

    background-color: var(--diamond-surface) !important;

}

html.diamond-theme-surface-dark .productDetails__layout {

    background: var(--diamond-surface) !important;

}

html.diamond-theme-surface-dark .productDetails__content {

    border-bottom-color: var(--diamond-border-subtle);

}

html.diamond-theme-surface-dark .tabMenu {

    border-bottom-color: var(--diamond-border-subtle);

    background: transparent;

}

html.diamond-theme-surface-dark .tabMenu__link {

    color: var(--diamond-text-muted);

}

html.diamond-theme-surface-dark .tabMenu__link:hover {

    color: var(--diamond-text-primary);

}

html.diamond-theme-surface-dark .tabMenu__link--active,

html.diamond-theme-surface-dark .tabMenu__link--select {

    color: var(--color-primary);

}

html.diamond-theme-surface-dark .tabMenu__link--active::after {

    border-bottom-color: var(--color-primary);

}

html.diamond-theme-surface-dark .details {

    border-bottom-color: var(--diamond-border-subtle);

}

html.diamond-theme-surface-dark .details__title {

    color: var(--diamond-text-primary);

    border-bottom-color: var(--color-primary);

}

html.diamond-theme-surface-dark .details__body p,

html.diamond-theme-surface-dark .details__body a,

html.diamond-theme-surface-dark .details__body label,

html.diamond-theme-surface-dark .details__body strong,

html.diamond-theme-surface-dark .details__body span {

    color: var(--diamond-text-secondary);

}

html.diamond-theme-surface-dark .details__body_collaps {

    background: linear-gradient(0deg, var(--diamond-surface) 0%, rgba(26, 26, 28, 0.72) 25%, rgba(26, 26, 28, 0) 100%) !important;

}

html.diamond-theme-surface-dark .review__total_vote,

html.diamond-theme-surface-dark .review__item_title {

    color: var(--diamond-text-primary);

}

html.diamond-theme-surface-dark .review__item_content {

    color: var(--diamond-text-secondary);

}

html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-group > .nav__item_link,
html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-leaf > .nav__item_link,
html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-column .diamond-digikala-mega-group > .nav__item_link,
html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-column .diamond-digikala-mega-leaf > .nav__item_link {
    color: var(--color-digikala-mega-l2, var(--color-neutral-700, #e8dfd3)) !important;
    background: transparent !important;
}

html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-group > .nav__item_link:hover,
html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-leaf > .nav__item_link:hover,
html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-column .diamond-digikala-mega-group > .nav__item_link:hover,
html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-column .diamond-digikala-mega-leaf > .nav__item_link:hover {
    color: var(--color-digikala-mega-l2-hover, var(--color-primary)) !important;
}

html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-group .nav__item.third-level .nav__item_link,
html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-column .diamond-digikala-mega-group .nav__item.third-level .nav__item_link {
    color: var(--color-digikala-mega-l3, var(--color-neutral-500, #9d948a)) !important;
}

html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-group .nav__item.third-level .nav__item_link:hover,
html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-column .diamond-digikala-mega-group .nav__item.third-level .nav__item_link:hover {
    color: var(--color-digikala-mega-l3-hover, var(--color-primary)) !important;
}

@media screen and (max-width: 767px) {
    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .topMenu__right,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .topMenu__right {
        background: var(--diamond-surface, #1e1f24) !important;
    }

    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .topMenu__left,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .topMenu__left,
    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .topMenu__subTitle,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .topMenu__subTitle {
        background: var(--diamond-surface-elevated, #2a2d32) !important;
    }

    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .topMenu__left .nav__item.second-level > .nav__item_link,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .topMenu__left .nav__item.second-level > .nav__item_link {
        color: var(--diamond-text-primary, #f5f5f5) !important;
        background: transparent !important;
    }

    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .topMenu__left .nav__item.second-level .nav__item_subList.second-level,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .topMenu__left .nav__item.second-level .nav__item_subList.second-level {
        background: var(--diamond-surface, #1e1f24) !important;
    }

    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .topMenu__right .nav__item.first-level.active,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .topMenu__right .nav__item.first-level.active {
        background: var(--diamond-surface-elevated, #2a2d32) !important;
        color: var(--diamond-text-primary, #f5f5f5) !important;
    }

    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-viewall,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .diamond-digikala-mega-viewall {
        border-bottom-color: var(--diamond-border, rgba(255, 255, 255, 0.08)) !important;
    }

    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-viewall__link,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .diamond-digikala-mega-viewall__link,
    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-viewall__link i,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .diamond-digikala-mega-viewall__link i {
        color: var(--color-primary) !important;
    }

    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-viewall__link:hover,
    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-viewall__link:focus-visible,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .diamond-digikala-mega-viewall__link:hover,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .diamond-digikala-mega-viewall__link:focus-visible,
    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-viewall__link:hover i,
    html.diamond-theme-surface-dark [data-menu-layout="digikala-mega"] .diamond-digikala-mega-viewall__link:focus-visible i,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .diamond-digikala-mega-viewall__link:hover i,
    html.diamond-theme-surface-dark .diamond-mobile-nav-panel__subMenu .diamond-digikala-mega-viewall__link:focus-visible i {
        color: var(--color-primary-hover) !important;
    }
}