/* Dark Mode Styles */
[data-theme="dark"] {
  --dm-bg: #1a1a2e;
  --dm-surface: #16213e;
  --dm-card: #1e2a47;
  --dm-text: #e0e0e0;
  --dm-text-muted: #a0a0a0;
  --dm-heading: #ffffff;
  --dm-link: #4fc3f7;
  --dm-link-hover: #81d4fa;
  --dm-border: #2a3a5c;
  --dm-accent: #ff027f;
}

[data-theme="dark"] body,
[data-theme="dark"] .site-wrapper,
[data-theme="dark"] .magcontent {
  background-color: var(--dm-bg);
  color: var(--dm-text);
}

[data-theme="dark"] .nav-panel,
[data-theme="dark"] .widgets-side,
[data-theme="dark"] #hidden-sidebar {
  background-color: var(--dm-surface);
}

[data-theme="dark"] .content-area,
[data-theme="dark"] .post-entry,
[data-theme="dark"] .post-item,
[data-theme="dark"] .sidebar .widget {
  background-color: transparent;
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] .entry-title,
[data-theme="dark"] .post-title a,
[data-theme="dark"] .widget-title {
  color: var(--dm-heading);
}

[data-theme="dark"] p,
[data-theme="dark"] li,
[data-theme="dark"] .post-list-entry p,
[data-theme="dark"] .post-content {
  color: var(--dm-text);
}

[data-theme="dark"] a {
  color: var(--dm-link);
}

[data-theme="dark"] a:hover {
  color: var(--dm-link-hover);
}

[data-theme="dark"] .post-title a {
  color: var(--dm-heading);
}

[data-theme="dark"] .post-title a:hover {
  color: var(--dm-link);
}

[data-theme="dark"] .post-meta,
[data-theme="dark"] .post-meta li,
[data-theme="dark"] .post-meta li span,
[data-theme="dark"] .post-meta a,
[data-theme="dark"] .reading-time span {
  color: var(--dm-text-muted);
}

[data-theme="dark"] #footer,
[data-theme="dark"] .footer-wrapper {
  background-color: var(--dm-surface);
  color: var(--dm-text-muted);
}

[data-theme="dark"] #footer a,
[data-theme="dark"] .footer-wrapper a {
  color: var(--dm-text);
}

[data-theme="dark"] .category-box {
  border-color: var(--dm-border);
}

[data-theme="dark"] .searchform-overlay {
  background-color: rgba(26, 26, 46, 0.97);
}

[data-theme="dark"] .search-field-fullpage {
  color: var(--dm-text);
}

[data-theme="dark"] .search-hint {
  color: var(--dm-text-muted);
}

[data-theme="dark"] .search-form-fullpage {
  border-color: var(--dm-border);
}

[data-theme="dark"] .search-result-item {
  border-color: var(--dm-border);
}

[data-theme="dark"] .search-result-title {
  color: var(--dm-heading);
}

[data-theme="dark"] .search-result-excerpt {
  color: var(--dm-text-muted);
}

[data-theme="dark"] .nav-overlay {
  background: rgba(0, 0, 0, 0.7);
}

[data-theme="dark"] .breadcrumb-item a {
  color: var(--dm-text-muted);
}

[data-theme="dark"] .breadcrumb-item a:hover {
  color: var(--dm-heading);
}

[data-theme="dark"] .breadcrumb-item::after {
  color: var(--dm-border);
}

[data-theme="dark"] .sidebar {
  color: var(--dm-text);
}

[data-theme="dark"] .taxonomy-sidebar {
  background-color: var(--dm-surface);
}

[data-theme="dark"] .magazine-page-right {
  background-color: var(--dm-bg);
}

/* ---- Cover Image Dark Mode Treatment ---- */
/* Deepen the overlay so the bright cover blends into dark UI */
[data-theme="dark"] .magcover .overlay,
[data-theme="dark"] .magcover .post-overlay {
  opacity: 0.55;
  background: linear-gradient(
    180deg,
    rgba(10, 10, 25, 0.4) 0%,
    rgba(10, 10, 25, 0.65) 100%
  );
}

/* Reduce brightness & boost contrast on cover images */
[data-theme="dark"] .cover-image img,
[data-theme="dark"] .single-post-image img {
  filter: brightness(0.78) contrast(1.1) saturate(0.85);
}

/* Blurred placeholder image — darken further */
[data-theme="dark"] .cover-image img:first-child,
[data-theme="dark"] .single-post-image img:first-child {
  filter: blur(10px) brightness(0.55) saturate(0.7);
}

/* Magcover background (visible during load / no image) */
[data-theme="dark"] .magcover {
  background: #0d0d1a;
}

[data-theme="dark"] .magcover .cover-image,
[data-theme="dark"] .magcover .single-post-image {
  background: #0d0d1a;
}

[data-theme="dark"] .cover-wrap {
  background-color: rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .single-post .cover-content,
[data-theme="dark"] .page .cover-content {
  background: #0d0d1a;
}

/* Cover description text — keep readable */
[data-theme="dark"] .cover-descr h3 {
  color: rgba(255, 255, 255, 0.92);
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.7);
}

/* Cover sidebar widgets */
[data-theme="dark"] .cover-sidebar-left,
[data-theme="dark"] .cover-sidebar-right {
  color: var(--dm-text);
}

[data-theme="dark"] .cover-sidebar-left a,
[data-theme="dark"] .cover-sidebar-right a {
  color: var(--dm-text);
}

/* Cover navigation arrows */
[data-theme="dark"] .magcover .post-navigation a {
  color: rgba(255, 255, 255, 0.85);
}

/* Fold shadow — soften in dark mode */
[data-theme="dark"] .fold-shadow-left {
  opacity: 0.25;
}

/* Page-turn animation background */
[data-theme="dark"] .turn-left {
  background: var(--dm-bg);
}

/* ---- General overlay ---- */
[data-theme="dark"] .overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: var(--dm-card);
  color: var(--dm-text);
  border-color: var(--dm-border);
}

[data-theme="dark"] .post-tags a {
  background-color: var(--dm-card);
  color: var(--dm-text);
  border-color: var(--dm-border);
}

[data-theme="dark"] blockquote {
  border-color: var(--dm-accent);
  background-color: var(--dm-card);
  color: var(--dm-text);
}

[data-theme="dark"] .close-icon::before,
[data-theme="dark"] .close-icon::after {
  background: var(--dm-text);
}

/* Dark mode toggle button */
.dark-mode-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px;
  font-size: 18px;
  line-height: 1;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color .2s;
}

.dark-mode-toggle .dm-icon-dark,
[data-theme="dark"] .dark-mode-toggle .dm-icon-light {
  display: inline;
}

.dark-mode-toggle .dm-icon-light,
[data-theme="dark"] .dark-mode-toggle .dm-icon-dark {
  display: none;
}