/* dk/extras.css — افزونه‌های کاربردی پروژه روی قالب دیجی‌کالا
   (توست، منوهای کشویی، نشان‌ها، حالت شب، ستون‌های فوتر پویا)
   طراحی‌شده با همان توکن‌های قالب: --grad، #1a5ed6، #ef394e، #3f4064 … */
html { scroll-behavior: smooth; }
body.dk { min-height: 100vh; }
.dk [hidden] { display: none !important; }

/* ---- toast (الگوی .toast قالب پنل) ---- */
.dk-toast, .toast { position: fixed; bottom: 86px; left: 50%; transform: translate(-50%, 20px); background: linear-gradient(90deg,var(--sx-brand-2),var(--sx-brand) 55%,var(--sx-brand-deep)); color: #fff; padding: 11px 22px; border-radius: 12px; font-size: 12.5px; z-index: 9999; opacity: 0; pointer-events: none; transition: .25s; max-width: 90vw; text-align: center; box-shadow: 0 8px 28px rgba(232,80,31,.35); }
.dk-toast.show, .toast.show { opacity: 1; transform: translate(-50%, 0); }
.dk-toast.error, .toast.error { background: var(--sx-err); }
.dk-toast.success, .toast.success { background: #00a049; }

/* ---- فلش‌های ناوبری کاروسل (RTL استاندارد): «جلو/بعدی» = ‹ چپ، «عقب/قبلی» = › راست ---- */
.edge-arrow { display: flex; align-items: center; justify-content: center; }
.edge-arrow .dk-chev { display: block; }
/* RTL: «بعدی» در لبهٔ چپ (فلش چپ‌گرد)، «قبلی» در لبهٔ راست (فلش راست‌گرد) — مطابق دیجی‌کالا */
.edge-arrow.edge-next { left: 22px; right: auto; }
.edge-arrow.edge-prev { right: 22px; left: auto; }
.edge-arrow.off { opacity: 0; pointer-events: none; }
.edge-arrow { transition: opacity .2s ease, color .15s ease, box-shadow .15s ease; }
.ranklist .edge-arrow.edge-prev, .shelf .edge-arrow.edge-prev { right: 22px; left: auto; }
.chev { display: inline-flex; align-items: center; justify-content: center; }
.chev .dk-chev { display: block; }
a > .chev, button > .chev { vertical-align: middle; }

/* ---- هدر: افزودنی‌های کاربردی ---- */
.hdr { position: sticky; top: 0; z-index: 60; background: var(--sx-surface); }
.logo-txt, .ft-logo-txt { font-weight: 800; font-size: 20px; color: var(--sx-brand); display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
.logo img { max-width: 170px; object-fit: contain; }
.dk-badge-host { position: relative; }
.ic-badge[hidden] { display: none !important; }
.m-bell { position: relative; }
.m-nav a { position: relative; }
.m-nav .ic-badge { top: 4px; bottom: auto; left: 50%; margin-left: 4px; }
.hbtn { display: flex; align-items: center; position: relative; }
.user-btn { display: flex; align-items: center; gap: 5px; margin-right: 22px; }
.nav-sep { width: 1px; height: 16px; background: #e5e5e8; }
/* دکمهٔ حالت شب */
.theme-toggle { background: none; border: 0; cursor: pointer; font-size: 15px; color: var(--sx-ink); width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; }
.theme-toggle:hover { background: var(--sx-surface-2); }
/* منوهای کشویی (حساب کاربر + مگامنو دسته‌ها) */
.dk-dd { position: relative; display: flex; align-items: center; }
.dk-menu { display: none; position: absolute; top: 100%; right: 0; min-width: 210px; background: var(--sx-surface); border: 1px solid #e8e8ec; border-radius: 12px; box-shadow: 0 12px 34px rgba(35,37,75,.14); padding: 8px; z-index: 80; }
.dk-dd:hover > .dk-menu, .dk-dd:focus-within > .dk-menu { display: block; }
.dk-menu a { display: flex; align-items: center; justify-content: space-between; padding: 9px 12px; border-radius: 8px; font-size: 12.5px; color: var(--sx-ink); }
.dk-menu a:hover { background: var(--sx-surface-2); }
.dk-menu a.dk-out { color: var(--sx-err); border-top: 1px solid var(--sx-surface-2); margin-top: 4px; border-radius: 0 0 8px 8px; }
.dk-megamenu { columns: 3; column-gap: 6px; min-width: 520px; padding: 12px; }
.dk-megamenu a { break-inside: avoid; }
.dk-cats .dk-menu { top: calc(100% + 6px); }
.dk-pill { background: var(--sx-brand); color: #fff; border-radius: 10px; font-size: 10.5px; padding: 1px 7px; }
.dk-empty { color: var(--sx-ink-3); font-size: 12px; padding: 8px; display: block; }
.nav-in { overflow: visible; }
.nav-it { white-space: nowrap; }

/* ---- فوتر پویا ---- */
.ft-brand { display: inline-flex; align-items: center; margin-left: auto; padding-top: 4px; }
.ft-logo { height: 44px; width: auto; max-width: 200px; object-fit: contain; }
.ft-cols { flex-wrap: wrap; gap: 20px 0; }
.ft-col { min-width: 200px; flex: 1; }
.ft-col a:hover { color: var(--sx-brand); }
.social.dk-social { width: auto; height: auto; display: flex; gap: 10px; margin: 6px 0 18px; }
.dk-social a { width: 38px; height: 38px; border-radius: 50%; background: var(--sx-surface-2); color: var(--sx-ink); display: inline-flex; align-items: center; justify-content: center; font-size: 17px; margin: 0; }
.dk-social a:hover { background: var(--sx-brand); color: #fff; }
/* ردیف شبکه‌های اجتماعی فوتر موبایل — فقط داخل .m-ft نمایش داده می‌شود (روی دسکتاپ مخفی است) */
.m-soc-row { display: flex; align-items: center; gap: 12px; margin: 16px 16px 0; flex-wrap: wrap; }
.m-soc-row .social.dk-social { margin: 0; }
.m-soc-tx { font-size: 12px; font-weight: 700; color: var(--sx-ink); }
/* آیکون دایره‌ای داخل کارت‌های صفحهٔ فروشندگی (صفحهٔ «فروشنده شوید» و وضعیت درخواست) */
.shop-card .s-i { width: 46px; height: 46px; border-radius: 13px; background: var(--sx-brand-soft); color: var(--sx-brand); display: flex; align-items: center; justify-content: center; font-size: 20px; margin: 0 auto; }
.nl-row.newsletter-form button { cursor: pointer; }
.ab-p { white-space: pre-line; }
.back-top { background: var(--sx-surface); cursor: pointer; }

/* ==================================================================
   حالت شب واقعی — پالت تیرهٔ هماهنگ با برند (جایگزین هکِ invert)
   توکن‌ها: پس‌زمینه سرمه‌ای تیره، سطح کارت روشن‌تر، متن روشن؛
   رنگ‌های برند (قرمز/آبی/سبز) دست‌نخورده می‌مانند و تصاویر سالم‌اند.
   ================================================================== */
html.dk-dark {
  --dkd-bg: #0f1013;          /* پس‌زمینهٔ صفحه */
  --dkd-surface: #17181c;     /* سطح کارت/هدر */
  --dkd-surface-2: #1f2126;   /* سطح ثانویه (ورودی‌ها، دکمه‌های ملایم) */
  --dkd-surface-3: #292c33;   /* سطح برجسته */
  --dkd-line: #2c2f36;        /* خطوط و حاشیه‌ها */
  --dkd-ink: #eceef2;         /* متن اصلی */
  --dkd-ink-2: #b6bbc7;       /* متن ثانویه */
  --dkd-ink-3: #868d9c;       /* متن کم‌رنگ */
  --dkd-shadow: 0 6px 24px rgba(0, 0, 0, .5);
  background: var(--dkd-bg);
  color-scheme: dark;
  /* بازنویسی متغیرهای قالب‌ها (digikala-page/product/category/search/panel/shop/mag) */
  --ink: #eceef2;
  --body: #b6bbc7;
  --gray: #868d9c;
  --line: #2c2f36;
  --line2: #292c33;
  --chip: #292c33;
  --panel: #1f2126;
  --cream: #1f2126;
  --beige: #292c33;
  --budi-pink: #8c4b58;
  --green-bg: rgba(0, 160, 73, .14);
}

/* ---------- پایه ---------- */
html.dk-dark body, html.dk-dark html { background: var(--dkd-bg); }
html.dk-dark body { color: var(--dkd-ink); }
html.dk-dark a { color: inherit; }
html.dk-dark ::selection { background: rgba(64, 114, 245, .45); color: #fff; }
html.dk-dark ::-webkit-scrollbar { width: 10px; height: 10px; }
html.dk-dark ::-webkit-scrollbar-thumb { background: #3a3e47; border-radius: 8px; }
html.dk-dark ::-webkit-scrollbar-track { background: var(--dkd-bg); }

/* ---------- هدر و ناوبری ---------- */
html.dk-dark .hdr, html.dk-dark .m-hdr { background: var(--dkd-surface); }
html.dk-dark .hdr .search, html.dk-dark .m-search { background: var(--dkd-surface-2); }
html.dk-dark .hdr .s-in, html.dk-dark .m-in { color: var(--dkd-ink); }
html.dk-dark .hdr .s-in::placeholder, html.dk-dark .m-ph { color: var(--dkd-ink-3); }
html.dk-dark .m-ph b { color: var(--dkd-ink-2); }
html.dk-dark .nav { background: var(--dkd-surface); }
html.dk-dark .nav-cat, html.dk-dark .nav-it { color: var(--dkd-ink); }
html.dk-dark .nav .v-div, html.dk-dark .nav-sep { background: var(--dkd-line); }
html.dk-dark .hdr .icon-btn svg, html.dk-dark .hdr .hbtn svg, html.dk-dark .hdr .login svg,
html.dk-dark .hdr .user-btn svg, html.dk-dark .m-bell svg, html.dk-dark .nav-cat svg { stroke: var(--dkd-ink); }
html.dk-dark .hdr .login span { color: var(--dkd-ink); }
html.dk-dark .theme-toggle { color: var(--dkd-ink-2); }
html.dk-dark .theme-toggle:hover { background: var(--dkd-surface-3); }
html.dk-dark .dk-menu { background: var(--dkd-surface-2); border-color: var(--dkd-line); box-shadow: var(--dkd-shadow); }
html.dk-dark .dk-menu a { color: var(--dkd-ink-2); }
html.dk-dark .dk-menu a:hover { background: var(--dkd-surface-3); color: var(--dkd-ink); }
html.dk-dark .dk-menu a.dk-out { color: var(--sx-err); border-top-color: var(--dkd-line); }
html.dk-dark .dk-empty { color: var(--dkd-ink-3); }
html.dk-dark .m-hdr .m-slogo { background: var(--dkd-surface-3); }

/* ---------- کارت‌های محصول و بخش‌ها ---------- */
html.dk-dark .az-card, html.dk-dark .sh-card, html.dk-dark .th-card,
html.dk-dark .pcard, html.dk-dark .dk-blog-card, html.dk-dark .gcard { background: var(--dkd-surface); }
html.dk-dark .sh-card { border-color: var(--dkd-line); }
html.dk-dark .pr-title, html.dk-dark .rk-title, html.dk-dark .dk-blog-card b { color: var(--dkd-ink); }
html.dk-dark .pr-price .tom, html.dk-dark .dk-blog-card small { color: var(--dkd-ink-3); }
html.dk-dark .pr-price .num, html.dk-dark .price .num { color: var(--dkd-ink); }
html.dk-dark .old { color: #b6bbc7 !important; }
html.dk-dark .shelf, html.dk-dark .ranklist, html.dk-dark .th3 { border-color: var(--dkd-line); }
html.dk-dark .cats-tt, html.dk-dark .sh-tt .t1, html.dk-dark .rk-head span,
html.dk-dark .br-tt, html.dk-dark .ft-h, html.dk-dark .ab-h { color: var(--dkd-ink); }
html.dk-dark .sh-tt .t2 { color: var(--dkd-ink-3); }
html.dk-dark .cat-lb { color: var(--dkd-ink-2); }
html.dk-dark .see-all, html.dk-dark .az-more { background: var(--dkd-surface-2); color: var(--dkd-ink); }
html.dk-dark .see-all { color: var(--dkd-ink-2); }
html.dk-dark .edge-arrow { background: var(--dkd-surface-2); color: var(--dkd-ink); box-shadow: 0 4px 14px rgba(0,0,0,.45); }
html.dk-dark .edge-arrow:hover { background: var(--dkd-surface-3); }
html.dk-dark .stories-wrap { background: transparent; }
html.dk-dark .st-lb { color: var(--dkd-ink-2); }
html.dk-dark .rk-img { border-color: var(--dkd-line); }
html.dk-dark .brands .br-item { background: var(--dkd-surface); }
html.dk-dark .dk-pager a { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink-2); }
html.dk-dark .dk-pager span { color: var(--dkd-ink-3); }
html.dk-dark .dk-pager .on { background: var(--sx-brand); border-color: var(--sx-brand); color: #fff; }

/* ---------- بخش‌های رنگی برند (شگفت‌انگیز و…) — نسخهٔ شب گرادیانت برند، هماهنگ با توکن‌های تیره ---------- */
html.dk-dark .az-box { background: rgba(255,255,255,.92); color: var(--sx-brand-deep); }
html.dk-dark .az-more { background: #fff; color: #3f4064; }
html.dk-dark .amazing.az-red { background: linear-gradient(115deg, #123a86 0%, #0f2f6e 55%, #0a2258 100%); }
html.dk-dark .amazing.az-green { background: linear-gradient(115deg, #0a5c72 0%, #0e4676 60%, #0a2258 100%); }
html.dk-dark .budi { background: #8c4b58; }

/* ---------- بنرها و تصاویر: دست‌نخورده (بدون invert) ---------- */

/* ---------- فرم‌ها، هشدارها، اجزای مشترک ---------- */
html.dk-dark .dk-field input, html.dk-dark .dk-field select, html.dk-dark .dk-field textarea,
html.dk-dark .fld input, html.dk-dark .fld select, html.dk-dark .fld textarea,
html.dk-dark .cf-grid input, html.dk-dark .cform textarea, html.dk-dark .cf-cap input {
  background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink);
}
html.dk-dark .dk-field input::placeholder, html.dk-dark .cform textarea::placeholder { color: var(--dkd-ink-3); }
html.dk-dark .dk-field > span { color: var(--dkd-ink-3); }
html.dk-dark .dk-field input[type="file"] { background: var(--dkd-surface-2); }
html.dk-dark .dk-alert.ok { background: rgba(0, 160, 73, .14); color: #3ddc84; }
html.dk-dark .dk-alert.err { background: rgba(239, 64, 86, .14); color: var(--sx-err); }
html.dk-dark .dk-alert.info { background: rgba(255,106,56, .16); color: var(--sx-brand-ink); }
html.dk-dark .dk-alert.warn { background: rgba(232,167,58,.14); color: #f0c573; }
html.dk-dark .dk-empty-state { background: var(--dkd-surface); color: var(--dkd-ink-3); }
html.dk-dark .dk-modal-box { background: var(--dkd-surface); color: var(--dkd-ink); }
html.dk-dark .shop-card, html.dk-dark .sheet, html.dk-dark .cbox { background: var(--dkd-surface); border-color: var(--dkd-line); }
html.dk-dark .btn-o { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink); }

/* ---------- فوتر ---------- */
html.dk-dark footer { border-top-color: var(--dkd-line); }
html.dk-dark .ft-contact { color: var(--dkd-ink-2); }
html.dk-dark .ft-col a { color: var(--dkd-ink-2); }
html.dk-dark .ft-col a:hover { color: #6ea8ff; }
html.dk-dark .back-top { background: var(--dkd-surface-2); color: var(--dkd-ink-2); border-color: var(--dkd-line); }
html.dk-dark .back-top svg { stroke: var(--dkd-ink-2); }
html.dk-dark .about { border-top-color: var(--dkd-line); }
html.dk-dark .ab-p { color: var(--dkd-ink-3); }
html.dk-dark .copyright { color: var(--dkd-ink-3); }
html.dk-dark .nl-row input { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink); }
html.dk-dark .dk-social a { background: var(--dkd-surface-2); color: var(--dkd-ink-2); }

/* ---------- منوی موبایل و اجزای موبایل ---------- */
html.dk-dark .m-nav { background: var(--dkd-surface); border-top-color: var(--dkd-line); }
html.dk-dark .m-nav span { color: var(--dkd-ink-3); }
html.dk-dark .m-ft .m-sup-tx { color: var(--dkd-ink-2); }
html.dk-dark .m-soc-tx { color: var(--dkd-ink-2); }
html.dk-dark .shop-card .s-i { background: rgba(255,106,56, .18); color: var(--sx-brand-ink); }
html.dk-dark .m-acc-b a { color: var(--dkd-ink-3); }
html.dk-dark .m-acc-h { color: var(--dkd-ink); }

/* ---------- صفحه محصول ---------- */
html.dk-dark .gallery .main-im { background: var(--dkd-surface); }
html.dk-dark .info, html.dk-dark .buy, html.dk-dark .guard, html.dk-dark .exp { background: var(--dkd-surface); }
html.dk-dark .info .title, html.dk-dark .buy .title { color: var(--dkd-ink); }
html.dk-dark .subtitle, html.dk-dark .cnt, html.dk-dark .i-gray { color: var(--dkd-ink-3) !important; }
html.dk-dark .chip { background: var(--dkd-surface-2); color: var(--dkd-ink-2); }
html.dk-dark .thumb { border-color: var(--dkd-line); }
html.dk-dark .thumb.on { border-color: var(--sx-brand); }
html.dk-dark .dk-lb { background: rgba(5, 7, 16, .92); }
html.dk-dark .dk-lb-nav { background: var(--dkd-surface-2); color: var(--dkd-ink); }
html.dk-dark .rate-side { background: var(--dkd-surface); }
html.dk-dark .rv-summary-card, html.dk-dark .rv-form { background: var(--dkd-surface-2); border-color: var(--dkd-line); }
html.dk-dark .rv-bar { background: rgba(255,255,255,.1); }
html.dk-dark .dk-revform { background: transparent; }

/* ---------- صفحات لیست/دسته/جستجو ---------- */
html.dk-dark .crumb, html.dk-dark .crumb2 { color: var(--dkd-ink-3); }
html.dk-dark .list-wrap, html.dk-dark .filters { background: var(--dkd-surface); border-color: var(--dkd-line); }
html.dk-dark .filters-in { background: var(--dkd-surface); border-color: var(--dkd-line); }
html.dk-dark .filters-in::-webkit-scrollbar-track { background: var(--dkd-surface-2); border-left-color: var(--dkd-line); }
html.dk-dark .filters-in::-webkit-scrollbar-thumb { background: #39406b; border-color: var(--dkd-surface-2); }
html.dk-dark .f-check { color: var(--dkd-ink-2); }
html.dk-dark .f-chev { color: var(--dkd-ink-3); }
/* دکمهٔ عضویت خبرنامهٔ وبلاگ — در شب گرادیانت آبی با متن سفید (روی پس‌زمینهٔ روشنِ قبلی ناخوانا بود) */
html.dk-dark .f-sub { background: linear-gradient(var(--sx-brand),var(--sx-brand)); color: #fff !important; }
html.dk-dark .f-check .bx { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink); }
html.dk-dark .more-btn { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink-2); }
html.dk-dark .tgl { background: var(--dkd-surface-3); }
html.dk-dark .tgl.on { background: var(--sx-brand); }
html.dk-dark .p-cd .sep { color: #5a7ab5; }
html.dk-dark .crumb a, html.dk-dark .crumb2 a { color: var(--dkd-ink-2); }

/* ---------- صفحه ورود (لاگین) — حالت شب + رنگ‌های قابل شخصی‌سازی ----------
   متغیرها از dk-login-theme (خروجی dk_login_css) می‌آیند:
   --login-bg / --login-card / --login-accent / --login-btn
   (روی صفحاتی غیر از ورود، --login-bg تعریف نیست → همان --dkd-bg قبلی اعمال می‌شود) */
html.dk-dark { background: var(--login-bg, var(--dkd-bg)) !important; }
html.dk-dark .auth-card, html.dk-dark .auth-shell {
  background: var(--login-card, var(--dkd-surface));
  border-color: var(--dkd-line);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .45);
}
html.dk-dark .auth-in, html.dk-dark .auth-field input {
  background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink);
}
html.dk-dark .auth-in::placeholder { color: #7d84a8; }
html.dk-dark .auth-in:focus { border-color: var(--login-accent, var(--sx-brand-ink)); box-shadow: 0 0 0 3px rgba(91, 156, 255, .16); }
html.dk-dark .auth-title, html.dk-dark .auth-sub, html.dk-dark .auth-t { color: var(--dkd-ink); }
html.dk-dark .auth-s { color: var(--dkd-ink-2); }
html.dk-dark .back-arrow svg path { stroke: var(--dkd-ink-2); }
html.dk-dark .back-arrow:hover svg path { stroke: var(--login-accent, var(--sx-brand-ink)); }
/* (لوگوی شب صفحات ورود: نسخهٔ سفید shopimax-logo-white.png با کلاس lg-night جایگزین می‌شود) */
html.dk-dark .auth-tabs a { border-color: var(--dkd-line); color: var(--dkd-ink-2); }
html.dk-dark .auth-tabs a.on { background: var(--login-btn, linear-gradient(270deg, var(--sx-brand-2) 0%, var(--sx-brand) 55%, var(--sx-brand-deep) 100%)); color: #fff; }
html.dk-dark .auth-alert.err { background: rgba(239, 64, 86, .14); color: #ff8b9a; }
html.dk-dark .auth-alert.info { background: rgba(255,106,56, .18); color: #8fbaff; }
html.dk-dark .auth-alert.ok { background: rgba(15, 157, 88, .16); color: #6fdca0; }
html.dk-dark .auth-hint { color: #8f96b8; }
html.dk-dark .auth-cap { background: var(--dkd-surface-2); color: var(--dkd-ink-2); }
html.dk-dark .auth-cap input { background: var(--dkd-surface-3); border-color: var(--dkd-line); color: var(--dkd-ink); }
html.dk-dark .auth-remember { color: var(--dkd-ink-2); }
html.dk-dark .auth-remember input { accent-color: var(--login-accent, var(--sx-brand-ink)); }
html.dk-dark .auth-count { color: #8f96b8; }
html.dk-dark .auth-note { color: #8f96b8; }
html.dk-dark .auth-note a { color: var(--login-accent, var(--sx-brand-ink)); }
html.dk-dark .auth-sec { color: var(--dkd-ink-2); }
html.dk-dark .auth-sec a { color: var(--login-accent, var(--sx-brand-ink)); }
html.dk-dark .auth-otp { color: var(--dkd-ink); letter-spacing: 10px; }
html.dk-dark .auth-err { color: #ff8b9a; }

/* ---------- اجزای باقیمانده صفحه محصول ---------- */
html.dk-dark .addr { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink-2); }
html.dk-dark .ai-chip { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink-2); }
html.dk-dark .ai-card { background: var(--dkd-surface); }
html.dk-dark .all-feats button { background: var(--dkd-surface-2); color: var(--dkd-ink-2); }
html.dk-dark .back-top { background: var(--dkd-surface-2); }
html.dk-dark .th-addr { color: var(--dkd-ink-2); }
html.dk-dark .th-info { color: var(--dkd-ink-3); }

/* ---------- اجزای داخلی ویجت چت ---------- */
html.dk-dark #shop-chat .chat-attach-preview { background: var(--dkd-surface-2); }
html.dk-dark #shop-chat .chat-emoji { background: var(--dkd-surface-2); border-color: var(--dkd-line); }
html.dk-dark #shop-chat .chat-emoji button:hover { background: var(--dkd-surface-3); }
html.dk-dark #shop-chat .chat-more { background: var(--dkd-surface-2); color: var(--dkd-ink-2); }

/* ---------- پنل کاربری ---------- */
html.dk-dark .pside, html.dk-dark .pcontent, html.dk-dark .pbox { background: var(--dkd-surface); border-color: var(--dkd-line); }
html.dk-dark .p-h, html.dk-dark .pc-h { color: var(--dkd-ink); }
html.dk-dark .menu a { color: var(--dkd-ink-2); }
html.dk-dark .menu a.on { background: var(--dkd-surface-2); color: var(--dkd-ink); }
html.dk-dark .dk-promo { background: var(--dkd-surface-2); }

/* ---------- مگ / وبلاگ ---------- */
html.dk-dark .pwrap .pcontent-col, html.dk-dark .rail { background: var(--dkd-surface); border-color: var(--dkd-line); }
html.dk-dark .art-t { color: var(--dkd-ink); }
html.dk-dark .art-body, html.dk-dark .dk-postcontent { color: var(--dkd-ink-2); }
html.dk-dark .art-body h2, html.dk-dark .dk-postcontent h2 { color: var(--dkd-ink); }
html.dk-dark .art-meta { color: var(--dkd-ink-3); }
html.dk-dark .toc { background: var(--dkd-surface-2); }
html.dk-dark .toc a { color: var(--dkd-ink-2); }
html.dk-dark .cform { border-color: var(--dkd-line); background: var(--dkd-surface); }
html.dk-dark .cform .ava { border-color: var(--dkd-ink-3); color: var(--dkd-ink-3); background: var(--dkd-surface-2); }
html.dk-dark .cf-btn { border: 0; color: #fff; }
html.dk-dark .cf-cap { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink-2); }
html.dk-dark .cf-cap b { color: var(--dkd-ink); }
html.dk-dark .cf-cap input { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink); }
html.dk-dark .dk-cm { border-color: var(--dkd-line); background: var(--dkd-surface); }
html.dk-dark .dk-cm b { color: var(--dkd-ink); }
html.dk-dark .dk-cm p { color: var(--dkd-ink-2); }
html.dk-dark .dk-cm .dk-cm-h span { color: var(--dkd-ink-3); }
html.dk-dark .tchip { background: var(--dkd-surface-2); color: var(--dkd-ink-2); }
html.dk-dark .pside-top { background: var(--dkd-surface); }

/* ---------- استوری‌ویور ---------- */
html.dk-dark .stv { background: rgba(5, 7, 16, .96); }
html.dk-dark .stv-nav { background: var(--dkd-surface-2); color: var(--dkd-ink); }

/* ---------- ویجت چت زنده ---------- */
html.dk-dark #shop-chat .chat-panel { background: var(--dkd-surface); border-color: var(--dkd-line); }
html.dk-dark #shop-chat .chat-head { background: linear-gradient(135deg, #5b21b6, #7c3aed); }
html.dk-dark #shop-chat .chat-body { background: var(--dkd-bg); }
html.dk-dark #shop-chat .chat-msg.operator { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink); }
html.dk-dark #shop-chat .chat-msg.user { background: linear-gradient(135deg, #7C3AED, #4C1D95); color: #EDE9FE; }
html.dk-dark #shop-chat .chat-start { background: var(--dkd-bg); }
html.dk-dark #shop-chat .chat-start-top small { color: var(--dkd-ink-3); }
html.dk-dark #shop-chat .chat-start-ava { background: var(--dkd-surface-2); }
html.dk-dark #shop-chat .chat-head .chat-ava { background: var(--dkd-surface-3); }
html.dk-dark #shop-chat .chat-composer { background: var(--dkd-surface); border-top-color: var(--dkd-line); }
html.dk-dark #shop-chat .chat-input-row textarea { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink); }
html.dk-dark #shop-chat .chat-ibtn { background: var(--dkd-surface-2); color: var(--dkd-ink-2); }
html.dk-dark #shop-chat .chat-err { color: var(--sx-err); }
html.dk-dark #shop-chat .chat-closed-bar { background: rgba(239, 64, 86, .12); color: var(--sx-err); }

/* ---------- حالت شب قدیمی (body.dark) صفحات سفارشی — هم‌ارزش با توکن‌ها ---------- */
body.dark { background: var(--dkd-bg, #0f1013); color: var(--dkd-ink, #eceef2); }
body.dark .shop-card, body.dark .dk-modal-box { background: var(--dkd-surface, #17181c); border-color: var(--dkd-line, #2c2f36); color: var(--dkd-ink, #eceef2); }
body.dark .dk-field input, body.dark .dk-field select, body.dark .dk-field textarea,
body.dark .fld input, body.dark .fld select, body.dark .fld textarea { background: var(--dkd-surface-2, #1f2126); border-color: var(--dkd-line, #2c2f36); color: var(--dkd-ink, #eceef2); }

/* ---- اجزای مشترک پروژه (فرم، هشدار، حالت خالی) ---- */
.dk-alert { padding: 11px 14px; border-radius: 10px; font-size: 12.5px; margin: 0 0 14px; line-height: 1.9; }
.dk-alert.ok { background: #e6f7ee; color: #067a3a; }
.dk-alert.err { background: #fdecee; color: #c3243a; }
.dk-alert.info { background: var(--sx-brand-soft); color: var(--sx-brand-ink); }
.dk-alert.warn { background: #fdf4e2; color: #92610c; }
.dk-field { display: block; margin-bottom: 14px; }
.dk-field > span { display: block; font-size: 12px; color: var(--sx-ink-3); margin-bottom: 6px; }
.dk-field input, .dk-field select, .dk-field textarea { width: 100%; border: 1px solid var(--sx-line); border-radius: 10px; padding: 11px 13px; font-size: 13px; font-family: inherit; color: var(--sx-ink); background: var(--sx-surface); outline: none; transition: border-color .15s, box-shadow .15s; }
.dk-field input:focus, .dk-field select:focus, .dk-field textarea:focus { border-color: var(--sx-brand-2); box-shadow: 0 0 0 3px rgba(25,191,211,.12); }
.dk-field textarea { min-height: 90px; resize: vertical; line-height: 1.9; }
.dk-field input[type="file"] { padding: 9px 11px; background: #fafafa; cursor: pointer; }
.dk-empty-state { text-align: center; color: var(--sx-ink-3); font-size: 13px; padding: 40px 16px; background: #fafafa; border-radius: 12px; }
.dk-empty-state i { display: block; font-size: 30px; margin-bottom: 10px; color: #c9cbd4; }

/* ---- کارت‌های «آخرین مطالب وبلاگ» (صفحه اصلی) ---- */
.dk-blogrow { margin: 34px 30px 0; }
.dk-blog-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 14px; }
.dk-blog-card { border: 1px solid var(--sx-line); border-radius: 14px; overflow: hidden; background: var(--sx-surface); display: flex; flex-direction: column; gap: 6px; padding-bottom: 12px; transition: box-shadow .2s, border-color .2s; }
.dk-blog-card:hover { box-shadow: 0 10px 30px rgba(35,37,75,.09); border-color: #dfe1e6; }
.dk-blog-card img, .dk-blog-ph { width: 100%; height: 150px; object-fit: cover; background: var(--sx-surface-2); display: flex; align-items: center; justify-content: center; font-size: 34px; color: #c9cbd4; }
.dk-blog-card b { padding: 4px 14px 0; font-size: 13.5px; color: var(--sx-ink); line-height: 1.9; }
.dk-blog-card small { padding: 0 14px; color: var(--sx-ink-3); font-size: 12px; line-height: 1.8; }
.dk-blogrow .cats-tt { font-size: 15px; font-weight: 800; color: var(--sx-ink); }

/* ---- واکنش‌گرا ---- */
@media (max-width: 1199px) {
  .dk-blog-cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 899px) {
  .hdr { position: static; }
  .dk-toast, .toast { bottom: 76px; }
  .dk-menu { display: none !important; }
  body.dk { padding-bottom: 64px; }
  .ft-top { padding: 0 14px; }
  .ft-top .ft-feats, .ft-top .ft-cols, .ft-top .ft-contact, .ft-top .back-top, .ft-top .ft-brand { display: none; }
  .about { margin: 20px 14px 0; padding-top: 20px; }
  #shop-chat .chat-fab { bottom: 82px; }
  #shop-chat .chat-panel { bottom: 150px; }
  .dk-blogrow { margin: 22px 14px 0; }
  .dk-blog-cards { grid-template-columns: 1fr; }
  .dk-blog-card img, .dk-blog-ph { height: 180px; }
}
@media (min-width: 900px) and (max-width: 1199px) {
  .hdr-in { padding: 0 14px; }
  .nav-in { gap: 14px; padding: 0 12px; overflow-x: auto; }
  .dk-megamenu { columns: 2; min-width: 380px; }
}

/* ---- خدمات فوتر + نشان‌های اعتماد (extras در همه صفحات بعد از قالب صفحه لود می‌شود) ---- */
.ft-feat img { transition: transform .18s ease; }
.ft-feat:hover img { transform: translateY(-2px); }
.ab-badges a { display: inline-flex; flex: none; }
.ab-badges a img { transition: transform .18s ease, border-color .18s ease; }
.ab-badges a:hover img { transform: translateY(-3px); border-color: var(--sx-brand-2); box-shadow: 0 8px 18px rgba(25, 191, 211, .16); }

/* حالت شب */
html.dk-dark .ft-feat div { color: var(--dkd-ink-2); }
html.dk-dark .ab-badges img { border-color: var(--dkd-line); background: var(--dkd-surface-2); }
html.dk-dark .ab-badges a:hover img { border-color: #6ea8ff; box-shadow: 0 8px 18px rgba(110, 168, 255, .14); }

/* ==================================================================
   لوگوی روز/شب — اگر لوگوی جداگانهٔ حالت شب بارگذاری شده باشد
   ================================================================== */
.lg-night { display: none !important; }
html.dk-dark body .lg-day, html.dk-dark .lg-day { display: none !important; }
html.dk-dark .lg-night { display: block !important; }
html.dk-dark .lg-night.inline { display: inline-block !important; }

/* ==================================================================
   شبکهٔ دسته‌بندی‌ها (صفحه دسته‌بندی‌ها) — نمایش فشرده و مرتب در موبایل
   ================================================================== */
.dk-allcats { margin: 22px 30px 0; }
.dk-catgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 24px 12px; margin-top: 18px; }
.dk-catgrid .cat { width: auto; }
.dk-catgrid .cat img { width: 96px; height: 96px; }
@media (max-width: 899px) {
  .dk-allcats { margin: 16px 14px 0; }
  .dk-catgrid { grid-template-columns: repeat(3, 1fr); gap: 18px 8px; }
  .dk-catgrid .cat img { width: 100%; max-width: 92px; }
  .dk-catgrid .cat-lb { font-size: 10.5px; }
}

/* ==================================================================
   لایهٔ تکمیلی حالت شب — متن‌ها و سطوحی که در صفحات لیست/محصول/پنل نامرئی می‌شدند
   ================================================================== */

/* ---- نوار مرتب‌سازی جستجو/دسته (پرفروش/منتخب/ارزان‌ترین…) ---- */
html.dk-dark .toolbar { background: transparent; border-bottom-color: var(--dkd-line); }
html.dk-dark .sort-lb, html.dk-dark .t-filter { color: var(--dkd-ink); }
html.dk-dark .sort-opt { color: var(--dkd-ink-3); }
html.dk-dark .sort-opt.on { color: var(--sx-brand-ink); }
html.dk-dark .pcount { color: var(--dkd-ink-3); }
html.dk-dark .t-filter svg { stroke: var(--dkd-ink); }
@media (max-width: 899px) {
  html.dk-dark .toolbar { background: var(--dkd-surface); border-bottom-color: var(--dkd-line); }
}

/* ---- فیلترهای سایدبار جستجو/دسته ---- */
html.dk-dark .f-title { color: var(--dkd-ink); }
html.dk-dark .f-lb { color: var(--dkd-ink); }
html.dk-dark .f-head .f-chev svg { stroke: var(--dkd-ink-3); }
html.dk-dark .f-price input { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink); }
html.dk-dark .f-price .tom { color: var(--dkd-ink-3); }
html.dk-dark .f-price .go, html.dk-dark .go { background: var(--sx-brand); border: 0; color: #fff; }
html.dk-dark .f-more { color: var(--sx-brand-ink); }
html.dk-dark .f-color { color: var(--dkd-ink-2); }
html.dk-dark .f-color i { border-color: var(--dkd-line); }
html.dk-dark .t-sort svg, html.dk-dark .sort-lb svg { stroke: var(--dkd-ink); }

/* ---- قیمت‌ها در نتایج جستجو/دسته ---- */
html.dk-dark .pr-num { color: var(--dkd-ink) !important; }
html.dk-dark .pr-tom { color: var(--dkd-ink-3); }
html.dk-dark .off-grp .old { color: #b6bbc7; }
html.dk-dark .p-sfa, html.dk-dark .p-dots em { color: var(--dkd-ink-3); }

/* ---- کارت محصول در نتایج جستجو/دسته ---- */
html.dk-dark .pcell { border-color: var(--dkd-line) !important; }
html.dk-dark .p-ti { color: var(--dkd-ink); }
html.dk-dark .p-bad { color: var(--sx-brand-ink); }
html.dk-dark .p-sfa { color: var(--dkd-ink-3); }
html.dk-dark .mr { color: var(--dkd-ink-2) !important; }
html.dk-dark .mr small { color: var(--dkd-ink-3) !important; }
html.dk-dark .mr.low { color: #ffb4a8 !important; }
html.dk-dark .pill-off { background: #2f6fd6; }
html.dk-dark .p-cd .sep { color: #8fa8d8; }
html.dk-dark .sheet { background: rgba(5, 7, 16, .6); }
html.dk-dark .sheet-bd { background: var(--dkd-surface); }
html.dk-dark .sheet-h { color: var(--dkd-ink); border-bottom-color: var(--dkd-line); }
html.dk-dark .sheet-h .sheet-x { color: var(--dkd-ink-2); }
html.dk-dark .sheet-done { background: var(--sx-brand); color: #fff; }

/* ---- صفحه محصول: عنوان‌ها، قیمت، مشخصات، دیدگاه‌ها ---- */
html.dk-dark .pmain h1 { color: var(--dkd-ink); }
html.dk-dark .buy .price, html.dk-dark .pc-buy .pr-num { color: var(--dkd-ink); }
/* دکمهٔ «مشاهده و خرید» کارت محصول مقاله — متن سفید روی قرمز پررنگ (قبلاً متنِ روشنِ کم‌کنتراست) */
html.dk-dark .pc-buy { background: var(--sx-brand-deep); color: #fff; }
html.dk-dark .guard, html.dk-dark .exp { color: var(--dkd-ink-2); }
html.dk-dark .guard .g-it, html.dk-dark .exp .e-it { color: var(--dkd-ink-2); }
html.dk-dark .perk { color: var(--dkd-ink-2); }
html.dk-dark .spec-chip { border-color: var(--dkd-line); }
html.dk-dark .spec-chip .l { color: var(--dkd-ink-3); }
html.dk-dark .spec-chip .v { color: var(--dkd-ink); }
html.dk-dark .dk-qty { background: var(--dkd-surface-2); color: var(--dkd-ink); }
html.dk-dark .dk-qty button { color: var(--dkd-ink); }
html.dk-dark .rate-side .big { color: var(--dkd-ink); }
html.dk-dark .rate-side .line { color: var(--dkd-ink-2); }
html.dk-dark .dk-dist-row span { color: var(--dkd-ink-2); }
html.dk-dark .rev-toolbar .n { color: var(--dkd-ink-2); }
html.dk-dark .rev .nm { color: var(--dkd-ink); }
html.dk-dark .rev-text { color: var(--dkd-ink-2); }
html.dk-dark .rev .l span { color: var(--dkd-ink-3); }
html.dk-dark .reviews > .dk-empty-state { margin-top: 14px; background: var(--dkd-surface-2); color: var(--dkd-ink-3); }
html.dk-dark .gal { background: transparent; }
html.dk-dark .thumbs button { background: var(--dkd-surface-2); }
html.dk-dark .buyer { background: rgba(0,160,73,.16); color: #3ddc84; }

/* ---- فرم دیدگاه (متن و دکمهٔ ارسال دیدگاه) ---- */
html.dk-dark .rv-form h4, html.dk-dark .dk-revform h4 { color: var(--dkd-ink); }
html.dk-dark .rv-form .form-group label, html.dk-dark .dk-revform label { color: var(--dkd-ink-2); }
html.dk-dark .rv-form input, html.dk-dark .rv-form textarea { background: var(--dkd-surface-2); border-color: var(--dkd-line); color: var(--dkd-ink); }
html.dk-dark .rv-form input::placeholder, html.dk-dark .rv-form textarea::placeholder { color: var(--dkd-ink-3); }
html.dk-dark .rv-form .btn-accent, html.dk-dark .dk-revform .btn-accent { background: var(--sx-brand); color: #fff; }

/* ---- صفحه محصول: رنگ‌های ثابتِ باقی‌مانده ---- */
html.dk-dark .subtitle, html.dk-dark .cnt, html.dk-dark .i-gray { color: var(--dkd-ink-2) !important; }
html.dk-dark .dk-desc { color: var(--dkd-ink-2); }
html.dk-dark .buy hr { border-top-color: var(--dkd-line); }
html.dk-dark .buy-bullets { border-top-color: var(--dkd-line); }
html.dk-dark .buy-acc .l { color: var(--dkd-ink-3); }
html.dk-dark .buy-acc .r { color: var(--dkd-ink); }
html.dk-dark .buy-line, html.dk-dark .buy-bullet { color: var(--dkd-ink-2); }
html.dk-dark .sat-row .div { background: var(--dkd-line); }
html.dk-dark .dk-old { color: #b6bbc7; }
html.dk-dark .spec-row { border-color: var(--dkd-line); }
html.dk-dark .specs .more-lnk, html.dk-dark .more-lnk { color: var(--sx-brand-ink); }
html.dk-dark .moarefi p { color: var(--dkd-ink-2); }
html.dk-dark .moarefi ul li { color: var(--dkd-ink-2); }
html.dk-dark .pcard .off-row .old { color: #b6bbc7; }
html.dk-dark .pcard.bordered { border-color: var(--dkd-line); }
html.dk-dark .all-feats::before, html.dk-dark .all-feats::after { border-top-color: var(--dkd-line); }
html.dk-dark .tabs { border-bottom-color: var(--dkd-line); }
html.dk-dark .tab { color: var(--dkd-ink-3); }
html.dk-dark .tab.on { color: var(--sx-brand-ink); }
html.dk-dark .tags .tag-pill { background: var(--dkd-surface-2); color: var(--dkd-ink-2); }

/* ---- پنل کاربری (دیجی‌کالای من) ---- */
html.dk-dark .ps-name, html.dk-dark .pc-t { color: var(--dkd-ink); }
html.dk-dark .ps-phone { color: var(--dkd-ink-3); }
html.dk-dark .w-lb { color: var(--dkd-ink); }
html.dk-dark .w-vl { color: var(--dkd-ink-2); }
html.dk-dark .w-lnk { color: var(--sx-brand-ink); }
html.dk-dark .m-it a { color: var(--dkd-ink-2); }
html.dk-dark .m-it.on a { color: var(--dkd-ink); }
html.dk-dark .ps-wallet { background: transparent; }
html.dk-dark .pc-bar { background: var(--dkd-line); }
html.dk-dark .pc-sub { color: var(--dkd-ink-3); }
html.dk-dark .ptabs { border-bottom-color: var(--dkd-line); }
html.dk-dark .ptab { color: var(--dkd-ink-3); }
html.dk-dark .ptab.on { color: var(--sx-brand-ink); border-bottom-color: var(--sx-brand-ink); }
html.dk-dark .pwrap .pcontent table, html.dk-dark .pcontent .tb { background: var(--dkd-surface); }
html.dk-dark .pcontent table th { background: var(--dkd-surface-2); color: var(--dkd-ink); border-color: var(--dkd-line); }
html.dk-dark .pcontent table td { color: var(--dkd-ink-2); border-color: var(--dkd-line); }
html.dk-dark .pcontent h3, html.dk-dark .pcontent h4 { color: var(--dkd-ink); }
html.dk-dark .pcontent p { color: var(--dkd-ink-2); }
html.dk-dark .pcontent a { color: var(--sx-brand-ink); }
html.dk-dark .ic-badge { border-color: var(--dkd-surface); }

/* ---- کارت‌های داشبورد پنل کاربری ---- */
html.dk-dark .pc-status .st { background: var(--dkd-surface); border-color: var(--dkd-line); }
html.dk-dark .st-t b { color: var(--dkd-ink); }
html.dk-dark .st-t span { color: var(--dkd-ink-2); }
html.dk-dark .dk-stat { background: var(--dkd-surface); border-color: var(--dkd-line); }
html.dk-dark .dk-stat span { color: var(--dkd-ink-2); }
html.dk-dark .dk-stat b { color: var(--dkd-ink); }
html.dk-dark .dk-stat b small { color: var(--dkd-ink-3); }
html.dk-dark .ocard { border-color: var(--dkd-line); }
html.dk-dark .oc-top { background: var(--dkd-surface-2); border-bottom-color: var(--dkd-line); }
html.dk-dark .oc-code { color: var(--dkd-ink); }
html.dk-dark .oc-code span, html.dk-dark .oc-date, html.dk-dark .oc-sub { color: var(--dkd-ink-2); }
html.dk-dark .oc-name { color: var(--dkd-ink); }
html.dk-dark .oc-price { color: var(--dkd-ink); }
html.dk-dark .oc-price i { color: var(--dkd-ink-3); }
html.dk-dark .sec-t { color: var(--dkd-ink); border-bottom-color: var(--dkd-line); }
html.dk-dark .pc-all { color: var(--sx-brand-ink); }
html.dk-dark .chip { background: var(--dkd-surface-3); color: var(--dkd-ink-2); }
html.dk-dark .chip.ok { background: rgba(0,160,73,.16); color: #3ddc84; }
html.dk-dark .chip.wait { background: rgba(245,158,11,.16); color: #fbbf24; }
html.dk-dark .chip.blue { background: rgba(255,106,56,.18); color: var(--sx-brand-ink); }
html.dk-dark .chip.ret { background: rgba(239,64,86,.16); color: var(--sx-err); }
html.dk-dark .dk-promo { background: var(--dkd-surface-2); color: var(--dkd-ink-2); }
html.dk-dark .dk-promo b { color: var(--sx-brand-ink); }
html.dk-dark .nl-row button, html.dk-dark .newsletter-form button { background: var(--sx-brand); color: #fff; }
html.dk-dark .shop-card h3 { color: var(--dkd-ink); }

/* ---- صفحات پیام/کیف پول/باشگاه پنل کاربری ---- */
html.dk-dark .empty { color: var(--dkd-ink-2); }
html.dk-dark .empty .e-ring { background: var(--dkd-surface-2); color: var(--dkd-ink-2); }
html.dk-dark .empty .e-ring i { color: var(--sx-brand-ink); }
html.dk-dark .msg { border-bottom-color: var(--dkd-line); }
html.dk-dark .msg-b { color: var(--dkd-ink-2); }
html.dk-dark .gift-buy { border-top-color: var(--dkd-line); }
html.dk-dark .dk-empty-state i { color: var(--dkd-ink-3); }

/* ---- استوری‌ویوئر: تصویر کامل بدون برش (بدون زOOM) ---- */
.stv-ph img { object-fit: contain !important; }
.stv-bg { filter: blur(26px) saturate(1.1); transform: scale(1.15); opacity: .5; }

/* ==================================================================
   همخوانی کامل حالت شب — رفع ناخوانایی لوگوها/متن‌ها (گزارش کاربر)
   ================================================================== */

/* ---- بردکرامب‌های «.crumbs» (دسته/جستجو/محصول) — قبلاً متن تیره روی تیره ---- */
html.dk-dark .crumbs { color: var(--dkd-ink-3); }
html.dk-dark .crumbs .path { color: var(--dkd-ink-3); }
html.dk-dark .crumbs a { color: var(--dkd-ink-2); }
html.dk-dark .crumbs .path a { color: var(--dkd-ink-2); }
html.dk-dark .crumbs .path a.cur, html.dk-dark .crumbs .cur { color: var(--dkd-ink); font-weight: 600; }
html.dk-dark .crumbs .sep { color: var(--dkd-ink-3); }
html.dk-dark .crumbs .sell { color: var(--dkd-ink-2); }

/* ---- تگ‌های وبلاگ (.tag) — قانون کلی «a { color: inherit }» رنگشان را با پس‌زمینهٔ روشن یکی می‌کرد ---- */
html.dk-dark a.tag { background: var(--dkd-surface-3); color: var(--sx-brand-ink); }
html.dk-dark a.tag:hover { background: #2c2f36; color: #a7dcf5; }

/* ---- متن بدنهٔ مقالهٔ وبلاگ — p رنگ ثابت #4a4e63 داشت ---- */
html.dk-dark .art-body p, html.dk-dark .dk-postcontent p { color: var(--dkd-ink-2); }
html.dk-dark .art-body a, html.dk-dark .dk-postcontent a { color: var(--sx-brand-ink); }

/* ---- دکمه‌های خط‌دار (صفحه محصول: ورود و ثبت دیدگاه…) — متن روشن روی پس‌زمینهٔ سفید مانده بود ---- */
html.dk-dark .outline-btn { background: var(--dkd-surface-2); border-color: var(--sx-brand-deep); color: var(--sx-brand-ink); }
html.dk-dark .outline-btn:hover { background: var(--dkd-surface-3); }

/* ---- نشان تخفیف و رتبهٔ کاروسل — قرمز پررنگ‌تر برای متن سفید ریز ---- */
html.dk-dark .badge-off, html.dk-dark .rk-badge { background: var(--sx-brand-deep); color: #fff; }
html.dk-dark .th-card .badge-off { background: var(--sx-brand-deep); }

/* ---- موجودی انبار — سبز روشن‌تر ---- */
html.dk-dark .sat-row .sat { color: #3ec98e; }

/* ---- کارت هیرو فروشگاه فروشنده (vendor-store) — روز و شب ---- */
.vs-hero {
  display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
  background: linear-gradient(135deg, rgba(39,163,255,.08), rgba(232,80,31,.08));
  border: 1px solid var(--sx-line); border-radius: 16px; padding: 26px 28px; margin: 18px 0 22px;
}
.vs-hero .vs-logo { width: 84px; height: 84px; border-radius: 18px; object-fit: cover; border: 1px solid var(--line, var(--sx-line)); flex: 0 0 84px; }
.vs-hero .vs-logo-txt { display: flex; align-items: center; justify-content: center; font-size: 34px; font-weight: 800; background: var(--grad, var(--sx-brand)); color: #fff; }
.vs-hero .vs-info { flex: 1; min-width: 220px; }
.vs-hero .vs-name { margin: 0 0 6px; font-size: 22px; color: var(--sx-ink); }
.vs-hero .vs-desc { color: var(--sx-ink-2); line-height: 2; margin: 0; }
.vs-hero .vs-meta { color: var(--sx-ink-2); font-size: 13px; margin: 10px 0 0; display: flex; gap: 16px; flex-wrap: wrap; }
.vs-hero .vs-search { display: flex; align-items: center; gap: 8px; background: var(--sx-surface); border: 1px solid var(--sx-line); border-radius: 12px; padding: 6px 10px; }
.vs-hero .vs-search input { border: 0; outline: none; background: transparent; font-family: inherit; font-size: 12.5px; color: var(--sx-ink); width: 190px; }
.vs-hero .vs-search button { border: 0; background: transparent; cursor: pointer; color: var(--sx-ink-3); display: inline-flex; padding: 6px; border-radius: 8px; }
.vs-hero .vs-search button:hover { background: #f0f6ff; color: var(--sx-brand); }
html.dk-dark .vs-hero { background: linear-gradient(135deg, rgba(39,163,255,.1), rgba(255,106,56,.12)); border-color: var(--dkd-line); }
html.dk-dark .vs-hero .vs-name { color: var(--dkd-ink); }
html.dk-dark .vs-hero .vs-desc, html.dk-dark .vs-hero .vs-meta { color: var(--dkd-ink-2); }
html.dk-dark .vs-hero .vs-search { background: var(--dkd-surface-2); border-color: var(--dkd-line); }
html.dk-dark .vs-hero .vs-search input { color: var(--dkd-ink); }
html.dk-dark .vs-hero .vs-search input::placeholder { color: var(--dkd-ink-3); }
html.dk-dark .vs-hero .vs-search button { color: var(--dkd-ink-3); }
html.dk-dark .vs-hero .vs-search button:hover { background: var(--dkd-surface-3); color: var(--sx-brand-ink); }

/* ---- ویرایشگر متن Jodit در حالت شب (پنل فروشنده) — قبلاً متن تایپی روی سطح روشن نامرئی بود ---- */
html.dk-dark .jodit-container { background: var(--dkd-surface); border-color: var(--dkd-line); color: var(--dkd-ink); }
html.dk-dark .jodit-toolbar__box { background: var(--dkd-surface-2) !important; border-bottom-color: var(--dkd-line) !important; }
html.dk-dark .jodit-toolbar__box .jodit-ui-button { color: var(--dkd-ink-2); }
html.dk-dark .jodit-toolbar__box .jodit-ui-button:hover { background: var(--dkd-surface-3); color: var(--dkd-ink); }
html.dk-dark .jodit-toolbar__box .jodit-ui-button_active { background: var(--sx-brand-deep); }
html.dk-dark .jodit-workplace, html.dk-dark .jodit-wysiwyg, html.dk-dark .jodit-editor__area { background: var(--dkd-surface); color: var(--dkd-ink); }
html.dk-dark .jodit-placeholder { color: var(--dkd-ink-3) !important; }
html.dk-dark .jodit-status-bar { background: var(--dkd-surface-2); color: var(--dkd-ink-3); border-top-color: var(--dkd-line); }
html.dk-dark .jodit-status-bar-link { color: var(--dkd-ink-3) !important; }
html.dk-dark .jodit-source__mirror { background: var(--dkd-surface-2); color: var(--dkd-ink); }
html.dk-dark .jodit-dialog, html.dk-dark .jodit-popup, html.dk-dark .jodit-context-menu { background: var(--dkd-surface-2); color: var(--dkd-ink); }
html.dk-dark .jodit-dialog .jodit-ui-button, html.dk-dark .jodit-popup .jodit-ui-button { color: var(--dkd-ink-2); }
html.dk-dark .jodit-form__container label, html.dk-dark .jodit-dialog label { color: var(--dkd-ink-2); }
html.dk-dark .jodit-input, html.dk-dark .jodit-select, html.dk-dark .jodit-form input[type=text], html.dk-dark .jodit-form input[type=url] { background: var(--dkd-surface); border-color: var(--dkd-line); color: var(--dkd-ink); }

/* ---- دکمه بزرگ «ادامه فرآیند خرید» سبد خرید — برجسته و کاملاً مشخص ---- */
.btn-go-checkout {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; margin-top: 18px;
  min-height: 54px; padding: 14px 20px;
  font-size: 15.5px; font-weight: 800; font-family: inherit; line-height: 1;
  color: #fff; background: var(--grad, linear-gradient(90deg, var(--sx-brand), var(--sx-brand)));
  border: 0; border-radius: 12px; cursor: pointer; text-decoration: none;
  box-shadow: 0 10px 26px rgba(239, 57, 78, .30), inset 0 -2px 0 rgba(0, 0, 0, .12);
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}
.btn-go-checkout:hover {
  filter: brightness(1.06); transform: translateY(-1px);
  box-shadow: 0 14px 32px rgba(239, 57, 78, .38), inset 0 -2px 0 rgba(0, 0, 0, .12);
  text-decoration: none;
}
.btn-go-checkout:active { transform: translateY(0); }
.btn-go-checkout .bgi { width: 19px; height: 19px; flex: 0 0 auto; }
.btn-go-checkout small { display: block; font-size: 10.5px; font-weight: 600; opacity: .92; margin-top: 3px; }
html.dk-dark .btn-go-checkout { box-shadow: 0 10px 26px rgba(0, 0, 0, .45), inset 0 -2px 0 rgba(0, 0, 0, .22); }
html.dk-dark .btn-go-checkout:hover { box-shadow: 0 14px 32px rgba(0, 0, 0, .5), inset 0 -2px 0 rgba(0, 0, 0, .22); }
@media (max-width: 640px) {
  .btn-go-checkout { min-height: 52px; font-size: 14.5px; }
}