/* single.php – page-specific overrides */

/* ── Article body: force readable text in dark mode ─────────
   WordPress content often has inline style="color:#000" which
   becomes invisible on dark backgrounds.                     */
[data-theme="dark"] .article-body,
[data-theme="dark"] .article-body p,
[data-theme="dark"] .article-body li,
[data-theme="dark"] .article-body span,
[data-theme="dark"] .article-body div,
[data-theme="dark"] .article-body td,
[data-theme="dark"] .article-body th {
  color: var(--text2) !important;
  background-color: transparent !important;
}

[data-theme="dark"] .article-body h1,
[data-theme="dark"] .article-body h2,
[data-theme="dark"] .article-body h3,
[data-theme="dark"] .article-body h4,
[data-theme="dark"] .article-body h5,
[data-theme="dark"] .article-body strong,
[data-theme="dark"] .article-body b {
  color: var(--text) !important;
  background-color: transparent !important;
}

[data-theme="dark"] .article-body a {
  color: #4fe10f !important;
}
[data-theme="dark"] .article-body a:hover {
  text-decoration: underline;
}

[data-theme="dark"] .article-body blockquote {
  background: var(--surface) !important;
  color: var(--text) !important;
  border-left-color: var(--accent);
}

[data-theme="dark"] .article-body table {
  border-color: var(--border) !important;
  background: transparent !important;
}
[data-theme="dark"] .article-body tr {
  background-color: transparent !important;
}
[data-theme="dark"] .article-body tr:nth-child(even) {
  background-color: var(--surface2) !important;
}

/* ── Sidebar-block title readable in both themes ─────────── */
.sidebar-block-title {
  color: var(--text);
}

/* ── Author box accent color as background works in both ─── */
[data-theme="light"] .article-meta .author {
  color: #0099cc;
}