/* Ahan Dark Mode Fix - CSS
   هدف: خوانا کردن .ftwp-text و #tmc-panel در حالت شب.
   ما روی چند الگوی رایج حالت شب هدف‌گیری می‌کنیم: 
   html.dark, body.dark, body.dark-mode, .wp-dark-mode-active, [data-theme="dark"], .is-dark-mode
   و در صورت تشخیص خودکار JS، کلاس html.ai-dark هم فعال می‌شود. */

:root {
  --adf-d-bg: #111214;
  --adf-d-surface: #15171a;
  --adf-d-text: #e8e9ee;
  --adf-d-muted: #c8ccd2;
  --adf-d-border: #2a2e34;
  --adf-d-hover: #1d2024;
  --adf-focus: 0 0 0 3px rgba(100, 150, 250, 0.35);
}

/* --- .ftwp-text --- */
html.ai-dark .ftwp-text,
html.dark .ftwp-text,
body.dark .ftwp-text,
body.dark-mode .ftwp-text,
.wp-dark-mode-active .ftwp-text,
[data-theme="dark"] .ftwp-text,
.is-dark-mode .ftwp-text {
  color: var(--adf-d-text) !important;
  text-shadow: none !important;
}

/* --- #tmc-panel & children --- */
html.ai-dark #tmc-panel .tmc-card,
html.dark #tmc-panel .tmc-card,
body.dark #tmc-panel .tmc-card,
body.dark-mode #tmc-panel .tmc-card,
.wp-dark-mode-active #tmc-panel .tmc-card,
[data-theme="dark"] #tmc-panel .tmc-card,
.is-dark-mode #tmc-panel .tmc-card {
  background: var(--adf-d-surface) !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.45) !important;
}

html.ai-dark #tmc-panel .tmc-title,
html.dark #tmc-panel .tmc-title,
body.dark #tmc-panel .tmc-title,
body.dark-mode #tmc-panel .tmc-title,
.wp-dark-mode-active #tmc-panel .tmc-title,
[data-theme="dark"] #tmc-panel .tmc-title,
.is-dark-mode #tmc-panel .tmc-title {
  color: var(--adf-d-text) !important;
  border-bottom: 1px solid var(--adf-d-border) !important;
}

/* لینک‌ها و آیکن‌ها رنگ را از والد می‌گیرند (currentColor) */
html.ai-dark #tmc-panel .tmc-item,
html.dark #tmc-panel .tmc-item,
body.dark #tmc-panel .tmc-item,
body.dark-mode #tmc-panel .tmc-item,
.wp-dark-mode-active #tmc-panel .tmc-item,
[data-theme="dark"] #tmc-panel .tmc-item,
.is-dark-mode #tmc-panel .tmc-item {
  color: var(--adf-d-text) !important;
  background: transparent !important;
  border-color: var(--adf-d-border) !important;
}

html.ai-dark #tmc-panel .tmc-item:hover,
html.dark #tmc-panel .tmc-item:hover,
body.dark #tmc-panel .tmc-item:hover,
body.dark-mode #tmc-panel .tmc-item:hover,
.wp-dark-mode-active #tmc-panel .tmc-item:hover,
[data-theme="dark"] #tmc-panel .tmc-item:hover,
.is-dark-mode #tmc-panel .tmc-item:hover {
  background: var(--adf-d-hover) !important;
}

/* دکمه بستن */
html.ai-dark #tmc-panel .tmc-close,
html.dark #tmc-panel .tmc-close,
body.dark #tmc-panel .tmc-close,
body.dark-mode #tmc-panel .tmc-close,
.wp-dark-mode-active #tmc-panel .tmc-close,
[data-theme="dark"] #tmc-panel .tmc-close,
.is-dark-mode #tmc-panel .tmc-close {
  color: var(--adf-d-text) !important;
  background: transparent !important;
  border: 1px solid var(--adf-d-border) !important;
}
html.ai-dark #tmc-panel .tmc-close:focus {
  outline: none !important;
  box-shadow: var(--adf-focus);
}

/* اطمینان از خوانایی متن داخل spanهای بدون رنگ */
html.ai-dark #tmc-panel span,
html.dark #tmc-panel span,
body.dark #tmc-panel span,
body.dark-mode #tmc-panel span,
.wp-dark-mode-active #tmc-panel span,
[data-theme="dark"] #tmc-panel span,
.is-dark-mode #tmc-panel span {
  color: var(--adf-d-text) !important;
}

/* اگر svgها از currentColor استفاده می‌کنند، نیازی به فیلتر نیست.
   اما برای svgهای خارجی/تصویری می‌توان در صورت نیاز invert کرد. */
html.ai-dark #tmc-panel svg,
html.dark #tmc-panel svg,
body.dark #tmc-panel svg,
body.dark-mode #tmc-panel svg,
.wp-dark-mode-active #tmc-panel svg,
[data-theme="dark"] #tmc-panel svg,
.is-dark-mode #tmc-panel svg {
  stroke: currentColor !important;
  fill: none;
}

/* حالت فوکوس برای دسترس‌پذیری بهتر */
#tmc-panel a:focus,
#tmc-panel button:focus {
  outline: none !important;
  box-shadow: var(--adf-focus);
}

/* --- Chip fix for .ftwp-text when underlying bg is light in dark mode --- */
html.ai-dark .ftwp-text.adf-chip,
html.dark .ftwp-text.adf-chip,
body.dark .ftwp-text.adf-chip,
body.dark-mode .ftwp-text.adf-chip,
.wp-dark-mode-active .ftwp-text.adf-chip,
[data-theme="dark"] .ftwp-text.adf-chip,
.is-dark-mode .ftwp-text.adf-chip {
  background: var(--adf-d-surface) !important;
  color: var(--adf-d-text) !important;
  padding: .12em .35em !important;
  border-radius: .3em !important;
  box-shadow: 0 0 0 1px var(--adf-d-border) inset;
}

/* Try to neutralize explicit white backgrounds on the span itself */
html.ai-dark .ftwp-text,
html.dark .ftwp-text,
body.dark .ftwp-text,
body.dark-mode .ftwp-text,
.wp-dark-mode-active .ftwp-text,
[data-theme="dark"] .ftwp-text,
.is-dark-mode .ftwp-text {
  background-color: transparent !important;
}

/* --- .tmcpt-title readability in dark mode --- */
html.ai-dark .tmcpt-title,
html.dark .tmcpt-title,
body.dark .tmcpt-title,
body.dark-mode .tmcpt-title,
.wp-dark-mode-active .tmcpt-title,
[data-theme="dark"] .tmcpt-title,
.is-dark-mode .tmcpt-title {
  color: var(--adf-d-text) !important;
  background: transparent !important;
  text-shadow: none !important;
}

/* Chip style is generic now for any selector we mark as adf-chip */
html.ai-dark .adf-chip,
html.dark .adf-chip,
body.dark .adf-chip,
body.dark-mode .adf-chip,
.wp-dark-mode-active .adf-chip,
[data-theme="dark"] .adf-chip,
.is-dark-mode .adf-chip {
  background: var(--adf-d-surface) !important;
  color: var(--adf-d-text) !important;
  padding: .12em .35em !important;
  border-radius: .3em !important;
  box-shadow: 0 0 0 1px var(--adf-d-border) inset;
}

/* Force-ink for inline-colored text (e.g., p style="color:#555") in dark mode */
html.ai-dark .adf-ink,
html.dark .adf-ink,
body.dark .adf-ink,
body.dark-mode .adf-ink,
.wp-dark-mode-active .adf-ink,
[data-theme="dark"] .adf-ink,
.is-dark-mode .adf-ink {
  color: var(--adf-d-text) !important;
  background: transparent !important;
}

/* As a pragmatic safety net, target common grey inline colors directly */
html.ai-dark p[style*="color:#555"],
html.ai-dark p[style*="color: #555"],
html.dark p[style*="color:#555"],
html.dark p[style*="color: #555"],
body.dark p[style*="color:#555"],
body.dark p[style*="color: #555"],
.wp-dark-mode-active p[style*="color:#555"],
.wp-dark-mode-active p[style*="color: #555"],
[data-theme="dark"] p[style*="color:#555"],
[data-theme="dark"] p[style*="color: #555"],
.is-dark-mode p[style*="color:#555"],
.is-dark-mode p[style*="color: #555"] {
  color: var(--adf-d-text) !important;
}


/* === Night Mode Overrides v1.3.6 (scoped selectors) === */
/* ftwp list anchors (TOC list is typically on a light surface) */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #ftwp-list .ftwp-anchor,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .ftwp-list-nest .ftwp-anchor {
  color: #000000 !important;
  fill: #000000 !important;
  stroke: #000000 !important;
  opacity: 0.95 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #ftwp-list .ftwp-anchor .ftwp-text,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .ftwp-list-nest .ftwp-anchor .ftwp-text {
  color: #000000 !important;
}
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #ftwp-list .ftwp-anchor:hover,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #ftwp-list .ftwp-anchor:focus {
  opacity: 1 !important;
  color: #111111 !important;
  fill: #111111 !important;
  stroke: #111111 !important;
}
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #ftwp-list .ftwp-anchor:visited {
  color: #000000 !important;
}



/* === ADF inline-background paragraph guard v1.4.46 (scoped to LIGHT boxes only) === */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="background:#fff" i] p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="background: #fff" i] p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="background-color:#fff" i] p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="background-color: #fff" i] p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="#ffffff" i] p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="#f9f9f9" i] p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="#fafafa" i] p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="#f5f5f5" i] p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="#eef2f3" i] p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="#f0f0f0" i] p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) [style*="#e0f7fa" i] p {
  color: #111 !important;
  text-shadow: none !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}

/* === Footer: ensure readable text in dark mode (hefazeiran.com) === */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) footer.site-footer,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .site-footer {
  background-color: var(--adf-d-surface) !important;
  background-image: none !important;
  color: var(--adf-d-text) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer li,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer span {
  color: var(--adf-d-text) !important;
}
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer a {
  color: #9fd8ff !important;
  text-decoration-color: rgba(159, 216, 255, .55) !important;
}
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer a:hover {
  color: var(--adf-d-text) !important;
}
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer .widget-title,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer .the-subtitle,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer h3 {
  color: var(--adf-d-text) !important;
}
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer svg,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}



/* Footer bottom bar */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-by-clock, body.dark, body.dark-mode, .dark-mode, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #site-info,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-by-clock, body.dark, body.dark-mode, .dark-mode, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .site-info {
  background-color: rgba(0,0,0,0.25) !important;
  color: var(--adf-d-text) !important;
}
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-by-clock, body.dark, body.dark-mode, .dark-mode, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) #footer a {
  color: var(--adf-d-link) !important;
}

/* --- Table for Dark Mode Compatibility --- */
html.ai-dark .pp-table-container,
html.dark .pp-table-container,
body.dark .pp-table-container,
body.dark-mode .pp-table-container,
.wp-dark-mode-active .pp-table-container,
[data-theme="dark"] .pp-table-container,
.is-dark-mode .pp-table-container {
    background-color: var(--adf-d-surface) !important;
    color: var(--adf-d-text) !important;
    border: 1px solid var(--adf-d-border);
}

html.ai-dark .pp-table-cell-text,
html.dark .pp-table-cell-text,
body.dark .pp-table-cell-text,
body.dark-mode .pp-table-cell-text,
.wp-dark-mode-active .pp-table-cell-text,
[data-theme="dark"] .pp-table-cell-text,
.is-dark-mode .pp-table-cell-text {
    color: var(--adf-d-text) !important;
}

html.ai-dark .jo-grid,
html.dark .jo-grid,
body.dark .jo-grid,
body.dark-mode .jo-grid,
.wp-dark-mode-active .jo-grid,
[data-theme="dark"] .jo-grid,
.is-dark-mode .jo-grid {
    background-color: var(--adf-d-surface);
    border-radius: 8px;
}

/* === Global dark-mode headings & tables hard-fix (Ahan Sazeh – 2025-11-03) === */

/* تمام تیترها و لینک‌های داخل محتوا در حالت شب خوانا شوند */
html.ai-dark .site-main h1,
html.ai-dark .site-main h2,
html.ai-dark .site-main h3,
html.ai-dark .site-main h4,
html.ai-dark .site-main h5,
html.ai-dark .site-main h6,
html.ai-dark .site-main h1 a,
html.ai-dark .site-main h2 a,
html.ai-dark .site-main h3 a,
html.ai-dark .site-main h4 a,
html.ai-dark .site-main h5 a,
html.ai-dark .site-main h6 a,
html.ai-dark-by-clock .site-main h1,
html.ai-dark-by-clock .site-main h2,
html.ai-dark-by-clock .site-main h3,
html.ai-dark-by-clock .site-main h4,
html.ai-dark-by-clock .site-main h5,
html.ai-dark-by-clock .site-main h6,
html.ai-dark-by-clock .site-main h1 a,
html.ai-dark-by-clock .site-main h2 a,
html.ai-dark-by-clock .site-main h3 a,
html.ai-dark-by-clock .site-main h4 a,
html.ai-dark-by-clock .site-main h5 a,
html.ai-dark-by-clock .site-main h6 a,
html.dark .site-main h1,
html.dark .site-main h2,
html.dark .site-main h3,
html.dark .site-main h4,
html.dark .site-main h5,
html.dark .site-main h6,
html.dark .site-main h1 a,
html.dark .site-main h2 a,
html.dark .site-main h3 a,
html.dark .site-main h4 a,
html.dark .site-main h5 a,
html.dark .site-main h6 a,
body.dark .site-main h1,
body.dark .site-main h2,
body.dark .site-main h3,
body.dark .site-main h4,
body.dark .site-main h5,
body.dark .site-main h6,
body.dark .site-main h1 a,
body.dark .site-main h2 a,
body.dark .site-main h3 a,
body.dark .site-main h4 a,
body.dark .site-main h5 a,
body.dark .site-main h6 a,
body.dark-mode .site-main h1,
body.dark-mode .site-main h2,
body.dark-mode .site-main h3,
body.dark-mode .site-main h4,
body.dark-mode .site-main h5,
body.dark-mode .site-main h6,
body.dark-mode .site-main h1 a,
body.dark-mode .site-main h2 a,
body.dark-mode .site-main h3 a,
body.dark-mode .site-main h4 a,
body.dark-mode .site-main h5 a,
body.dark-mode .site-main h6 a,
.wp-dark-mode-active .site-main h1,
.wp-dark-mode-active .site-main h2,
.wp-dark-mode-active .site-main h3,
.wp-dark-mode-active .site-main h4,
.wp-dark-mode-active .site-main h5,
.wp-dark-mode-active .site-main h6,
.wp-dark-mode-active .site-main h1 a,
.wp-dark-mode-active .site-main h2 a,
.wp-dark-mode-active .site-main h3 a,
.wp-dark-mode-active .site-main h4 a,
.wp-dark-mode-active .site-main h5 a,
.wp-dark-mode-active .site-main h6 a,
[data-theme="dark"] .site-main h1,
[data-theme="dark"] .site-main h2,
[data-theme="dark"] .site-main h3,
[data-theme="dark"] .site-main h4,
[data-theme="dark"] .site-main h5,
[data-theme="dark"] .site-main h6,
[data-theme="dark"] .site-main h1 a,
[data-theme="dark"] .site-main h2 a,
[data-theme="dark"] .site-main h3 a,
[data-theme="dark"] .site-main h4 a,
[data-theme="dark"] .site-main h5 a,
[data-theme="dark"] .site-main h6 a,
.is-dark-mode .site-main h1,
.is-dark-mode .site-main h2,
.is-dark-mode .site-main h3,
.is-dark-mode .site-main h4,
.is-dark-mode .site-main h5,
.is-dark-mode .site-main h6,
.is-dark-mode .site-main h1 a,
.is-dark-mode .site-main h2 a,
.is-dark-mode .site-main h3 a,
.is-dark-mode .site-main h4 a,
.is-dark-mode .site-main h5 a,
.is-dark-mode .site-main h6 a {
    color: var(--adf-d-text) !important;
    text-shadow: none !important;
}

/* عنوان محصولات مرتبط حتی اگر کلاس ووکامرس متفاوت باشد */
html.ai-dark .related.products h2,
html.ai-dark .related.products h3,
html.ai-dark .related.products h2 a,
html.ai-dark .related.products h3 a,
html.ai-dark-by-clock .related.products h2,
html.ai-dark-by-clock .related.products h3,
html.ai-dark-by-clock .related.products h2 a,
html.ai-dark-by-clock .related.products h3 a,
html.dark .related.products h2,
html.dark .related.products h3,
html.dark .related.products h2 a,
html.dark .related.products h3 a,
body.dark .related.products h2,
body.dark .related.products h3,
body.dark .related.products h2 a,
body.dark .related.products h3 a,
body.dark-mode .related.products h2,
body.dark-mode .related.products h3,
body.dark-mode .related.products h2 a,
body.dark-mode .related.products h3 a,
.wp-dark-mode-active .related.products h2,
.wp-dark-mode-active .related.products h3,
.wp-dark-mode-active .related.products h2 a,
.wp-dark-mode-active .related.products h3 a,
[data-theme="dark"] .related.products h2,
[data-theme="dark"] .related.products h3,
[data-theme="dark"] .related.products h2 a,
[data-theme="dark"] .related.products h3 a,
.is-dark-mode .related.products h2,
.is-dark-mode .related.products h3,
.is-dark-mode .related.products h2 a,
.is-dark-mode .related.products h3 a {
    color: var(--adf-d-text) !important;
}

/* در صورت باقی ماندن مشکل در جدول‌ها، همه tableها در حالت شب تیره و خوانا شوند */
html.ai-dark table,
html.ai-dark table th,
html.ai-dark table td,
html.ai-dark-by-clock table,
html.ai-dark-by-clock table th,
html.ai-dark-by-clock table td,
html.dark table,
html.dark table th,
html.dark table td,
body.dark table,
body.dark table th,
body.dark table td,
body.dark-mode table,
body.dark-mode table th,
body.dark-mode table td,
.wp-dark-mode-active table,
.wp-dark-mode-active table th,
.wp-dark-mode-active table td,
[data-theme="dark"] table,
[data-theme="dark"] table th,
[data-theme="dark"] table td,
.is-dark-mode table,
.is-dark-mode table th,
.is-dark-mode table td {
    background-color: var(--adf-d-surface) !important;
    color: var(--adf-d-text) !important;
    border-color: var(--adf-d-border) !important;
}



/* === CHP (Card Grid) Dark Mode Fixes ===
   این بخش اختصاصاً برای کلاس‌های چیدمان کارت‌های وبلاگ (chp-*) است
   تا در حالت شب با تم‌های مختلف (wp-dark-mode، body.dark، data-theme=dark و …) درست نمایش داده شوند. */

/* کانتکست‌های رایج حالت شب */
html.ai-dark .chp-grid,
html.dark .chp-grid,
body.dark .chp-grid,
body.dark-mode .chp-grid,
.wp-dark-mode-active .chp-grid,
[data-theme="dark"] .chp-grid,
.is-dark-mode .chp-grid {
  color-scheme: dark;
}

/* کارت‌ها */
html.ai-dark .chp-card,
html.dark .chp-card,
body.dark .chp-card,
body.dark-mode .chp-card,
.wp-dark-mode-active .chp-card,
[data-theme="dark"] .chp-card,
.is-dark-mode .chp-card {
  background: var(--adf-d-surface) !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  box-shadow: none !important;
}

/* تصویر بندانگشتی کارت بدون فیلتر؛ فقط حاشیه */
html.ai-dark .chp-card .chp-thumb,
html.dark .chp-card .chp-thumb,
body.dark .chp-card .chp-thumb,
body.dark-mode .chp-card .chp-thumb,
.wp-dark-mode-active .chp-card .chp-thumb,
[data-theme="dark"] .chp-card .chp-thumb,
.is-dark-mode .chp-card .chp-thumb {
  background: transparent !important;
  border-bottom: 1px solid var(--adf-d-border) !important;
}

/* بدنه کارت */
html.ai-dark .chp-card .chp-card-body,
html.dark .chp-card .chp-card-body,
body.dark .chp-card .chp-card-body,
body.dark-mode .chp-card .chp-card-body,
.wp-dark-mode-active .chp-card .chp-card-body,
[data-theme="dark"] .chp-card .chp-card-body,
.is-dark-mode .chp-card .chp-card-body {
  background: transparent !important;
  color: var(--adf-d-text) !important;
}

/* عنوان و لینک عنوان */
html.ai-dark .chp-card .chp-card-title,
html.dark .chp-card .chp-card-title,
body.dark .chp-card .chp-card-title,
body.dark-mode .chp-card .chp-card-title,
.wp-dark-mode-active .chp-card .chp-card-title,
[data-theme="dark"] .chp-card .chp-card-title,
.is-dark-mode .chp-card .chp-card-title {
  color: var(--adf-d-text) !important;
}
html.ai-dark .chp-card .chp-card-title a,
html.dark .chp-card .chp-card-title a,
body.dark .chp-card .chp-card-title a,
body.dark-mode .chp-card .chp-card-title a,
.wp-dark-mode-active .chp-card .chp-card-title a,
[data-theme="dark"] .chp-card .chp-card-title a,
.is-dark-mode .chp-card .chp-card-title a {
  color: var(--adf-d-text) !important;
  text-decoration-color: rgba(232,233,238,.35) !important;
}
html.ai-dark .chp-card .chp-card-title a:hover,
html.dark .chp-card .chp-card-title a:hover,
body.dark .chp-card .chp-card-title a:hover,
body.dark-mode .chp-card .chp-card-title a:hover,
.wp-dark-mode-active .chp-card .chp-card-title a:hover,
[data-theme="dark"] .chp-card .chp-card-title a:hover,
.is-dark-mode .chp-card .chp-card-title a:hover {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

/* متادیتا (زمان، دسته، جداکننده) */
html.ai-dark .chp-card .chp-card-meta,
html.dark .chp-card .chp-card-meta,
body.dark .chp-card .chp-card-meta,
body.dark-mode .chp-card .chp-card-meta,
.wp-dark-mode-active .chp-card .chp-card-meta,
[data-theme="dark"] .chp-card .chp-card-meta,
.is-dark-mode .chp-card .chp-card-meta {
  color: var(--adf-d-muted) !important;
}
html.ai-dark .chp-card .chp-card-meta a,
html.dark .chp-card .chp-card-meta a,
body.dark .chp-card .chp-card-meta a,
body.dark-mode .chp-card .chp-card-meta a,
.wp-dark-mode-active .chp-card .chp-card-meta a,
[data-theme="dark"] .chp-card .chp-card-meta a,
.is-dark-mode .chp-card .chp-card-meta a {
  color: var(--adf-d-muted) !important;
}
html.ai-dark .chp-card .chp-card-meta .sep,
html.dark .chp-card .chp-card-meta .sep,
body.dark .chp-card .chp-card-meta .sep,
body.dark-mode .chp-card .chp-card-meta .sep,
.wp-dark-mode-active .chp-card .chp-card-meta .sep,
[data-theme="dark"] .chp-card .chp-card-meta .sep,
.is-dark-mode .chp-card .chp-card-meta .sep {
  color: var(--adf-d-border) !important;
}

/* خلاصه/اکسرپت */
html.ai-dark .chp-card .chp-excerpt,
html.dark .chp-card .chp-excerpt,
body.dark .chp-card .chp-excerpt,
body.dark-mode .chp-card .chp-excerpt,
.wp-dark-mode-active .chp-card .chp-excerpt,
[data-theme="dark"] .chp-card .chp-excerpt,
.is-dark-mode .chp-card .chp-excerpt {
  color: var(--adf-d-muted) !important;
}

/* دکمه‌ها */
html.ai-dark .chp-card .chp-card-actions .button,
html.ai-dark .chp-card .chp-card-actions .chp-btn-outline,
html.dark .chp-card .chp-card-actions .button,
html.dark .chp-card .chp-card-actions .chp-btn-outline,
body.dark .chp-card .chp-card-actions .button,
body.dark .chp-card .chp-card-actions .chp-btn-outline,
body.dark-mode .chp-card .chp-card-actions .button,
body.dark-mode .chp-card .chp-card-actions .chp-btn-outline,
.wp-dark-mode-active .chp-card .chp-card-actions .button,
.wp-dark-mode-active .chp-card .chp-card-actions .chp-btn-outline,
[data-theme="dark"] .chp-card .chp-card-actions .button,
[data-theme="dark"] .chp-card .chp-card-actions .chp-btn-outline,
.is-dark-mode .chp-card .chp-card-actions .button,
.is-dark-mode .chp-card .chp-card-actions .chp-btn-outline {
  background: transparent !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  border-radius: .5rem !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}
html.ai-dark .chp-card .chp-card-actions .button:hover,
html.ai-dark .chp-card .chp-card-actions .chp-btn-outline:hover,
html.dark .chp-card .chp-card-actions .button:hover,
html.dark .chp-card .chp-card-actions .chp-btn-outline:hover,
body.dark .chp-card .chp-card-actions .button:hover,
body.dark .chp-card .chp-card-actions .chp-btn-outline:hover,
body.dark-mode .chp-card .chp-card-actions .button:hover,
body.dark-mode .chp-card .chp-card-actions .chp-btn-outline:hover,
.wp-dark-mode-active .chp-card .chp-card-actions .button:hover,
.wp-dark-mode-active .chp-card .chp-card-actions .chp-btn-outline:hover,
[data-theme="dark"] .chp-card .chp-card-actions .button:hover,
[data-theme="dark"] .chp-card .chp-card-actions .chp-btn-outline:hover,
.is-dark-mode .chp-card .chp-card-actions .button:hover,
.is-dark-mode .chp-card .chp-card-actions .chp-btn-outline:hover {
  background: var(--adf-d-hover) !important;
  border-color: #3a3f46 !important;
}

/* خطوط فوکِس قابل مشاهده */
html.ai-dark .chp-card :is(a,button,[role="button"],.button).focus-visible,
html.dark .chp-card :is(a,button,[role="button"],.button).focus-visible,
body.dark .chp-card :is(a,button,[role="button"],.button).focus-visible,
body.dark-mode .chp-card :is(a,button,[role="button"],.button).focus-visible,
.wp-dark-mode-active .chp-card :is(a,button,[role="button"],.button).focus-visible,
[data-theme="dark"] .chp-card :is(a,button,[role="button"],.button).focus-visible,
.is-dark-mode .chp-card :is(a,button,[role="button"],.button).focus-visible {
  outline: none !important;
  box-shadow: var(--adf-focus) !important;
}

/* گرید پست‌ها */
html.ai-dark .chp-grid-posts,
html.dark .chp-grid-posts,
body.dark .chp-grid-posts,
body.dark-mode .chp-grid-posts,
.wp-dark-mode-active .chp-grid-posts,
[data-theme="dark"] .chp-grid-posts,
.is-dark-mode .chp-grid-posts {
  background: transparent !important;
}

/* زمان در متا */
html.ai-dark .chp-card .chp-card-meta time,
html.dark .chp-card .chp-card-meta time,
body.dark .chp-card .chp-card-meta time,
body.dark-mode .chp-card .chp-card-meta time,
.wp-dark-mode-active .chp-card .chp-card-meta time,
[data-theme="dark"] .chp-card .chp-card-meta time,
.is-dark-mode .chp-card .chp-card-meta time {
  color: var(--adf-d-muted) !important;
}

/* لینک‌های داخل اکسرپت */
html.ai-dark .chp-card .chp-excerpt a,
html.dark .chp-card .chp-excerpt a,
body.dark .chp-card .chp-excerpt a,
body.dark-mode .chp-card .chp-excerpt a,
.wp-dark-mode-active .chp-card .chp-excerpt a,
[data-theme="dark"] .chp-card .chp-excerpt a,
.is-dark-mode .chp-card .chp-excerpt a {
  color: #9ec2ff !important;
  text-decoration-color: rgba(158,194,255,.5) !important;
}
html.ai-dark .chp-card .chp-excerpt a:hover,
html.dark .chp-card .chp-excerpt a:hover,
body.dark .chp-card .chp-excerpt a:hover,
body.dark-mode .chp-card .chp-excerpt a:hover,
.wp-dark-mode-active .chp-card .chp-excerpt a:hover,
[data-theme="dark"] .chp-card .chp-excerpt a:hover,
.is-dark-mode .chp-card .chp-excerpt a:hover {
  color: #cfe0ff !important;
  text-decoration-color: #cfe0ff !important;
}
/* === پایان اصلاحات chp === */



/* === WCRS (Related Products) Dark Mode Fixes ===
   المان‌های: .wcrs-wrapper, .wcrs-products, .wcrs-product, .wcrs-thumb, .wcrs-body, .wcrs-name, .wcrs-btn
   هدف: خوانایی کامل در تم‌های تیره بدون دست‌بردن به رنگ تصاویر. */

/* کانتکست‌های تیره */
html.ai-dark .wcrs-wrapper,
html.dark .wcrs-wrapper,
body.dark .wcrs-wrapper,
body.dark-mode .wcrs-wrapper,
.wp-dark-mode-active .wcrs-wrapper,
[data-theme="dark"] .wcrs-wrapper,
.is-dark-mode .wcrs-wrapper {
  color-scheme: dark;
  background: transparent !important;
}

/* عنوان سکشن */
html.ai-dark .wcrs-wrapper .wcrs-title,
html.dark .wcrs-wrapper .wcrs-title,
body.dark .wcrs-wrapper .wcrs-title,
body.dark-mode .wcrs-wrapper .wcrs-title,
.wp-dark-mode-active .wcrs-wrapper .wcrs-title,
[data-theme="dark"] .wcrs-wrapper .wcrs-title,
.is-dark-mode .wcrs-wrapper .wcrs-title {
  color: var(--adf-d-text) !important;
  text-shadow: none !important;
}

/* کانتینر محصولات */
html.ai-dark .wcrs-wrapper .wcrs-products,
html.dark .wcrs-wrapper .wcrs-products,
body.dark .wcrs-wrapper .wcrs-products,
body.dark-mode .wcrs-wrapper .wcrs-products,
.wp-dark-mode-active .wcrs-wrapper .wcrs-products,
[data-theme="dark"] .wcrs-wrapper .wcrs-products,
.is-dark-mode .wcrs-wrapper .wcrs-products {
  background: transparent !important;
}

/* کارت محصول */
html.ai-dark .wcrs-wrapper .wcrs-product,
html.dark .wcrs-wrapper .wcrs-product,
body.dark .wcrs-wrapper .wcrs-product,
body.dark-mode .wcrs-wrapper .wcrs-product,
.wp-dark-mode-active .wcrs-wrapper .wcrs-product,
[data-theme="dark"] .wcrs-wrapper .wcrs-product,
.is-dark-mode .wcrs-wrapper .wcrs-product {
  background: var(--adf-d-surface) !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  box-shadow: none !important;
  border-radius: .65rem !important;
}

/* بندانگشتی */
html.ai-dark .wcrs-wrapper .wcrs-thumb,
html.dark .wcrs-wrapper .wcrs-thumb,
body.dark .wcrs-wrapper .wcrs-thumb,
body.dark-mode .wcrs-wrapper .wcrs-thumb,
.wp-dark-mode-active .wcrs-wrapper .wcrs-thumb,
[data-theme="dark"] .wcrs-wrapper .wcrs-thumb,
.is-dark-mode .wcrs-wrapper .wcrs-thumb {
  background: transparent !important;
  border-bottom: 1px solid var(--adf-d-border) !important;
}
/* تصویر و واریانت‌های فرمت؛ بدون فیلتر برای حفظ رنگ واقعی */
html.ai-dark .wcrs-wrapper .wcrs-thumb img,
html.dark .wcrs-wrapper .wcrs-thumb img,
body.dark .wcrs-wrapper .wcrs-thumb img,
body.dark-mode .wcrs-wrapper .wcrs-thumb img,
.wp-dark-mode-active .wcrs-wrapper .wcrs-thumb img,
[data-theme="dark"] .wcrs-wrapper .wcrs-thumb img,
.is-dark-mode .wcrs-wrapper .wcrs-thumb img {
  filter: none !important;
  mix-blend-mode: normal !important;
  background: transparent !important;
}

/* بدنه کارت */
html.ai-dark .wcrs-wrapper .wcrs-body,
html.dark .wcrs-wrapper .wcrs-body,
body.dark .wcrs-wrapper .wcrs-body,
body.dark-mode .wcrs-wrapper .wcrs-body,
.wp-dark-mode-active .wcrs-wrapper .wcrs-body,
[data-theme="dark"] .wcrs-wrapper .wcrs-body,
.is-dark-mode .wcrs-wrapper .wcrs-body {
  background: transparent !important;
  color: var(--adf-d-text) !important;
}

/* نام محصول + لینک */
html.ai-dark .wcrs-wrapper .wcrs-name,
html.dark .wcrs-wrapper .wcrs-name,
body.dark .wcrs-wrapper .wcrs-name,
body.dark-mode .wcrs-wrapper .wcrs-name,
.wp-dark-mode-active .wcrs-wrapper .wcrs-name,
[data-theme="dark"] .wcrs-wrapper .wcrs-name,
.is-dark-mode .wcrs-wrapper .wcrs-name {
  color: var(--adf-d-text) !important;
}
html.ai-dark .wcrs-wrapper .wcrs-name a,
html.dark .wcrs-wrapper .wcrs-name a,
body.dark .wcrs-wrapper .wcrs-name a,
body.dark-mode .wcrs-wrapper .wcrs-name a,
.wp-dark-mode-active .wcrs-wrapper .wcrs-name a,
[data-theme="dark"] .wcrs-wrapper .wcrs-name a,
.is-dark-mode .wcrs-wrapper .wcrs-name a {
  color: var(--adf-d-text) !important;
  text-decoration-color: rgba(232,233,238,.35) !important;
}
html.ai-dark .wcrs-wrapper .wcrs-name a:hover,
html.dark .wcrs-wrapper .wcrs-name a:hover,
body.dark .wcrs-wrapper .wcrs-name a:hover,
body.dark-mode .wcrs-wrapper .wcrs-name a:hover,
.wp-dark-mode-active .wcrs-wrapper .wcrs-name a:hover,
[data-theme="dark"] .wcrs-wrapper .wcrs-name a:hover,
.is-dark-mode .wcrs-wrapper .wcrs-name a:hover {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

/* دکمه‌ها */
html.ai-dark .wcrs-wrapper .wcrs-btn,
html.ai-dark .wcrs-wrapper .wcrs-btn-outline,
html.dark .wcrs-wrapper .wcrs-btn,
html.dark .wcrs-wrapper .wcrs-btn-outline,
body.dark .wcrs-wrapper .wcrs-btn,
body.dark .wcrs-wrapper .wcrs-btn-outline,
body.dark-mode .wcrs-wrapper .wcrs-btn,
body.dark-mode .wcrs-wrapper .wcrs-btn-outline,
.wp-dark-mode-active .wcrs-wrapper .wcrs-btn,
.wp-dark-mode-active .wcrs-wrapper .wcrs-btn-outline,
[data-theme="dark"] .wcrs-wrapper .wcrs-btn,
[data-theme="dark"] .wcrs-wrapper .wcrs-btn-outline,
.is-dark-mode .wcrs-wrapper .wcrs-btn,
.is-dark-mode .wcrs-wrapper .wcrs-btn-outline {
  background: transparent !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  border-radius: .5rem !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}
html.ai-dark .wcrs-wrapper .wcrs-btn:hover,
html.ai-dark .wcrs-wrapper .wcrs-btn-outline:hover,
html.dark .wcrs-wrapper .wcrs-btn:hover,
html.dark .wcrs-wrapper .wcrs-btn-outline:hover,
body.dark .wcrs-wrapper .wcrs-btn:hover,
body.dark .wcrs-wrapper .wcrs-btn-outline:hover,
body.dark-mode .wcrs-wrapper .wcrs-btn:hover,
body.dark-mode .wcrs-wrapper .wcrs-btn-outline:hover,
.wp-dark-mode-active .wcrs-wrapper .wcrs-btn:hover,
.wp-dark-mode-active .wcrs-wrapper .wcrs-btn-outline:hover,
[data-theme="dark"] .wcrs-wrapper .wcrs-btn:hover,
[data-theme="dark"] .wcrs-wrapper .wcrs-btn-outline:hover,
.is-dark-mode .wcrs-wrapper .wcrs-btn:hover,
.is-dark-mode .wcrs-wrapper .wcrs-btn-outline:hover {
  background: var(--adf-d-hover) !important;
  border-color: #3a3f46 !important;
}

/* فوکِس قابل مشاهده */
html.ai-dark .wcrs-wrapper :is(a,button,[role="button"],.wcrs-btn,.wcrs-btn-outline).focus-visible,
html.dark .wcrs-wrapper :is(a,button,[role="button"],.wcrs-btn,.wcrs-btn-outline).focus-visible,
body.dark .wcrs-wrapper :is(a,button,[role="button"],.wcrs-btn,.wcrs-btn-outline).focus-visible,
body.dark-mode .wcrs-wrapper :is(a,button,[role="button"],.wcrs-btn,.wcrs-btn-outline).focus-visible,
.wp-dark-mode-active .wcrs-wrapper :is(a,button,[role="button"],.wcrs-btn,.wcrs-btn-outline).focus-visible,
[data-theme="dark"] .wcrs-wrapper :is(a,button,[role="button"],.wcrs-btn,.wcrs-btn-outline).focus-visible,
.is-dark-mode .wcrs-wrapper :is(a,button,[role="button"],.wcrs-btn,.wcrs-btn-outline).focus-visible {
  outline: none !important;
  box-shadow: var(--adf-focus) !important;
}
/* === پایان اصلاحات WCRS === */



/* === Inline Pastel FAQ Boxes (style attribute) Dark Mode Fixes ===
   هدف: div هایی که فقط با inline-style پس‌زمینه‌ی روشن دارند
   (مثل #f9fbe7 و #e6f3ff) در تم تیره خوانا شوند، بدون دست‌کاری HTML.
   از selector های attribute با حساسیتِ حروف غیر فعال [i] استفاده می‌کنیم. */

/* جعبه‌های زرد کم‌رنگ (#f9fbe7) */
html.ai-dark [style*="#f9fbe7" i],
html.dark [style*="#f9fbe7" i],
body.dark [style*="#f9fbe7" i],
body.dark-mode [style*="#f9fbe7" i],
.wp-dark-mode-active [style*="#f9fbe7" i],
[data-theme="dark"] [style*="#f9fbe7" i],
.is-dark-mode [style*="#f9fbe7" i] {
  background: linear-gradient(0deg, rgba(250, 225, 120, .08), rgba(250, 225, 120, .08)) !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  box-shadow: none !important;
  /* حفظ radius و paddingِ inline؛ اگر وجود ندارد، حداقل استاندارد: */
  border-radius: .9em;
}
html.ai-dark [style*="#f9fbe7" i] b,
html.dark [style*="#f9fbe7" i] b,
body.dark [style*="#f9fbe7" i] b,
body.dark-mode [style*="#f9fbe7" i] b,
.wp-dark-mode-active [style*="#f9fbe7" i] b,
[data-theme="dark"] [style*="#f9fbe7" i] b,
.is-dark-mode [style*="#f9fbe7" i] b {
  color: #fff !important;
}
html.ai-dark [style*="#f9fbe7" i] a,
html.dark [style*="#f9fbe7" i] a,
body.dark [style*="#f9fbe7" i] a,
body.dark-mode [style*="#f9fbe7" i] a,
.wp-dark-mode-active [style*="#f9fbe7" i] a,
[data-theme="dark"] [style*="#f9fbe7" i] a,
.is-dark-mode [style*="#f9fbe7" i] a {
  color: #ffd369 !important;
  text-decoration-color: rgba(255, 211, 105, .55) !important;
}

/* جعبه‌های آبی کم‌رنگ (#e6f3ff) */
html.ai-dark [style*="#e6f3ff" i],
html.dark [style*="#e6f3ff" i],
body.dark [style*="#e6f3ff" i],
body.dark-mode [style*="#e6f3ff" i],
.wp-dark-mode-active [style*="#e6f3ff" i],
[data-theme="dark"] [style*="#e6f3ff" i],
.is-dark-mode [style*="#e6f3ff" i] {
  background: linear-gradient(0deg, rgba(120, 180, 255, .08), rgba(120, 180, 255, .08)) !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  box-shadow: none !important;
  border-radius: .9em;
}
html.ai-dark [style*="#e6f3ff" i] b,
html.dark [style*="#e6f3ff" i] b,
body.dark [style*="#e6f3ff" i] b,
body.dark-mode [style*="#e6f3ff" i] b,
.wp-dark-mode-active [style*="#e6f3ff" i] b,
[data-theme="dark"] [style*="#e6f3ff" i] b,
.is-dark-mode [style*="#e6f3ff" i] b {
  color: #e8f1ff !important;
}
html.ai-dark [style*="#e6f3ff" i] a,
html.dark [style*="#e6f3ff" i] a,
body.dark [style*="#e6f3ff" i] a,
body.dark-mode [style*="#e6f3ff" i] a,
.wp-dark-mode-active [style*="#e6f3ff" i] a,
[data-theme="dark"] [style*="#e6f3ff" i] a,
.is-dark-mode [style*="#e6f3ff" i] a {
  color: #9ec2ff !important;
  text-decoration-color: rgba(158, 194, 255, .55) !important;
}

/* کاهش فاصله عمودی بیش از حد اگر دو باکس پشت سر هم باشند */
html.ai-dark [style*="#f9fbe7" i] + [style*="#e6f3ff" i],
html.ai-dark [style*="#e6f3ff" i] + [style*="#f9fbe7" i],
html.dark [style*="#f9fbe7" i] + [style*="#e6f3ff" i],
html.dark [style*="#e6f3ff" i] + [style*="#f9fbe7" i],
body.dark [style*="#f9fbe7" i] + [style*="#e6f3ff" i],
body.dark [style*="#e6f3ff" i] + [style*="#f9fbe7" i],
body.dark-mode [style*="#f9fbe7" i] + [style*="#e6f3ff" i],
body.dark-mode [style*="#e6f3ff" i] + [style*="#f9fbe7" i],
.wp-dark-mode-active [style*="#f9fbe7" i] + [style*="#e6f3ff" i],
.wp-dark-mode-active [style*="#e6f3ff" i] + [style*="#f9fbe7" i],
[data-theme="dark"] [style*="#f9fbe7" i] + [style*="#e6f3ff" i],
[data-theme="dark"] [style*="#e6f3ff" i] + [style*="#f9fbe7" i],
.is-dark-mode [style*="#f9fbe7" i] + [style*="#e6f3ff" i],
.is-dark-mode [style*="#e6f3ff" i] + [style*="#f9fbe7" i] {
  margin-top: 10px !important;
}



/* === RTBL (Responsive Table) Dark Mode Fixes ===
   هدف: خوانایی جدول‌های ریسپانسیو با کلاس‌های table.rtbl و بلوک‌های .rtbl-* در تم تیره */

/* کانتکست‌های تیره مشترک */
@media (prefers-color-scheme: dark) {
  /* این مدیا کوئری به مرورگرها سیگنال می‌دهد اما ما همچنان روی کلاس‌های تیره هم هدف می‌گیریم */
}

/* خود جدول */
html.ai-dark table.rtbl,
html.dark table.rtbl,
body.dark table.rtbl,
body.dark-mode table.rtbl,
.wp-dark-mode-active table.rtbl,
[data-theme="dark"] table.rtbl,
.is-dark-mode table.rtbl,
html.ai-dark .rtbl,
html.dark .rtbl,
body.dark .rtbl,
body.dark-mode .rtbl,
.wp-dark-mode-active .rtbl,
[data-theme="dark"] .rtbl,
.is-dark-mode .rtbl {
  color-scheme: dark;
  background: var(--adf-d-surface) !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100%;
  box-shadow: none !important;
}

/* هدر جدول */
html.ai-dark table.rtbl thead,
html.dark table.rtbl thead,
body.dark table.rtbl thead,
body.dark-mode table.rtbl thead,
.wp-dark-mode-active table.rtbl thead,
[data-theme="dark"] table.rtbl thead,
.is-dark-mode table.rtbl thead,
html.ai-dark .rtbl .rt-head,
html.dark .rtbl .rt-head,
body.dark .rtbl .rt-head,
body.dark-mode .rtbl .rt-head,
.wp-dark-mode-active .rtbl .rt-head,
[data-theme="dark"] .rtbl .rt-head,
.is-dark-mode .rtbl .rt-head {
  background: #1a1d21 !important;
  color: var(--adf-d-text) !important;
  border-bottom: 1px solid var(--adf-d-border) !important;
}

/* سلول‌های هدر */
:where\(html\.dark, html\[data-theme="dark"\], body\.dark, body\.dark-mode, \.wp-dark-mode-active, \[data-wp-dark-mode-active\]\) html.ai-dark table.rtbl thead th,
html.dark table.rtbl thead th,
body.dark table.rtbl thead th,
body.dark-mode table.rtbl thead th,
.wp-dark-mode-active table.rtbl thead th,
[data-theme="dark"] table.rtbl thead th,
:where\(html\.dark, html\[data-theme="dark"\], body\.dark, body\.dark-mode, \.wp-dark-mode-active, \[data-wp-dark-mode-active\]\) .is-dark-mode table.rtbl thead th,
html.ai-dark .rtbl .rt-th,
html.dark .rtbl .rt-th,
body.dark .rtbl .rt-th,
body.dark-mode .rtbl .rt-th,
.wp-dark-mode-active .rtbl .rt-th,
[data-theme="dark"] .rtbl .rt-th,
.is-dark-mode .rtbl .rt-th {
  background: transparent !important;
  color: var(--adf-d-text) !important;
  /* border-right disabled to keep table borders from theme */
  padding: .75rem 1rem !important;
  font-weight: 600 !important;
}
/* حذف خط راست روی آخرین هدر */
:where\(html\.dark, html\[data-theme="dark"\], body\.dark, body\.dark-mode, \.wp-dark-mode-active, \[data-wp-dark-mode-active\]\) html.ai-dark table.rtbl thead th:last-child,
html.dark table.rtbl thead th:last-child,
body.dark table.rtbl thead th:last-child,
body.dark-mode table.rtbl thead th:last-child,
.wp-dark-mode-active table.rtbl thead th:last-child,
[data-theme="dark"] table.rtbl thead th:last-child,
:where\(html\.dark, html\[data-theme="dark"\], body\.dark, body\.dark-mode, \.wp-dark-mode-active, \[data-wp-dark-mode-active\]\) .is-dark-mode table.rtbl thead th:last-child {
  /* border-right reset removed here to let theme control it */
}

/* بدنه جدول و ردیف‌ها */
html.ai-dark table.rtbl tbody,
html.dark table.rtbl tbody,
body.dark table.rtbl tbody,
body.dark-mode table.rtbl tbody,
.wp-dark-mode-active table.rtbl tbody,
[data-theme="dark"] table.rtbl tbody,
.is-dark-mode table.rtbl tbody {
  background: transparent !important;
}
html.ai-dark table.rtbl tbody tr,
html.dark table.rtbl tbody tr,
body.dark table.rtbl tbody tr,
body.dark-mode table.rtbl tbody tr,
.wp-dark-mode-active table.rtbl tbody tr,
[data-theme="dark"] table.rtbl tbody tr,
.is-dark-mode table.rtbl tbody tr,
html.ai-dark .rtbl .rt-row,
html.dark .rtbl .rt-row,
body.dark .rtbl .rt-row,
body.dark-mode .rtbl .rt-row,
.wp-dark-mode-active .rtbl .rt-row,
[data-theme="dark"] .rtbl .rt-row,
.is-dark-mode .rtbl .rt-row {
  background: transparent !important;
  border-bottom: 1px solid var(--adf-d-border) !important;
}
/* زیبرا استریپ ملایم */
html.ai-dark table.rtbl tbody tr:nth-child(even),
html.dark table.rtbl tbody tr:nth-child(even),
body.dark table.rtbl tbody tr:nth-child(even),
body.dark-mode table.rtbl tbody tr:nth-child(even),
.wp-dark-mode-active table.rtbl tbody tr:nth-child(even),
[data-theme="dark"] table.rtbl tbody tr:nth-child(even),
.is-dark-mode table.rtbl tbody tr:nth-child(even) {
  background: rgba(255,255,255,.02) !important;
}

/* سلول‌ها */
html.ai-dark table.rtbl td,
html.dark table.rtbl td,
body.dark table.rtbl td,
body.dark-mode table.rtbl td,
.wp-dark-mode-active table.rtbl td,
[data-theme="dark"] table.rtbl td,
.is-dark-mode table.rtbl td,
html.ai-dark .rtbl .rt-cell,
html.dark .rtbl .rt-cell,
body.dark .rtbl .rt-cell,
body.dark-mode .rtbl .rt-cell,
.wp-dark-mode-active .rtbl .rt-cell,
[data-theme="dark"] .rtbl .rt-cell,
.is-dark-mode .rtbl .rt-cell {
  color: var(--adf-d-text) !important;
  /* border-right disabled to keep table borders from theme */
  padding: .75rem 1rem !important;
  vertical-align: top !important;
}
/* آخرین سلول هر ردیف بدون خط راست */
html.ai-dark table.rtbl td:last-child,
html.dark table.rtbl td:last-child,
body.dark table.rtbl td:last-child,
body.dark-mode table.rtbl td:last-child,
.wp-dark-mode-active table.rtbl td:last-child,
[data-theme="dark"] table.rtbl td:last-child,
.is-dark-mode table.rtbl td:last-child {
  /* border-right reset removed here to let theme control it */
}

/* برچسب ستون از data-label روی سلول‌ها (نسخه مبتنی بر table) */
@media (max-width: 768px) {
  html.ai-dark table.rtbl td[data-label]::before,
  html.dark table.rtbl td[data-label]::before,
  body.dark table.rtbl td[data-label]::before,
  body.dark-mode table.rtbl td[data-label]::before,
  .wp-dark-mode-active table.rtbl td[data-label]::before,
  [data-theme="dark"] table.rtbl td[data-label]::before,
  .is-dark-mode table.rtbl td[data-label]::before {
    content: attr(data-label) " : ";
    display: inline-block;
    min-width: 7.5em;
    margin-inline-end: .5rem;
    font-weight: 600;
    color: var(--adf-d-muted) !important;
    text-transform: none;
  }
}

/* برچسب ستون از data-label روی سلول‌های بلوکی (نسخه مبتنی بر div) */
@media (max-width: 768px) {
  html.ai-dark .rtbl .rt-cell::before,
  html.dark .rtbl .rt-cell::before,
  body.dark .rtbl .rt-cell::before,
  body.dark-mode .rtbl .rt-cell::before,
  .wp-dark-mode-active .rtbl .rt-cell::before,
  [data-theme="dark"] .rtbl .rt-cell::before,
  .is-dark-mode .rtbl .rt-cell::before {
    content: attr(data-label) " : ";
    display: inline-block;
    min-width: 7.5em;
    margin-inline-end: .5rem;
    font-weight: 600;
    color: var(--adf-d-muted) !important;
  }
}

/* لینک‌ها و فوکِس داخل جدول */
html.ai-dark table.rtbl a,
html.dark table.rtbl a,
body.dark table.rtbl a,
body.dark-mode table.rtbl a,
.wp-dark-mode-active table.rtbl a,
[data-theme="dark"] table.rtbl a,
.is-dark-mode table.rtbl a,
html.ai-dark .rtbl a,
html.dark .rtbl a,
body.dark .rtbl a,
body.dark-mode .rtbl a,
.wp-dark-mode-active .rtbl a,
[data-theme="dark"] .rtbl a,
.is-dark-mode .rtbl a {
  color: #9ec2ff !important;
  text-decoration-color: rgba(158,194,255,.5) !important;
}
html.ai-dark table.rtbl :is(a,button).focus-visible,
html.dark table.rtbl :is(a,button).focus-visible,
body.dark table.rtbl :is(a,button).focus-visible,
body.dark-mode table.rtbl :is(a,button).focus-visible,
.wp-dark-mode-active table.rtbl :is(a,button).focus-visible,
[data-theme="dark"] table.rtbl :is(a,button).focus-visible,
.is-dark-mode table.rtbl :is(a,button).focus-visible,
html.ai-dark .rtbl :is(a,button).focus-visible,
html.dark .rtbl :is(a,button).focus-visible,
body.dark .rtbl :is(a,button).focus-visible,
body.dark-mode .rtbl :is(a,button).focus-visible,
.wp-dark-mode-active .rtbl :is(a,button).focus-visible,
[data-theme="dark"] .rtbl :is(a,button).focus-visible,
.is-dark-mode .rtbl :is(a,button).focus-visible {
  outline: none !important;
  box-shadow: var(--adf-focus) !important;
}

/* اسکرول افقی برای جداول عریض روی موبایل */
@media (max-width: 768px) {
  html.ai-dark .rtbl,
  html.dark .rtbl,
  body.dark .rtbl,
  body.dark-mode .rtbl,
  .wp-dark-mode-active .rtbl,
  [data-theme="dark"] .rtbl,
  .is-dark-mode .rtbl {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}
/* === پایان اصلاحات RTBL === */



/* === RTBL Responsive Variant & Caption Dark Mode Fixes ===
   پوشش موارد: .rtbl.rtbl--responsive, caption, .rtbl-title-link, .rtbl-cell--title, .rtbl-cell--desc */

/* Caption */
html.ai-dark table.rtbl caption,
html.dark table.rtbl caption,
body.dark table.rtbl caption,
body.dark-mode table.rtbl caption,
.wp-dark-mode-active table.rtbl caption,
[data-theme="dark"] table.rtbl caption,
.is-dark-mode table.rtbl caption,
html.ai-dark .rtbl caption,
html.dark .rtbl caption,
body.dark .rtbl caption,
body.dark-mode .rtbl caption,
.wp-dark-mode-active .rtbl caption,
[data-theme="dark"] .rtbl caption,
.is-dark-mode .rtbl caption {
  color: var(--adf-d-muted) !important;
  background: transparent !important;
  padding: .5rem 0;
}

/* کارت‌شدن موبایلی در نسخه‌ی responsive – خنثی‌سازی رنگ‌های روشن پیش‌فرض */
@media (max-width: 768px) {
  html.ai-dark .rtbl.rtbl--responsive .rtbl-row,
  html.dark .rtbl.rtbl--responsive .rtbl-row,
  body.dark .rtbl.rtbl--responsive .rtbl-row,
  body.dark-mode .rtbl.rtbl--responsive .rtbl-row,
  .wp-dark-mode-active .rtbl.rtbl--responsive .rtbl-row,
  [data-theme="dark"] .rtbl.rtbl--responsive .rtbl-row,
  .is-dark-mode .rtbl.rtbl--responsive .rtbl-row {
    background: var(--adf-d-surface) !important;
    border-color: var(--adf-d-border) !important;
    box-shadow: none !important;
  }

  html.ai-dark .rtbl.rtbl--responsive .rtbl-cell,
  html.dark .rtbl.rtbl--responsive .rtbl-cell,
  body.dark .rtbl.rtbl--responsive .rtbl-cell,
  body.dark-mode .rtbl.rtbl--responsive .rtbl-cell,
  .wp-dark-mode-active .rtbl.rtbl--responsive .rtbl-cell,
  [data-theme="dark"] .rtbl.rtbl--responsive .rtbl-cell,
  .is-dark-mode .rtbl.rtbl--responsive .rtbl-cell {
    color: var(--adf-d-text) !important;
    border-top-color: var(--adf-d-border) !important;
    background: transparent !important;
  }

  /* برچسب ستون‌های موبایل */
  html.ai-dark .rtbl.rtbl--responsive .rtbl-cell::before,
  html.dark .rtbl.rtbl--responsive .rtbl-cell::before,
  body.dark .rtbl.rtbl--responsive .rtbl-cell::before,
  body.dark-mode .rtbl.rtbl--responsive .rtbl-cell::before,
  .wp-dark-mode-active .rtbl.rtbl--responsive .rtbl-cell::before,
  [data-theme="dark"] .rtbl.rtbl--responsive .rtbl-cell::before,
  .is-dark-mode .rtbl.rtbl--responsive .rtbl-cell::before {
    color: var(--adf-d-muted) !important;
  }

  /* لینک عنوان */
  html.ai-dark .rtbl.rtbl--responsive .rtbl-title-link,
  html.dark .rtbl.rtbl--responsive .rtbl-title-link,
  body.dark .rtbl.rtbl--responsive .rtbl-title-link,
  body.dark-mode .rtbl.rtbl--responsive .rtbl-title-link,
  .wp-dark-mode-active .rtbl.rtbl--responsive .rtbl-title-link,
  [data-theme="dark"] .rtbl.rtbl--responsive .rtbl-title-link,
  .is-dark-mode .rtbl.rtbl--responsive .rtbl-title-link {
    color: #9ec2ff !important;
    text-decoration-color: rgba(158,194,255,.45) !important;
  }
  html.ai-dark .rtbl.rtbl--responsive .rtbl-title-link:hover,
  html.dark .rtbl.rtbl--responsive .rtbl-title-link:hover,
  body.dark .rtbl.rtbl--responsive .rtbl-title-link:hover,
  body.dark-mode .rtbl.rtbl--responsive .rtbl-title-link:hover,
  .wp-dark-mode-active .rtbl.rtbl--responsive .rtbl-title-link:hover,
  [data-theme="dark"] .rtbl.rtbl--responsive .rtbl-title-link:hover,
  .is-dark-mode .rtbl.rtbl--responsive .rtbl-title-link:hover {
    color: #cfe0ff !important;
    text-decoration-color: #cfe0ff !important;
  }

  /* رنگ متنِ توضیح */
  html.ai-dark .rtbl.rtbl--responsive .rtbl-cell--desc,
  html.dark .rtbl.rtbl--responsive .rtbl-cell--desc,
  body.dark .rtbl.rtbl--responsive .rtbl-cell--desc,
  body.dark-mode .rtbl.rtbl--responsive .rtbl-cell--desc,
  .wp-dark-mode-active .rtbl.rtbl--responsive .rtbl-cell--desc,
  [data-theme="dark"] .rtbl.rtbl--responsive .rtbl-cell--desc,
  .is-dark-mode .rtbl.rtbl--responsive .rtbl-cell--desc {
    color: var(--adf-d-text) !important;
  }
}

/* نسخه‌ی دسکتاپ: لینک عنوان و رنگ‌ها */
html.ai-dark .rtbl .rtbl-title-link,
html.dark .rtbl .rtbl-title-link,
body.dark .rtbl .rtbl-title-link,
body.dark-mode .rtbl .rtbl-title-link,
.wp-dark-mode-active .rtbl .rtbl-title-link,
[data-theme="dark"] .rtbl .rtbl-title-link,
.is-dark-mode .rtbl .rtbl-title-link {
  color: #9ec2ff !important;
  text-decoration-color: rgba(158,194,255,.4) !important;
}
html.ai-dark .rtbl .rtbl-title-link:hover,
html.dark .rtbl .rtbl-title-link:hover,
body.dark .rtbl .rtbl-title-link:hover,
body.dark-mode .rtbl .rtbl-title-link:hover,
.wp-dark-mode-active .rtbl .rtbl-title-link:hover,
[data-theme="dark"] .rtbl .rtbl-title-link:hover,
.is-dark-mode .rtbl .rtbl-title-link:hover {
  color: #cfe0ff !important;
  text-decoration-color: #cfe0ff !important;
}

/* یکدست‌سازی RTL */
@media (max-width: 768px) {
  html.ai-dark .rtbl.rtbl--responsive,
  html.dark .rtbl.rtbl--responsive,
  body.dark .rtbl.rtbl--responsive,
  body.dark-mode .rtbl.rtbl--responsive,
  .wp-dark-mode-active .rtbl.rtbl--responsive,
  [data-theme="dark"] .rtbl.rtbl--responsive,
  .is-dark-mode .rtbl.rtbl--responsive {
    direction: rtl !important;
    text-align: right !important;
  }
}
/* === پایان اصلاحات RTBL Responsive === */



/* === Inline Gray FAQ Boxes (#f7f7f7) Dark Mode Fixes ===
   هدف: divهایی که با inline-style پس‌زمینه‌ی #f7f7f7 دارند در تم تیره خوانا شوند */

/* باکس خاکستری روشن عمومی */
html.ai-dark [style*="#f7f7f7" i],
html.dark [style*="#f7f7f7" i],
body.dark [style*="#f7f7f7" i],
body.dark-mode [style*="#f7f7f7" i],
.wp-dark-mode-active [style*="#f7f7f7" i],
[data-theme="dark"] [style*="#f7f7f7" i],
.is-dark-mode [style*="#f7f7f7" i] {
  background: linear-gradient(0deg, rgba(200,200,210,.09), rgba(200,200,210,.09)) !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  box-shadow: none !important;
  border-radius: .6rem;
}

/* تیتر پررنگ داخل باکس */
html.ai-dark [style*="#f7f7f7" i] :is(b,strong),
html.dark [style*="#f7f7f7" i] :is(b,strong),
body.dark [style*="#f7f7f7" i] :is(b,strong),
body.dark-mode [style*="#f7f7f7" i] :is(b,strong),
.wp-dark-mode-active [style*="#f7f7f7" i] :is(b,strong),
[data-theme="dark"] [style*="#f7f7f7" i] :is(b,strong),
.is-dark-mode [style*="#f7f7f7" i] :is(b,strong) {
  color: #ffffff !important;
}

/* لینک‌ها داخل باکس */
html.ai-dark [style*="#f7f7f7" i] a,
html.dark [style*="#f7f7f7" i] a,
body.dark [style*="#f7f7f7" i] a,
body.dark-mode [style*="#f7f7f7" i] a,
.wp-dark-mode-active [style*="#f7f7f7" i] a,
[data-theme="dark"] [style*="#f7f7f7" i] a,
.is-dark-mode [style*="#f7f7f7" i] a {
  color: #9ec2ff !important;
  text-decoration-color: rgba(158,194,255,.55) !important;
}

/* کنترل فاصله‌ی بین باکس‌های پشت سر هم */
html.ai-dark [style*="#f7f7f7" i] + [style*="#f7f7f7" i],
html.dark [style*="#f7f7f7" i] + [style*="#f7f7f7" i],
body.dark [style*="#f7f7f7" i] + [style*="#f7f7f7" i],
body.dark-mode [style*="#f7f7f7" i] + [style*="#f7f7f7" i],
.wp-dark-mode-active [style*="#f7f7f7" i] + [style*="#f7f7f7" i],
[data-theme="dark"] [style*="#f7f7f7" i] + [style*="#f7f7f7" i],
.is-dark-mode [style*="#f7f7f7" i] + [style*="#f7f7f7" i] {
  margin-top: 12px !important;
}


/* === Generic inline light box (quick fallback for #f9f9f9) === */
html.ai-dark [style*="#f9f9f9" i],
html.dark [style*="#f9f9f9" i],
body.dark [style*="#f9f9f9" i],
body.dark-mode [style*="#f9f9f9" i],
.wp-dark-mode-active [style*="#f9f9f9" i],
[data-theme="dark"] [style*="#f9f9f9" i],
.is-dark-mode [style*="#f9f9f9" i] {
  background: linear-gradient(0deg, rgba(210,210,220,.09), rgba(210,210,220,.09)) !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  box-shadow: none !important;
}



/* === Global Dark-Mode Link Color: Soft Yellow ===
   در حالت شب، همه لینک‌ها زرد کم‌رنگ شوند (به‌جز دکمه‌ها) */

:root {
  --adf-link: #ffd369;
  --adf-link-hover: #ffec9f;
  --adf-link-td: rgba(255, 211, 105, .55);
}

/* لینک‌های عمومی */
html.ai-dark a,
html.dark a,
body.dark a,
body.dark-mode a,
.wp-dark-mode-active a,
[data-theme="dark"] a,
.is-dark-mode a {
  color: var(--adf-link) !important;
  text-decoration-color: var(--adf-link-td) !important;
}

/* هاور */
html.ai-dark a:hover,
html.dark a:hover,
body.dark a:hover,
body.dark-mode a:hover,
.wp-dark-mode-active a:hover,
[data-theme="dark"] a:hover,
.is-dark-mode a:hover {
  color: var(--adf-link-hover) !important;
  text-decoration-color: var(--adf-link-hover) !important;
}

/* فوکِس */
html.ai-dark a:focus-visible,
html.dark a:focus-visible,
body.dark a:focus-visible,
body.dark-mode a:focus-visible,
.wp-dark-mode-active a:focus-visible,
[data-theme="dark"] a:focus-visible,
.is-dark-mode a:focus-visible {
  outline: none !important;
  box-shadow: var(--adf-focus);
}

/* از رنگ‌دهی لینک برای عناصر دکمه‌نما جلوگیری شود */
html.ai-dark :is(.button,.btn,.wcrs-btn,.wcrs-btn-outline,.chp-btn-outline,[role="button"]) a,
html.dark :is(.button,.btn,.wcrs-btn,.wcrs-btn-outline,.chp-btn-outline,[role="button"]) a,
body.dark :is(.button,.btn,.wcrs-btn,.wcrs-btn-outline,.chp-btn-outline,[role="button"]) a,
body.dark-mode :is(.button,.btn,.wcrs-btn,.wcrs-btn-outline,.chp-btn-outline,[role="button"]) a,
.wp-dark-mode-active :is(.button,.btn,.wcrs-btn,.wcrs-btn-outline,.chp-btn-outline,[role="button"]) a,
[data-theme="dark"] :is(.button,.btn,.wcrs-btn,.wcrs-btn-outline,.chp-btn-outline,[role="button"]) a,
.is-dark-mode :is(.button,.btn,.wcrs-btn,.wcrs-btn-outline,.chp-btn-outline,[role="button"]) a {
  color: inherit !important;
  text-decoration-color: currentColor !important;
}

/* اطمینان از هم‌رنگ شدن لینک‌های عنوان در کارت‌ها و بخش‌های دیگر */
html.ai-dark .chp-card .chp-card-title a,
html.dark .chp-card .chp-card-title a,
body.dark .chp-card .chp-card-title a,
body.dark-mode .chp-card .chp-card-title a,
.wp-dark-mode-active .chp-card .chp-card-title a,
[data-theme="dark"] .chp-card .chp-card-title a,
.is-dark-mode .chp-card .chp-card-title a,
html.ai-dark .wcrs-wrapper .wcrs-name a,
html.dark .wcrs-wrapper .wcrs-name a,
body.dark .wcrs-wrapper .wcrs-name a,
body.dark-mode .wcrs-wrapper .wcrs-name a,
.wp-dark-mode-active .wcrs-wrapper .wcrs-name a,
[data-theme="dark"] .wcrs-wrapper .wcrs-name a,
.is-dark-mode .wcrs-wrapper .wcrs-name a,
html.ai-dark .rtbl .rtbl-title-link,
html.dark .rtbl .rtbl-title-link,
body.dark .rtbl .rtbl-title-link,
body.dark-mode .rtbl .rtbl-title-link,
.wp-dark-mode-active .rtbl .rtbl-title-link,
[data-theme="dark"] .rtbl .rtbl-title-link,
.is-dark-mode .rtbl .rtbl-title-link {
  color: var(--adf-link) !important;
  text-decoration-color: var(--adf-link-td) !important;
}
html.ai-dark .chp-card .chp-card-title a:hover,
html.dark .chp-card .chp-card-title a:hover,
body.dark .chp-card .chp-card-title a:hover,
body.dark-mode .chp-card .chp-card-title a:hover,
.wp-dark-mode-active .chp-card .chp-card-title a:hover,
[data-theme="dark"] .chp-card .chp-card-title a:hover,
.is-dark-mode .chp-card .chp-card-title a:hover,
html.ai-dark .wcrs-wrapper .wcrs-name a:hover,
html.dark .wcrs-wrapper .wcrs-name a:hover,
body.dark .wcrs-wrapper .wcrs-name a:hover,
body.dark-mode .wcrs-wrapper .wcrs-name a:hover,
.wp-dark-mode-active .wcrs-wrapper .wcrs-name a:hover,
[data-theme="dark"] .wcrs-wrapper .wcrs-name a:hover,
.is-dark-mode .wcrs-wrapper .wcrs-name a:hover,
html.ai-dark .rtbl .rtbl-title-link:hover,
html.dark .rtbl .rtbl-title-link:hover,
body.dark .rtbl .rtbl-title-link:hover,
body.dark-mode .rtbl .rtbl-title-link:hover,
.wp-dark-mode-active .rtbl .rtbl-title-link:hover,
[data-theme="dark"] .rtbl .rtbl-title-link:hover,
.is-dark-mode .rtbl .rtbl-title-link:hover {
  color: var(--adf-link-hover) !important;
  text-decoration-color: var(--adf-link-hover) !important;
}



/* === Content-Only Dark Link Color (Soft Yellow) ===
   فقط لینک‌های داخل محتوای نوشته‌ها زرد باشند؛ بیرون از محتوا دست نمی‌زنیم. */

:root {
  --adf-link: #ffd369;
  --adf-link-hover: #ffec9f;
  --adf-link-td: rgba(255, 211, 105, .55);
}

/* محدوده‌های رایج محتوای نوشته */
html.ai-dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a,
html.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a,
body.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a,
body.dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a,
.wp-dark-mode-active :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a,
[data-theme="dark"] :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a,
.is-dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a {
  color: var(--adf-link) !important;
  text-decoration-color: var(--adf-link-td) !important;
}

html.ai-dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a:hover,
html.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a:hover,
body.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a:hover,
body.dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a:hover,
.wp-dark-mode-active :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a:hover,
[data-theme="dark"] :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a:hover,
.is-dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) a:hover {
  color: var(--adf-link-hover) !important;
  text-decoration-color: var(--adf-link-hover) !important;
}

/* اطمینان از عدم دخالت در لینک‌های دکمه‌ای داخل محتوا */
html.ai-dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) :is(.button,.btn,[role='button']) a,
html.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) :is(.button,.btn,[role='button']) a,
body.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) :is(.button,.btn,[role='button']) a {
  color: inherit !important;
  text-decoration-color: currentColor !important;
}

/* بازگردانی رنگ لینک برخی کامپوننت‌ها به حالت قبل (بیرون از محتوا) */
html.ai-dark .chp-card .chp-card-title a,
html.dark .chp-card .chp-card-title a,
body.dark .chp-card .chp-card-title a,
body.dark-mode .chp-card .chp-card-title a,
.wp-dark-mode-active .chp-card .chp-card-title a,
[data-theme="dark"] .chp-card .chp-card-title a,
.is-dark-mode .chp-card .chp-card-title a,
html.ai-dark .wcrs-wrapper .wcrs-name a,
html.dark .wcrs-wrapper .wcrs-name a,
body.dark .wcrs-wrapper .wcrs-name a,
body.dark-mode .wcrs-wrapper .wcrs-name a,
.wp-dark-mode-active .wcrs-wrapper .wcrs-name a,
[data-theme="dark"] .wcrs-wrapper .wcrs-name a,
.is-dark-mode .wcrs-wrapper .wcrs-name a {
  color: var(--adf-d-text) !important;
  text-decoration-color: rgba(232,233,238,.35) !important;
}

/* لینک عنوان جدول‌های ریسپانسیو برگردد به آبی ملایم */
html.ai-dark .rtbl .rtbl-title-link,
html.dark .rtbl .rtbl-title-link,
body.dark .rtbl .rtbl-title-link,
body.dark-mode .rtbl .rtbl-title-link,
.wp-dark-mode-active .rtbl .rtbl-title-link,
[data-theme="dark"] .rtbl .rtbl-title-link,
.is-dark-mode .rtbl .rtbl-title-link {
  color: #9ec2ff !important;
  text-decoration-color: rgba(158,194,255,.4) !important;
}
html.ai-dark .rtbl .rtbl-title-link:hover,
html.dark .rtbl .rtbl-title-link:hover,
body.dark .rtbl .rtbl-title-link:hover,
body.dark-mode .rtbl .rtbl-title-link:hover,
.wp-dark-mode-active .rtbl .rtbl-title-link:hover,
[data-theme="dark"] .rtbl .rtbl-title-link:hover,
.is-dark-mode .rtbl .rtbl-title-link:hover {
  color: #cfe0ff !important;
  text-decoration-color: #cfe0ff !important;
}



/* === Header / Menu / Breadcrumb: do NOT use yellow links (dark mode) ===
   لینک‌های فهرست هدر و ناوبری و بردکرامب به رنگ والد/قالب بمانند. */
html.ai-dark :is(header,.site-header,.header,.main-header,.topbar,.navbar,nav,.navigation,.main-navigation,
.menu,.menu-primary,.menu-secondary,.menu-top,.menu-main,.site-branding,.site-title,
.breadcrumb,.breadcrumbs,.breadcrumb-trail,.rank-math-breadcrumb,.yoast-breadcrumb) a,
html.dark :is(header,.site-header,.header,.main-header,.topbar,.navbar,nav,.navigation,.main-navigation,
.menu,.menu-primary,.menu-secondary,.menu-top,.menu-main,.site-branding,.site-title,
.breadcrumb,.breadcrumbs,.breadcrumb-trail,.rank-math-breadcrumb,.yoast-breadcrumb) a,
body.dark :is(header,.site-header,.header,.main-header,.topbar,.navbar,nav,.navigation,.main-navigation,
.menu,.menu-primary,.menu-secondary,.menu-top,.menu-main,.site-branding,.site-title,
.breadcrumb,.breadcrumbs,.breadcrumb-trail,.rank-math-breadcrumb,.yoast-breadcrumb) a,
body.dark-mode :is(header,.site-header,.header,.main-header,.topbar,.navbar,nav,.navigation,.main-navigation,
.menu,.menu-primary,.menu-secondary,.menu-top,.menu-main,.site-branding,.site-title,
.breadcrumb,.breadcrumbs,.breadcrumb-trail,.rank-math-breadcrumb,.yoast-breadcrumb) a,
.wp-dark-mode-active :is(header,.site-header,.header,.main-header,.topbar,.navbar,nav,.navigation,.main-navigation,
.menu,.menu-primary,.menu-secondary,.menu-top,.menu-main,.site-branding,.site-title,
.breadcrumb,.breadcrumbs,.breadcrumb-trail,.rank-math-breadcrumb,.yoast-breadcrumb) a,
[data-theme="dark"] :is(header,.site-header,.header,.main-header,.topbar,.navbar,nav,.navigation,.main-navigation,
.menu,.menu-primary,.menu-secondary,.menu-top,.menu-main,.site-branding,.site-title,
.breadcrumb,.breadcrumbs,.breadcrumb-trail,.rank-math-breadcrumb,.yoast-breadcrumb) a,
.is-dark-mode :is(header,.site-header,.header,.main-header,.topbar,.navbar,nav,.navigation,.main-navigation,
.menu,.menu-primary,.menu-secondary,.menu-top,.menu-main,.site-branding,.site-title,
.breadcrumb,.breadcrumbs,.breadcrumb-trail,.rank-math-breadcrumb,.yoast-breadcrumb) a {
  color: inherit !important;
  text-decoration-color: currentColor !important;
}



/* === OVERRIDE: RTBL title links INSIDE post content should be yellow in dark mode === */
html.ai-dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link,
html.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link,
body.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link,
body.dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link,
.wp-dark-mode-active :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link,
[data-theme="dark"] :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link,
.is-dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link {
  color: var(--adf-link) !important;
  text-decoration-color: var(--adf-link-td) !important;
}
html.ai-dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link:hover,
html.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link:hover,
body.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link:hover,
body.dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link:hover,
.wp-dark-mode-active :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link:hover,
[data-theme="dark"] :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link:hover,
.is-dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl .rtbl-title-link:hover {
  color: var(--adf-link-hover) !important;
  text-decoration-color: var(--adf-link-hover) !important;
}

/* نسخه‌ی کارت‌شده (موبایل) نیز همین رفتار را داشته باشد */
@media (max-width: 768px) {
  html.ai-dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link,
  html.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link,
  body.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link,
  body.dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link,
  .wp-dark-mode-active :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link,
  [data-theme="dark"] :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link,
  .is-dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link {
    color: var(--adf-link) !important;
    text-decoration-color: var(--adf-link-td) !important;
  }
  html.ai-dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link:hover,
  html.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link:hover,
  body.dark :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link:hover,
  body.dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link:hover,
  .wp-dark-mode-active :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link:hover,
  [data-theme="dark"] :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link:hover,
  .is-dark-mode :is(.entry-content,.wp-block-post-content,[itemprop="articleBody"],.elementor-widget-theme-post-content) .rtbl.rtbl--responsive .rtbl-title-link:hover {
    color: var(--adf-link-hover) !important;
    text-decoration-color: var(--adf-link-hover) !important;
  }
}



/* === Inline Gray FAQ Boxes (#f5f5f5 & #eaeaea) Dark Mode Fixes ===
   هدف: پوشش جعبه‌های روشن بیشتر بدون نیاز به ویرایش HTML */

/* #f5f5f5 */
html.ai-dark [style*="#f5f5f5" i],
html.dark [style*="#f5f5f5" i],
body.dark [style*="#f5f5f5" i],
body.dark-mode [style*="#f5f5f5" i],
.wp-dark-mode-active [style*="#f5f5f5" i],
[data-theme="dark"] [style*="#f5f5f5" i],
.is-dark-mode [style*="#f5f5f5" i] {
  background: linear-gradient(0deg, rgba(210,210,220,.09), rgba(210,210,220,.09)) !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  box-shadow: none !important;
  border-radius: .6rem;
}
html.ai-dark [style*="#f5f5f5" i] :is(b,strong),
html.dark [style*="#f5f5f5" i] :is(b,strong),
body.dark [style*="#f5f5f5" i] :is(b,strong),
body.dark-mode [style*="#f5f5f5" i] :is(b,strong),
.wp-dark-mode-active [style*="#f5f5f5" i] :is(b,strong),
[data-theme="dark"] [style*="#f5f5f5" i] :is(b,strong),
.is-dark-mode [style*="#f5f5f5" i] :is(b,strong) {
  color: #ffffff !important;
}
html.ai-dark [style*="#f5f5f5" i] a,
html.dark [style*="#f5f5f5" i] a,
body.dark [style*="#f5f5f5" i] a,
body.dark-mode [style*="#f5f5f5" i] a,
.wp-dark-mode-active [style*="#f5f5f5" i] a,
[data-theme="dark"] [style*="#f5f5f5" i] a,
.is-dark-mode [style*="#f5f5f5" i] a {
  color: #9ec2ff !important;
  text-decoration-color: rgba(158,194,255,.55) !important;
}

/* #eaeaea */
html.ai-dark [style*="#eaeaea" i],
html.dark [style*="#eaeaea" i],
body.dark [style*="#eaeaea" i],
body.dark-mode [style*="#eaeaea" i],
.wp-dark-mode-active [style*="#eaeaea" i],
[data-theme="dark"] [style*="#eaeaea" i],
.is-dark-mode [style*="#eaeaea" i] {
  background: linear-gradient(0deg, rgba(200,200,210,.10), rgba(200,200,210,.10)) !important;
  color: var(--adf-d-text) !important;
  border: 1px solid var(--adf-d-border) !important;
  box-shadow: none !important;
  border-radius: .6rem;
}
html.ai-dark [style*="#eaeaea" i] :is(b,strong),
html.dark [style*="#eaeaea" i] :is(b,strong),
body.dark [style*="#eaeaea" i] :is(b,strong),
body.dark-mode [style*="#eaeaea" i] :is(b,strong),
.wp-dark-mode-active [style*="#eaeaea" i] :is(b,strong),
[data-theme="dark"] [style*="#eaeaea" i] :is(b,strong),
.is-dark-mode [style*="#eaeaea" i] :is(b,strong) {
  color: #ffffff !important;
}
html.ai-dark [style*="#eaeaea" i] a,
html.dark [style*="#eaeaea" i] a,
body.dark [style*="#eaeaea" i] a,
body.dark-mode [style*="#eaeaea" i] a,
.wp-dark-mode-active [style*="#eaeaea" i] a,
[data-theme="dark"] [style*="#eaeaea" i] a,
.is-dark-mode [style*="#eaeaea" i] a {
  color: #9ec2ff !important;
  text-decoration-color: rgba(158,194,255,.55) !important;
}

/* فاصله بین باکس‌های پشت سر هم */
html.ai-dark [style*="#f5f5f5" i] + [style*="#f5f5f5" i],
html.dark [style*="#f5f5f5" i] + [style*="#f5f5f5" i],
body.dark [style*="#f5f5f5" i] + [style*="#f5f5f5" i],
body.dark-mode [style*="#f5f5f5" i] + [style*="#f5f5f5" i] { margin-top: 12px !important; }
html.ai-dark [style*="#eaeaea" i] + [style*="#eaeaea" i],
html.dark [style*="#eaeaea" i] + [style*="#eaeaea" i],
body.dark [style*="#eaeaea" i] + [style*="#eaeaea" i],
body.dark-mode [style*="#eaeaea" i] + [style*="#eaeaea" i] { margin-top: 12px !important; }


/* === ADF FREEZE-SCOPE EXCEPTIONS === */
/* Do NOT recolor contact card (.fic-card) and offer banner (.wcpt-eta, .wcpt-badge, .wcpt-trust) in dark mode */
html.ai-dark .fic-card,
html.dark .fic-card,
body.dark .fic-card,
body.dark-mode .fic-card,
.wp-dark-mode-active .fic-card,
[data-theme="dark"] .fic-card,
.is-dark-mode .fic-card,
html.ai-dark .wcpt-eta,
html.dark .wcpt-eta,
body.dark .wcpt-eta,
body.dark-mode .wcpt-eta,
.wp-dark-mode-active .wcpt-eta,
[data-theme="dark"] .wcpt-eta,
.is-dark-mode .wcpt-eta,
html.ai-dark .wcpt-badge,
html.dark .wcpt-badge,
body.dark .wcpt-badge,
body.dark-mode .wcpt-badge,
.wp-dark-mode-active .wcpt-badge,
[data-theme="dark"] .wcpt-badge,
.is-dark-mode .wcpt-badge,
html.ai-dark [class^="wcpt-trust"],
html.dark [class^="wcpt-trust"],
body.dark [class^="wcpt-trust"],
body.dark-mode [class^="wcpt-trust"],
.wp-dark-mode-active [class^="wcpt-trust"],
[data-theme="dark"] [class^="wcpt-trust"],
.is-dark-mode [class^="wcpt-trust"] {
  color-scheme: light !important;
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  background: inherit !important;
  background-color: inherit !important;
  border-color: inherit !important;
  color: inherit !important;
  text-shadow: none !important;
}

/* Keep link colors inside exempt components */
html.ai-dark .fic-card a,
html.dark .fic-card a,
body.dark .fic-card a,
body.dark-mode .fic-card a,
.wp-dark-mode-active .fic-card a,
[data-theme="dark"] .fic-card a,
.is-dark-mode .fic-card a,
html.ai-dark .wcpt-eta a,
html.dark .wcpt-eta a,
body.dark .wcpt-eta a,
body.dark-mode .wcpt-eta a,
.wp-dark-mode-active .wcpt-eta a,
[data-theme="dark"] .wcpt-eta a,
.is-dark-mode .wcpt-eta a {
  color: inherit !important;
  text-decoration-color: currentColor !important;
}


/* === ADF WCPT – Force readable text for offer/badge/trust in dark === */
:where(html.ai-dark, html.dark, html.wp-dark-mode-active, html.dark-mode, html[data-theme="dark"], body.dark, body.dark-mode, .wp-dark-mode-active, .is-dark-mode)
  :where(.wcpt-eta, .wcpt-badge, [class^="wcpt-trust"], [class*=" wcpt-trust"]) {
  color: #ffffff !important;
  text-shadow: none !important;
}
/* Make inner links inherit the new contrast color */
:where(html.ai-dark, html.dark, html.wp-dark-mode-active, html.dark-mode, html[data-theme="dark"], body.dark, body.dark-mode, .wp-dark-mode-active, .is-dark-mode)
  :where(.wcpt-eta, .wcpt-badge, [class^="wcpt-trust"], [class*=" wcpt-trust"]) a {
  color: inherit !important;
  text-decoration-color: currentColor !important;
}


/* === Special fix: inline promo box inside .entry with background #f9f9f9 ===
   هدف: در حالت شب، باکس زیر که در HTML به صورت
   <div class="entry"><div style="border:1px solid #ccc; ... background:#f9f9f9">...</div></div>
   تعریف شده، نوشته و لینک داخلش کاملاً خوانا بماند.
   منطق:
   - پس‌زمینه همان رنگ روشن #f9f9f9 بماند (مثل حالت روز)
   - متن مشکی و لینک آبی تیره استاندارد شود
   - این قانون فقط روی باکس‌های داخل .entry که #f9f9f9 دارند اعمال می‌شود. */

html.ai-dark .entry > [style*="#f9f9f9" i],
html.dark .entry > [style*="#f9f9f9" i],
body.dark .entry > [style*="#f9f9f9" i],
body.dark-mode .entry > [style*="#f9f9f9" i],
.wp-dark-mode-active .entry > [style*="#f9f9f9" i],
[data-theme="dark"] .entry > [style*="#f9f9f9" i],
.is-dark-mode .entry > [style*="#f9f9f9" i]{
  background:#f9f9f9 !important;
  color:#111 !important;
  border:1px solid #ccc !important;
  box-shadow:none !important;
}

html.ai-dark .entry > [style*="#f9f9f9" i] a,
html.dark .entry > [style*="#f9f9f9" i] a,
body.dark .entry > [style*="#f9f9f9" i] a,
body.dark-mode .entry > [style*="#f9f9f9" i] a,
.wp-dark-mode-active .entry > [style*="#f9f9f9" i] a,
[data-theme="dark"] .entry > [style*="#f9f9f9" i] a,
.is-dark-mode .entry > [style*="#f9f9f9" i] a{
  color:#0a58ca !important;
  text-decoration-color:rgba(0,0,0,.35) !important;
}

/* === Special fix: Q&A highlight box with #e1f0ff (or rgb(225, 240, 255)) background ===
   مثال HTML:
   <div style="background-color: #e1f0ff; padding: 15px; border-radius: 8px; margin-bottom: 10px;">
     <strong>سوال ۱:</strong> ...
   منطق:
   - پس‌زمینه روشن در حالت شب هم همان بماند
   - تمام متن‌های داخل این باکس تیره و خوانا نمایش داده شوند
*/

html.ai-dark [style*="#e1f0ff" i],
html.dark [style*="#e1f0ff" i],
body.dark [style*="#e1f0ff" i],
body.dark-mode [style*="#e1f0ff" i],
.wp-dark-mode-active [style*="#e1f0ff" i],
[data-theme="dark"] [style*="#e1f0ff" i],
.is-dark-mode [style*="#e1f0ff" i],
html.ai-dark [style*="rgb(225, 240, 255" i],
html.dark [style*="rgb(225, 240, 255" i],
body.dark [style*="rgb(225, 240, 255" i],
body.dark-mode [style*="rgb(225, 240, 255" i],
.wp-dark-mode-active [style*="rgb(225, 240, 255" i],
[data-theme="dark"] [style*="rgb(225, 240, 255" i],
.is-dark-mode [style*="rgb(225, 240, 255" i]{
  background-color:#e1f0ff !important;
  color:#111 !important;
  box-shadow:none !important;
}

/* تمام متن‌های داخل این باکس سوال/جواب را هم تیره می‌کنیم */
html.ai-dark [style*="#e1f0ff" i] *,
html.dark [style*="#e1f0ff" i] *,
body.dark [style*="#e1f0ff" i] *,
body.dark-mode [style*="#e1f0ff" i] *,
.wp-dark-mode-active [style*="#e1f0ff" i] *,
[data-theme="dark"] [style*="#e1f0ff" i] *,
.is-dark-mode [style*="#e1f0ff" i] *,
html.ai-dark [style*="rgb(225, 240, 255" i] *,
html.dark [style*="rgb(225, 240, 255" i] *,
body.dark [style*="rgb(225, 240, 255" i] *,
body.dark-mode [style*="rgb(225, 240, 255" i] *,
.wp-dark-mode-active [style*="rgb(225, 240, 255" i] *,
[data-theme="dark"] [style*="rgb(225, 240, 255" i] *,
.is-dark-mode [style*="rgb(225, 240, 255" i] *{
  color:#111 !important;
}

html.ai-dark [style*="#e1f0ff" i] strong,
html.dark [style*="#e1f0ff" i] strong,
body.dark [style*="#e1f0ff" i] strong,
body.dark-mode [style*="#e1f0ff" i] strong,
.wp-dark-mode-active [style*="#e1f0ff" i] strong,
[data-theme="dark"] [style*="#e1f0ff" i] strong,
.is-dark-mode [style*="#e1f0ff" i] strong,
html.ai-dark [style*="rgb(225, 240, 255" i] strong,
html.dark [style*="rgb(225, 240, 255" i] strong,
body.dark [style*="rgb(225, 240, 255" i] strong,
body.dark-mode [style*="rgb(225, 240, 255" i] strong,
.wp-dark-mode-active [style*="rgb(225, 240, 255" i] strong,
[data-theme="dark"] [style*="rgb(225, 240, 255" i] strong,
.is-dark-mode [style*="rgb(225, 240, 255" i] strong{
  color:#000 !important;
}

html.ai-dark [style*="#e1f0ff" i] a,
html.dark [style*="#e1f0ff" i] a,
body.dark [style*="#e1f0ff" i] a,
body.dark-mode [style*="#e1f0ff" i] a,
.wp-dark-mode-active [style*="#e1f0ff" i] a,
[data-theme="dark"] [style*="#e1f0ff" i] a,
.is-dark-mode [style*="#e1f0ff" i] a,
html.ai-dark [style*="rgb(225, 240, 255" i] a,
html.dark [style*="rgb(225, 240, 255" i] a,
body.dark [style*="rgb(225, 240, 255" i] a,
body.dark-mode [style*="rgb(225, 240, 255" i] a,
.wp-dark-mode-active [style*="rgb(225, 240, 255" i] a,
[data-theme="dark"] [style*="rgb(225, 240, 255" i] a,
.is-dark-mode [style*="rgb(225, 240, 255" i] a{
  color:#0a58ca !important;
  text-decoration-color:rgba(0,0,0,.35) !important;
}


/* === Samen-forge.ir / WooCommerce: headings + intro paragraph readability (v1.4.51) ===
   گزارش: «پاراگراف ابتدایی و کل هدرها» در حالت شب کم‌کنتراست/نامشخص بودند.
   هدف: تیترها (h1..h6) و پاراگراف‌های معرفی محصول در صفحات محصول ووکامرس روشن و خوانا شوند.
   نکته: این بخش عمداً قبل از .adf-light-surface می‌آید تا اگر واقعاً باکسی روشن بماند،
   قوانین Light-Surface (متن تیره) بتوانند در همان باکس override شوند. */

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  :is(
    /* titles */
    .product_title,
    .woocommerce-products-header__title,
    .entry-title,
    .page-title,
    /* generic headings */
    h1, h2, h3, h4, h5, h6
  ){
  color: var(--adf-d-text) !important;
  -webkit-text-fill-color: var(--adf-d-text) !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  :is(
    .woocommerce div.product .summary,
    .woocommerce-product-details__short-description,
    .woocommerce-Tabs-panel,
    .woocommerce-tabs .panel,
    .entry-content,
    .wp-block-post-content
  ) p{
  color: var(--adf-d-muted) !important;
  -webkit-text-fill-color: var(--adf-d-muted) !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

/* پاراگراف معرفی اولیه: یک پله روشن‌تر برای خوانایی بهتر */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  :is(.woocommerce-product-details__short-description, .woocommerce div.product .summary) p:first-of-type{
  color: var(--adf-d-text) !important;
  -webkit-text-fill-color: var(--adf-d-text) !important;
}
/* === ADF Light Surface Ink Fix (v1.4.49) ===
   وقتی در حالت شب بعضی باکس‌ها/کارت‌ها سفید می‌مانند، متن نباید سفید/کم‌رنگ شود.
   این کلاس توسط JS روی سطوح روشن اعمال می‌شود. */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .adf-light-surface {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .adf-light-surface :is(p, li, span, a, div, td, th, small, strong, em, label, h1, h2, h3, h4, h5, h6) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  opacity: 1 !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .adf-light-surface a {
  color: #0a58ca !important;
  text-decoration-color: rgba(0,0,0,.35) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .adf-light-surface a:hover {
  color: #084298 !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .adf-light-surface svg,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .adf-light-surface svg * {
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* === ADF Light Surface: form controls & tables (v1.4.50) ===
   روی صفحات محصول (مثل WooCommerce) ورودی‌ها/فرم‌ها گاهی متن سفید روی زمینه روشن می‌شوند.
   این قوانین فقط داخل .adf-light-surface فعال است (یعنی جایی که باکس واقعاً روشن مانده). */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .adf-light-surface :is(input, textarea, select, .select2-selection, .select2-search__field) {
  background-color: #ffffff !important;
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  border-color: rgba(0,0,0,0.22) !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .adf-light-surface :is(input, textarea)::placeholder {
  color: rgba(0,0,0,0.55) !important;
  -webkit-text-fill-color: rgba(0,0,0,0.55) !important;
  opacity: 1 !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .adf-light-surface table {
  color: #111 !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .adf-light-surface table :is(th, td) {
  color: #111 !important;
  -webkit-text-fill-color: #111 !important;
  border-color: rgba(0,0,0,0.14) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .adf-light-surface table th {
  background: rgba(0,0,0,0.04) !important;
}

/* WooCommerce: پیام‌ها/نوتیس‌ها معمولاً با بک‌گراند روشن نمایش داده می‌شوند */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .woocommerce :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) {
  border-color: rgba(0,0,0,0.12) !important;
}


/* === Services & WCI card dark mode fixes (v1.4.51) === */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .services .service {
  background: var(--adf-d-surface, #15171a) !important;
  border: 1px solid var(--adf-d-border, #2a2e34) !important;
  color: var(--adf-d-text, #e8e9ee) !important;
  box-shadow: none !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .services .service :is(h1,h2,h3,h4,h5,h6) {
  color: var(--adf-d-text, #e8e9ee) !important;
  -webkit-text-fill-color: var(--adf-d-text, #e8e9ee) !important;
  text-shadow: none !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .services .service :is(p,li,span) {
  color: var(--adf-d-muted, #c8ccd2) !important;
  -webkit-text-fill-color: var(--adf-d-muted, #c8ccd2) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .services .service a {
  color: inherit !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .services .service .wif-caption {
  color: var(--adf-d-text, #e8e9ee) !important;
  -webkit-text-fill-color: var(--adf-d-text, #e8e9ee) !important;
  background: rgba(0,0,0,0.55) !important;
  border-color: rgba(255,255,255,0.14) !important;
  text-shadow: none !important;
}

/* Product/post card grid (.wci-*) */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .wci-card {
  background: var(--adf-d-surface, #15171a) !important;
  border: 1px solid var(--adf-d-border, #2a2e34) !important;
  color: var(--adf-d-text, #e8e9ee) !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .wci-card:hover {
  background: var(--adf-d-hover, rgba(255,255,255,0.06)) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .wci-thumb {
  background: transparent !important;
  border-bottom: 1px solid var(--adf-d-border, #2a2e34) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .wci-body {
  background: transparent !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .wci-title {
  color: var(--adf-d-text, #e8e9ee) !important;
  -webkit-text-fill-color: var(--adf-d-text, #e8e9ee) !important;
  text-shadow: none !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .wci-code,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .wci-desc {
  color: var(--adf-d-muted, #c8ccd2) !important;
  -webkit-text-fill-color: var(--adf-d-muted, #c8ccd2) !important;
}

/* If a .wci-title is also .ftwp-heading, keep it consistent */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark-mode, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .wci-title.ftwp-heading {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--adf-d-border, #2a2e34) !important;
}

/* === v1.4.51 patch — MFA FAQ dark-mode readability ===
   Targets "mfa-faq-wrapper" blocks (FAQ accordion). In some themes, text becomes low-contrast in dark mode.
   This forces a consistent dark surface + readable text only when dark-mode is active. */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .mfa-faq-wrapper {
  background: transparent !important;
  color: var(--adf-d-text, #e8e9ee) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .mfa-faq-wrapper .mfa-faq-item {
  background: var(--adf-d-surface, #15171a) !important;
  border: 1px solid var(--adf-d-border, #2a2e34) !important;
  border-radius: 14px !important;
  overflow: hidden;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .mfa-faq-wrapper .mfa-faq-question {
  background: var(--adf-d-hover, #1d2024) !important;
  color: var(--adf-d-text, #e8e9ee) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .mfa-faq-wrapper .mfa-faq-question-text,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .mfa-faq-wrapper .mfa-faq-question * {
  color: var(--adf-d-text, #e8e9ee) !important;
  -webkit-text-fill-color: var(--adf-d-text, #e8e9ee) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .mfa-faq-wrapper .mfa-faq-answer {
  background: var(--adf-d-surface, #15171a) !important;
  color: var(--adf-d-muted, #c8ccd2) !important;
  border-top: 1px solid var(--adf-d-border, #2a2e34) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .mfa-faq-wrapper .mfa-faq-answer p,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .mfa-faq-wrapper .mfa-faq-answer * {
  color: var(--adf-d-muted, #c8ccd2) !important;
  -webkit-text-fill-color: var(--adf-d-muted, #c8ccd2) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  .mfa-faq-wrapper .mfa-faq-icon {
  color: var(--adf-d-text, #e8e9ee) !important;
  filter: none !important;
  opacity: 0.9;
}

/* === v1.4.52 patch — WCI/WCPT filters + pagination contrast in dark mode ===
   Symptoms: filter chips and pagination buttons turn white (numbers become invisible) after dark-mode toggle.
   Fix: force dark-surface chips/buttons + readable text only when dark-mode is active. */

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  :where(
    .wci-filters, .wci-filter, .wci-filter-panel, .wci-filter-wrap, .wci-filters-wrap,
    .wcpt-filters, .wcpt-filter, .wcpt-filter-panel, .wcpt-sidebar,
    .filters, .filter-panel, .filter-box, .sidebar-filters
  ) {
  background: var(--adf-d-surface, #15171a) !important;
  color: var(--adf-d-text, #e8e9ee) !important;
  border-color: var(--adf-d-border, #2a2e34) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Filter chips / option rows */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  :where(
    .wci-filters a, .wci-filters button, .wci-filter a, .wci-filter button,
    .wcpt-filters a, .wcpt-filters button, .wcpt-filter a, .wcpt-filter button,
    .wci-chip, .wci-filter-item, .wcpt-chip, .wcpt-filter-item,
    .filter-chip, .filter-item
  ) {
  background: rgba(255,255,255,0.10) !important;
  color: var(--adf-d-text, #e8e9ee) !important;
  -webkit-text-fill-color: var(--adf-d-text, #e8e9ee) !important;
  border: 1px solid var(--adf-d-border, rgba(255,255,255,0.14)) !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Active/selected filter chip */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  :where(
    .wci-filters .active, .wci-filters .is-active, .wci-filters .selected,
    .wcpt-filters .active, .wcpt-filters .is-active, .wcpt-filters .selected,
    .filter-chip.active, .filter-item.active, .filter-item.selected
  ) {
  background: rgba(255,255,255,0.18) !important;
  color: var(--adf-d-text, #e8e9ee) !important;
  -webkit-text-fill-color: var(--adf-d-text, #e8e9ee) !important;
}

/* Counts/badges inside filters (small circles) */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  :where(
    .wci-count, .wci-badge, .wci-filter-count,
    .wcpt-count, .wcpt-badge, .wcpt-filter-count,
    .count, .badge
  ) {
  background: rgba(255,255,255,0.18) !important;
  color: var(--adf-d-text, #e8e9ee) !important;
  -webkit-text-fill-color: var(--adf-d-text, #e8e9ee) !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

/* Pagination buttons (numbers were turning white-on-white) */
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  :where(
    .pagination a, .pagination span,
    .page-numbers, .page-numbers a, .page-numbers span,
    .wci-pagination a, .wci-pagination span,
    .wcpt-pagination a, .wcpt-pagination span
  ) {
  background: rgba(255,255,255,0.10) !important;
  color: var(--adf-d-text, #e8e9ee) !important;
  -webkit-text-fill-color: var(--adf-d-text, #e8e9ee) !important;
  border: 1px solid var(--adf-d-border, rgba(255,255,255,0.14)) !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .darkmode--activated, .wp-dark-mode-active, .wp-night-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode)
  :where(
    .pagination .current,
    .page-numbers.current,
    .page-numbers[aria-current="page"],
    .wci-pagination .current,
    .wcpt-pagination .current
  ) {
  background: rgba(255,255,255,0.20) !important;
  color: var(--adf-d-text, #e8e9ee) !important;
  -webkit-text-fill-color: var(--adf-d-text, #e8e9ee) !important;
}



/* === v1.4.53 patch — AVB video section dark-mode ===
   Fix: avb video section (Aparat) becomes low-contrast / unreadable in dark mode.
   - Make container surface dark and text light
   - Keep Aparat iframe colors unmodified (no invert/filter)
*/
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .avb-video-section,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .avb-video-grid,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .avb-video-container {
  color: var(--adf-d-text, #e8e9ee) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .avb-video-container {
  background: var(--adf-d-surface, #15171a) !important;
  border: 1px solid var(--adf-d-border, #2a2e34) !important;
  box-shadow: none !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .avb-video-title,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .avb-video-title.ftwp-heading {
  color: var(--adf-d-text, #e8e9ee) !important;
  -webkit-text-fill-color: var(--adf-d-text, #e8e9ee) !important;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .avb-video-embed {
  background: #0b0d10 !important;
  border: 1px solid var(--adf-d-border, #2a2e34) !important;
  border-radius: 12px;
  overflow: hidden;
}

:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) .avb-video-embed iframe,
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) iframe[src*="aparat.com" i],
:where(html.ai-dark, html.ai-dark-by-clock, html.dark, html.dark-mode, body.dark, body.dark-mode, .dark, .dark-mode, .night, .night-mode, .theme-dark, .wp-dark-mode-active, html[data-theme="dark"], body[data-theme="dark"], [data-theme="dark"], .is-dark-mode) iframe[src*="aparat" i] {
  /* protect the player if a dark-mode plugin applies filters to embeds */
  filter: none !important;
  mix-blend-mode: normal !important;
  background: #000 !important;
}