/* News Article Pages Dark Mode Critical CSS */

/* Main content areas */
body.dark-mode {
  background-color: #121212;
  color: #e0e0e0;
}

body.dark-mode .header {
  background: #181818 !important;
}

body.dark-mode .nav-links a {
  color: #e0e0e0 !important;
}

/* News article specific styles */
body.dark-mode .main-content {
  background: #121212 !important;
  color: #e0e0e0 !important;
}

body.dark-mode .content-wrapper {
  background: transparent !important;
  color: #e0e0e0 !important;
}

body.dark-mode .news-article-section {
  background: #121212 !important;
}

body.dark-mode .breadcrumbs {
  color: #b0b0b0;
}

body.dark-mode .breadcrumbs a {
  color: #90caf9;
}

body.dark-mode .breadcrumbs a:hover {
  color: #64b5f6;
}

/* Article content */
body.dark-mode .news-article {
  background: #1e1e1e;
  color: #e0e0e0;
  border: 1px solid #2a2a2a;
}

body.dark-mode .article-header .article-title {
  color: #ffffff;
}

body.dark-mode .article-meta {
  color: #b0b0b0;
}

body.dark-mode .article-meta span {
  color: #b0b0b0;
}

body.dark-mode .article-content {
  color: #e0e0e0;
}

body.dark-mode .article-content p {
  color: #e0e0e0;
}

body.dark-mode .article-content h1,
body.dark-mode .article-content h2,
body.dark-mode .article-content h3,
body.dark-mode .article-content h4,
body.dark-mode .article-content h5,
body.dark-mode .article-content h6 {
  color: #ffffff;
}

body.dark-mode .article-content blockquote {
  background: #2a2a2a;
  border-left: 4px solid #90caf9;
  color: #e0e0e0;
}

body.dark-mode .image-caption {
  color: #b0b0b0;
}

/* Article footer */
body.dark-mode .article-footer {
  background: #1a1a1a;
  border-top: 1px solid #2a2a2a;
}

body.dark-mode .share-buttons span {
  color: #e0e0e0;
}

body.dark-mode .share-btn {
  background: #2a2a2a;
  color: #e0e0e0;
  border: 1px solid #404040;
}

body.dark-mode .share-btn:hover {
  background: #404040;
}

/* Related articles */
body.dark-mode .related-articles h3 {
  color: #ffffff;
}

body.dark-mode .related-article {
  background: #2a2a2a;
  border: 1px solid #404040;
  color: #e0e0e0;
}

body.dark-mode .related-article:hover {
  background: #333333;
}

body.dark-mode .related-article h4 {
  color: #ffffff;
}

body.dark-mode .related-article .article-date {
  color: #b0b0b0;
}

/* CTA section */
body.dark-mode .cta-section {
  background: #1a1a1a;
  color: #e0e0e0;
}

body.dark-mode .cta-content h2 {
  color: #ffffff;
}

body.dark-mode .cta-content p {
  color: #e0e0e0;
}

/* Footer */
body.dark-mode .footer {
  background: #181818;
  color: #e0e0e0;
}

body.dark-mode .footer a {
  color: #90caf9;
}

body.dark-mode .footer a:hover {
  color: #64b5f6;
}

body.dark-mode .footer h3 {
  color: #ffffff;
}