/*
 * Dark mode corrections for the page utility classes.
 * Those classes repeat the old inline colours with !important, so they beat the theme's
 * dark-mode rules. A real class here (higher specificity than :where()) restores them.
 */

.active-dark-mode .u-home-2,
.active-dark-mode .u-home-40,
.active-dark-mode .u-contact-4,
.active-dark-mode .u-contact-11,
.active-dark-mode .u-contact-13,
.active-dark-mode .u-contact-22,
.active-dark-mode .u-faq-5,
.active-dark-mode .u-cat-19,
.active-dark-mode .u-cat-23,
.active-dark-mode .u-cat-37,
.active-dark-mode .u-cat-44,
.active-dark-mode .u-post-11,
.active-dark-mode .u-post-21,
.active-dark-mode .u-post-24,
.active-dark-mode .u-post-26,
.active-dark-mode .u-post-31,
.active-dark-mode .u-home-82 {
  color: #f8fafc !important;
}

.active-dark-mode .u-home-10,
.active-dark-mode .u-home-34,
.active-dark-mode .u-home-41,
.active-dark-mode .u-home-44,
.active-dark-mode .u-home-76,
.active-dark-mode .u-home-83,
.active-dark-mode .u-contact-6,
.active-dark-mode .u-contact-12,
.active-dark-mode .u-contact-23,
.active-dark-mode .u-faq-7,
.active-dark-mode .u-cat-25,
.active-dark-mode .u-cat-38,
.active-dark-mode .u-cat-45,
.active-dark-mode .u-post-6,
.active-dark-mode .u-post-25 {
  color: #cbd5e1 !important;
}

.active-dark-mode .u-contact-1,
.active-dark-mode .u-faq-1 {
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

.active-dark-mode .u-cat-34 {
  background: #0f172a !important;
}

.active-dark-mode .u-contact-7,
.active-dark-mode .u-contact-18,
.active-dark-mode .u-cat-3,
.active-dark-mode .u-cat-18,
.active-dark-mode .u-post-8,
.active-dark-mode .u-post-20,
.active-dark-mode .u-post-30 {
  background: #1e293b !important;
  color: #e2e8f0 !important;
}

.active-dark-mode .u-post-8 h2,
.active-dark-mode .u-post-8 h3,
.active-dark-mode .u-cat-3 h2,
.active-dark-mode .u-cat-3 h3,
.active-dark-mode .theqa-service-content,
.active-dark-mode .theqa-service-content h2,
.active-dark-mode .theqa-service-content h3,
.active-dark-mode .theqa-service-content p,
.active-dark-mode .theqa-service-content li {
  color: #e2e8f0 !important;
}

.active-dark-mode .u-post-10 {
  background: #334155 !important;
  color: #e2e8f0 !important;
}

.active-dark-mode .u-contact-14,
.active-dark-mode .u-contact-15 {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-color: #334155 !important;
}

.active-dark-mode .u-contact-16 {
  color: #fff !important;
}

.active-dark-mode .sidebar-article-link:hover {
  color: #f59e0b !important;
}
