/**
 * MUI Subang - Dark Mode Styles
 * Applies when [data-theme="dark"] or auto system preference is active
 */

[data-theme="dark"] {
  --muisubang-background: #111827;
  --muisubang-surface: #1F2937;
  --muisubang-heading: #F9FAFB;
  --muisubang-text: #E5E7EB;
  --muisubang-muted: #9CA3AF;
  --muisubang-border: #374151;
  --muisubang-border-light: #1F2937;
  color-scheme: dark;
}

/* Specific Dark Mode Overrides */
[data-theme="dark"] body {
  background-color: var(--muisubang-background);
  color: var(--muisubang-text);
}

[data-theme="dark"] .muisubang-header {
  background-color: #111827;
  border-bottom-color: #374151;
}

[data-theme="dark"] .muisubang-menu > li > a {
  color: #F9FAFB;
}

[data-theme="dark"] .muisubang-menu > li:hover > a,
[data-theme="dark"] .muisubang-menu > li.current-menu-item > a {
  background-color: #1F2937;
  color: var(--muisubang-secondary);
}

[data-theme="dark"] .muisubang-menu .sub-menu {
  background-color: #1F2937;
  border-color: #374151;
}

[data-theme="dark"] .muisubang-menu .sub-menu li a {
  color: #E5E7EB;
}

[data-theme="dark"] .muisubang-menu .sub-menu li a:hover {
  background-color: #111827;
  color: var(--muisubang-secondary);
}

[data-theme="dark"] .muisubang-ticker-wrap {
  background-color: #1F2937;
  border-bottom-color: #374151;
}

[data-theme="dark"] .muisubang-ticker-content a {
  color: #E5E7EB;
}

[data-theme="dark"] .muisubang-mobile-bar {
  background-color: #111827;
  border-bottom-color: #374151;
}

[data-theme="dark"] .muisubang-hamburger {
  color: #F9FAFB;
}

[data-theme="dark"] .muisubang-mobile-drawer-inner {
  background-color: #111827;
}

[data-theme="dark"] .muisubang-mobile-drawer-header {
  border-bottom-color: #374151;
}

[data-theme="dark"] .muisubang-drawer-close {
  color: #F9FAFB;
}

[data-theme="dark"] .muisubang-mobile-menu li {
  border-bottom-color: #1F2937;
}

[data-theme="dark"] .muisubang-mobile-menu li a {
  color: #F9FAFB;
}

/* Cards & Widgets in Dark Mode */
[data-theme="dark"] .muisubang-card,
[data-theme="dark"] .muisubang-widget,
[data-theme="dark"] .muisubang-ulama-card,
[data-theme="dark"] .muisubang-agenda-card,
[data-theme="dark"] .muisubang-card-horizontal,
[data-theme="dark"] .muisubang-hero-side-item {
  background-color: #1F2937;
  border-color: #374151;
}

[data-theme="dark"] .muisubang-card-title a,
[data-theme="dark"] .muisubang-hero-side-title a,
[data-theme="dark"] .muisubang-popular-title a,
[data-theme="dark"] .muisubang-widget-title,
[data-theme="dark"] .muisubang-section-title,
[data-theme="dark"] .muisubang-article-title {
  color: #F9FAFB;
}

[data-theme="dark"] .muisubang-card-excerpt,
[data-theme="dark"] .muisubang-widget ul li a,
[data-theme="dark"] .muisubang-article-content {
  color: #D1D5DB;
}

[data-theme="dark"] .muisubang-section-header {
  border-bottom-color: #374151;
}

[data-theme="dark"] .muisubang-popular-item,
[data-theme="dark"] .muisubang-widget ul li {
  border-bottom-color: #374151;
}

[data-theme="dark"] .muisubang-author-box,
[data-theme="dark"] .muisubang-article-content blockquote {
  background-color: #1F2937;
  border-color: #374151;
}

[data-theme="dark"] .muisubang-article-tools {
  border-color: #374151;
}

[data-theme="dark"] .muisubang-font-btn,
[data-theme="dark"] .muisubang-share-btn {
  background-color: #374151;
  border-color: #4B5563;
  color: #F9FAFB;
}

[data-theme="dark"] .muisubang-pagination .page-numbers {
  background-color: #1F2937;
  border-color: #374151;
  color: #F9FAFB;
}

[data-theme="dark"] .muisubang-search-input {
  background-color: #1F2937;
  color: #F9FAFB;
  border-color: var(--muisubang-accent);
}

[data-theme="dark"] .muisubang-ad-slot {
  background-color: #1F2937;
  border-color: #374151;
}

/* Comment Form in Dark Mode */
[data-theme="dark"] #comments input[type="text"],
[data-theme="dark"] #comments input[type="email"],
[data-theme="dark"] #comments input[type="url"],
[data-theme="dark"] #comments textarea {
  background-color: #1F2937;
  border: 1px solid #374151;
  color: #F9FAFB;
}

[data-theme="dark"] .comment-body {
  background-color: #1F2937;
  border-color: #374151;
}