/* ============================================================
   MEET DGITAL — dark-mode.css
   Dark Mode Overrides — Royal Blue + Gold Luxury Theme
   ============================================================ */

/* ── Base ── */
[data-theme="dark"] body {
  background-color: #0E0E1C;
  background-image: none;
  color: #E8E8F8;
}

/* ── Cards ── */
[data-theme="dark"] .card,
[data-theme="dark"] .service-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .blog-card,
[data-theme="dark"] .team-card,
[data-theme="dark"] .accordion-item {
  background: rgba(26,26,46,0.90);
  border-color: rgba(255,255,255,0.07);
}

[data-theme="dark"] .card-glass {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.10);
}

/* ── Forms ── */
[data-theme="dark"] .form-control {
  background: #1A1A2E;
  border-color: rgba(255,255,255,0.10);
  color: #E8E8F8;
}

[data-theme="dark"] .form-control:focus {
  background: #252540;
  border-color: var(--primary-light);
  box-shadow: 0 0 0 4px rgba(74,95,191,0.18);
}

[data-theme="dark"] .form-control::placeholder { color: rgba(255,255,255,0.30); }

/* ── Tabs ── */
[data-theme="dark"] .tab-list { background: rgba(255,255,255,0.05); }
[data-theme="dark"] .tab-btn  { color: rgba(255,255,255,0.55); }

/* ── Filter Buttons ── */
[data-theme="dark"] .filter-btn {
  background: #1A1A2E;
  border-color: rgba(255,255,255,0.10);
  color: rgba(255,255,255,0.60);
}

/* ── Accordion ── */
[data-theme="dark"] .accordion-header { color: #E8E8F8; }
[data-theme="dark"] .accordion-icon   { background: rgba(255,255,255,0.08); }
[data-theme="dark"] .accordion-item.active { border-color: rgba(74,95,191,0.30); }

/* ── Navbar ── */
[data-theme="dark"] .navbar.nav-scrolled {
  background: rgba(14,14,28,0.92);
  box-shadow: 0 1px 30px rgba(0,0,0,0.40);
}

[data-theme="dark"] .logo-name       { color: #E8E8F8; }
[data-theme="dark"] .nav-link        { color: rgba(255,255,255,0.70); }
[data-theme="dark"] .nav-link:hover  { color: #fff; }

[data-theme="dark"] .nav-dropdown {
  background: #1A1A2E;
  border-color: rgba(255,255,255,0.08);
}
[data-theme="dark"] .nav-dropdown::before {
  background: #1A1A2E;
  border-color: rgba(255,255,255,0.08);
}

[data-theme="dark"] .mega-menu { background: #1A1A2E; border-color: rgba(255,255,255,0.08); }

[data-theme="dark"] .nav-dropdown-link:hover { background: rgba(255,255,255,0.06); }
[data-theme="dark"] .mega-menu-link:hover     { color: var(--secondary-light); }

[data-theme="dark"] .dark-mode-toggle {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.12);
}

[data-theme="dark"] .hamburger span { background: #E8E8F8; }

/* ── Mobile Nav ── */
[data-theme="dark"] .mobile-nav { background: #0E0E1C; }
[data-theme="dark"] .mobile-nav-link    { color: #E8E8F8; border-color: rgba(255,255,255,0.06); }
[data-theme="dark"] .mobile-nav-sublink { color: rgba(255,255,255,0.60); }

/* ── Footer (already dark) ── */
[data-theme="dark"] .footer { background: linear-gradient(150deg,#080816 0%,#0F1A40 50%,#0E0E1C 100%); }

/* ── Headings in Dark Mode ── */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #E8E8F8;
}

[data-theme="dark"] p { color: rgba(255,255,255,0.65); }

/* ── Section Variants ── */
[data-theme="dark"] .section-gray { background: rgba(20,20,40,0.80); }

[data-theme="dark"] .section-dark {
  background: linear-gradient(135deg, #060612 0%, #0F1A40 60%, #1A0D30 100%);
}

/* ── Gradient Text Dark ── */
[data-theme="dark"] .gradient-text {
  background: linear-gradient(135deg, #7B9AF5 0%, #9BB7FF 50%, var(--secondary-light) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ── Highlight ── */
[data-theme="dark"] .highlight::after { background: var(--secondary); opacity: 0.40; }

/* ── Divider ── */
[data-theme="dark"] .divider {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.08), transparent);
}

/* ── Icon List ── */
[data-theme="dark"] .icon-list-icon { background: rgba(74,95,191,0.18); }

/* ── Service Icon ── */
[data-theme="dark"] .service-icon {
  background: linear-gradient(135deg, rgba(74,95,191,0.18), rgba(184,146,42,0.12));
}

/* ── Breadcrumb ── */
[data-theme="dark"] .breadcrumb a       { color: rgba(255,255,255,0.40); }
[data-theme="dark"] .breadcrumb a:hover { color: var(--secondary-light); }

/* ── Timeline ── */
[data-theme="dark"] .timeline-item::before { border-color: #0E0E1C; }

/* ── Toast ── */
[data-theme="dark"] .toast { background: #1A1A2E; color: #E8E8F8; }

/* ── Progress Bar ── */
[data-theme="dark"] .progress-bar-track { background: rgba(255,255,255,0.08); }

/* ── Page Hero ── */
[data-theme="dark"] .page-hero {
  background: linear-gradient(135deg, #060612 0%, #0F1A40 50%, #1A0D30 100%);
}

/* ── Newsletter ── */
[data-theme="dark"] .newsletter-section {
  background: linear-gradient(135deg, #060612, #0F1A40);
}

/* ── Blog Card ── */
[data-theme="dark"] .blog-card { border-color: rgba(255,255,255,0.06); }

/* ── Lightbox ── */
[data-theme="dark"] .lightbox-overlay { background: rgba(5,5,15,0.97); }

/* ── Stats ── */
[data-theme="dark"] .stat-number { color: var(--secondary-light); }

/* ── Nav Dropdown Icon ── */
[data-theme="dark"] .nav-dropdown-link-icon { background: rgba(74,95,191,0.18); }

/* ── Float Buttons ── */
[data-theme="dark"] .float-top { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); }

/* ── Dark Mode Icon Toggle ── */
.dark-icon-sun  { display: none; }
.dark-icon-moon { display: block; }

[data-theme="dark"] .dark-icon-sun  { display: block; }
[data-theme="dark"] .dark-icon-moon { display: none; }

/* ── Scrollbar Dark ── */
[data-theme="dark"] ::-webkit-scrollbar-track { background: #0E0E1C; }