/* Dark Mode Styles Override */

body.dark-mode {
  background-color: var(--bg-light);
  color: var(--text-dark);
}

body.dark-mode .site-header {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .menu-primary-container-desktop li ul {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .header-search-bar {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .search-form .search-field {
  background-color: var(--bg-light);
  border-color: var(--border-color);
}

body.dark-mode .front-page-middle-bar {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .post-card {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .post-card-footer {
  border-color: var(--border-color);
}

body.dark-mode .widget {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .prayer-times-widget-container {
  background-color: var(--bg-light);
  border-color: var(--border-color);
}

body.dark-mode .prayer-time-item {
  border-color: var(--border-color);
}

body.dark-mode .prayer-footer {
  background-color: var(--border-color);
}

body.dark-mode .daily-verse-container {
  background-color: var(--bg-light);
  border-color: var(--border-color);
}

body.dark-mode .single-article-card {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .author-box {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .post-navigation .nav-previous,
body.dark-mode .post-navigation .nav-next {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .comments-area {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .comment-body {
  border-color: var(--border-color);
}

body.dark-mode .comment-form input[type="text"],
body.dark-mode .comment-form input[type="email"],
body.dark-mode .comment-form textarea {
  background-color: var(--bg-light);
  border-color: var(--border-color);
}

body.dark-mode .comment-reply-link {
  background-color: var(--bg-light);
  border-color: var(--border-color);
}

body.dark-mode .mobile-menu-drawer {
  background-color: var(--bg-white);
  border-color: var(--border-color);
}

body.dark-mode .drawer-header {
  border-color: var(--border-color);
}

body.dark-mode .drawer-body li {
  border-color: var(--border-color);
}

body.dark-mode .pagination .page-numbers {
  border-color: var(--border-color);
  color: var(--text-dark);
}

/* Adjustments for icons in dark mode */
body.dark-mode .header-action-btn:hover {
  background-color: var(--border-color);
}