/**
 * Dark theme overrides for Impact template + shared pages.
 * Activated when next-themes sets data-bs-theme="dark" on the root element.
 */

[data-bs-theme="dark"] {
  color-scheme: dark;
}

[data-bs-theme="dark"] {
  --color-default: #e4e4e7;
  --color-primary: #38bdf8;
  --color-secondary: #fb7185;
}

[data-bs-theme="dark"] body {
  background-color: #0f1419;
  color: var(--color-default);
}

[data-bs-theme="dark"] #preloader {
  background: #0f1419;
}

[data-bs-theme="dark"] .sections-bg {
  background-color: #1a222c;
}

[data-bs-theme="dark"] .section-header p {
  color: #a1a1aa;
}

[data-bs-theme="dark"] .breadcrumbs nav {
  background-color: #1a222c;
}

[data-bs-theme="dark"] .breadcrumbs nav ol {
  color: var(--color-default);
}

[data-bs-theme="dark"] .services .service-item {
  background: #1e2936;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

[data-bs-theme="dark"] .services .service-item .icon i {
  color: var(--color-default);
}

[data-bs-theme="dark"] .services .service-item .icon {
  background: rgba(148, 163, 184, 0.16);
}

[data-bs-theme="dark"] .services .service-item h3 {
  color: var(--color-default);
  border-bottom-color: #2d3748;
}

[data-bs-theme="dark"] .services .service-item:hover .icon {
  background: rgba(56, 189, 248, 0.22);
}

[data-bs-theme="dark"] .testimonials .testimonial-item {
  background: #1e2936;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

[data-bs-theme="dark"] .testimonials .testimonial-item h3 {
  color: #f4f4f5;
}

[data-bs-theme="dark"] .testimonials .testimonial-item h4 {
  color: #a1a1aa;
}

[data-bs-theme="dark"] .testimonials .swiper-pagination .swiper-pagination-bullet {
  background-color: rgba(255, 255, 255, 0.25);
}

[data-bs-theme="dark"] .faq .accordion-button {
  background: #1e2936;
  color: var(--color-default);
}

[data-bs-theme="dark"] .faq .accordion-body {
  background: #1e2936;
  color: #d4d4d8;
}

[data-bs-theme="dark"] .faq .content p {
  color: #a1a1aa;
}

[data-bs-theme="dark"] .recent-posts article {
  background-color: #1e2936;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

[data-bs-theme="dark"] .recent-posts .post-category {
  color: #a1a1aa;
}

[data-bs-theme="dark"] .recent-posts .title a {
  color: #f4f4f5;
}

[data-bs-theme="dark"] .recent-posts .post-date {
  color: #a1a1aa;
}

[data-bs-theme="dark"] .contact .php-email-form {
  background: #1e2936;
}

[data-bs-theme="dark"] .contact .php-email-form input[type="text"],
[data-bs-theme="dark"] .contact .php-email-form input[type="email"],
[data-bs-theme="dark"] .contact .php-email-form textarea {
  background-color: #111827;
  border-color: #374151;
  color: var(--color-default);
}

[data-bs-theme="dark"] .contact .php-email-form input:focus,
[data-bs-theme="dark"] .contact .php-email-form textarea:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 0.2rem rgba(56, 189, 248, 0.25);
}

[data-bs-theme="dark"] .blog .posts-list article {
  background: #1e2936;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}

[data-bs-theme="dark"] .blog .posts-list .post-category {
  color: #a1a1aa;
}

[data-bs-theme="dark"] .blog .posts-list .title a {
  color: #f4f4f5;
}

[data-bs-theme="dark"] .blog-details .content {
  color: #d4d4d8;
}

[data-bs-theme="dark"] .blog-details .title {
  color: #f4f4f5;
}

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

[data-bs-theme="dark"] .sidebar-item.recent-posts h4 a {
  color: #f4f4f5;
}

[data-bs-theme="dark"] .header.sticked {
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

[data-bs-theme="dark"] .navbar .dropdown ul {
  background: #1e2936;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
}

[data-bs-theme="dark"] .navbar .dropdown ul a {
  color: var(--color-primary);
}

[data-bs-theme="dark"] .sticky-alert {
  border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Personal (/app) layout — soften dark mode without redesigning vendor CSS */
[data-bs-theme="dark"] .signle-layout {
  background-color: #0f1419;
}

[data-bs-theme="dark"] .signle-layout .main-font {
  color: #d4d4d8;
}

[data-bs-theme="dark"] .signle-layout .h1,
[data-bs-theme="dark"] .signle-layout .h2,
[data-bs-theme="dark"] .signle-layout .h3,
[data-bs-theme="dark"] .signle-layout .h4,
[data-bs-theme="dark"] .signle-layout .h5,
[data-bs-theme="dark"] .signle-layout .h6,
[data-bs-theme="dark"] .signle-layout h1,
[data-bs-theme="dark"] .signle-layout h2,
[data-bs-theme="dark"] .signle-layout h3,
[data-bs-theme="dark"] .signle-layout h4,
[data-bs-theme="dark"] .signle-layout h5,
[data-bs-theme="dark"] .signle-layout h6 {
  color: #f4f4f5;
}

[data-bs-theme="dark"] .signle-layout .header-left {
  background: #161b22;
}

[data-bs-theme="dark"] .signle-layout .main-left {
  background: #0f1419;
}