/* Dark Mode Color Overrides */
[data-theme="dark"] {
  --body-color: #e2e8f0;
  --heading-color: #ffffff;
  --bg-white: #1a202c;
  --border-color: #2d3748;
  --primary-dark: #0f172a;
  --primary-darker: #020617;
}

/* Base Body Transition & Overrides when Dark Mode is Active */
body[data-theme="dark"] {
  background-color: #0f172a !important;
  color: var(--body-color) !important;
}

body[data-theme="dark"] .bg-white,
body[data-theme="dark"] .tt-price-single,
body[data-theme="dark"] .card {
  background-color: var(--bg-white) !important;
  border-color: var(--border-color) !important;
  color: var(--body-color) !important;
}

body[data-theme="dark"] .tt-price-single h2,
body[data-theme="dark"] h2,
body[data-theme="dark"] h3,
body[data-theme="dark"] h4,
body[data-theme="dark"] h5 {
  color: var(--heading-color) !important;
}

/* Dark Mode Header & Navigation */
[data-theme="dark"] header,
[data-theme="dark"] .header,
[data-theme="dark"] .tt-header,
[data-theme="dark"] .navbar,
[data-theme="dark"] .main-navbar-wrapper {
  background-color: #0f172a !important;
  border-bottom: 0px solid rgba(255, 255, 255, 0.1) !important;
}

/* Nav Link Text Colors in Dark Mode */
[data-theme="dark"] .navbar-nav .nav-link,
[data-theme="dark"] .tt-secondary-list a,
[data-theme="dark"] .tt-main-header a {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .navbar-nav .nav-link:hover,
[data-theme="dark"] .tt-secondary-list a:hover {
  color: var(--worning, #ff9800) !important;
}

/* Theme Toggle Button & Icon Styling */
#theme-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-color: rgba(226, 232, 240, 0.3) !important;
}

[data-theme="dark"] #theme-toggle {
  background-color: rgba(255, 255, 255, 0.1) !important;
  /* border-color: rgba(255, 255, 255, 0.2) !important; */
}

#theme-icon {
  font-size: 0.95rem;
  color: #334155; /* Visible moon color in light mode */
  transition: color 0.3s ease;
}

[data-theme="dark"] #theme-icon {
    color: #f1f5f9 !important; /*White color in dark mode*/
}