/* Dark Mode Styles */
body.dark-mode {
  background-color: #1a1a1a;
  color: #e0e0e0;
}

/* Global transitions for smooth dark mode switching */
* {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, fill 0.3s ease, stroke 0.3s ease;
}

/* Header Dark Mode */
body.dark-mode #header {
  background-color: #2d2d2d;
  border-bottom: 1px solid #404040;
}

body.dark-mode #header_in {
  background-color: #2d2d2d;
}

body.dark-mode .canvas-menu {
  background-color: #2d2d2d;
}

body.dark-mode .primary-menu a {
  color: #e0e0e0;
}

body.dark-mode .primary-menu a:hover {
  color: #4a9eff;
}

/* Logo and Branding */
body.dark-mode #logo svg .st0 {
  fill: #4a9eff;
}

/* Dark Mode Toggle */
body.dark-mode .dark-mode-toggle {
  color: #4a9eff;
  background-color: rgba(74, 158, 255, 0.1);
}

body.dark-mode .dark-mode-toggle span {
  color: #4a9eff;
}

body.dark-mode .dark-mode-toggle svg {
  stroke: #4a9eff;
}

body.dark-mode .dark-mode-toggle:hover {
  background-color: rgba(74, 158, 255, 0.2);
}

/* Main Content */
body.dark-mode .container {
  background-color: #2d2d2d;
}

body.dark-mode .news-border {
  background-color: #333333;
  border: 1px solid #404040;
}

body.dark-mode .news-border-in {
  background-color: #333333;
}

body.dark-mode .news-border-in img {
  border-color: #4a9eff;
}

/* Typography */
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #e0e0e0;
}

body.dark-mode p {
  color: #cccccc;
}

body.dark-mode a {
  color: #4a9eff;
}

body.dark-mode a:hover {
  color: #66b3ff;
}

/* Forms */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background-color: #333333;
  border: 1px solid #404040;
  color: #e0e0e0;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
  border-color: #4a9eff;
  outline: none;
}

/* Buttons */
body.dark-mode button,
body.dark-mode .btn {
  background-color: #4a9eff;
  color: #ffffff;
  border: 1px solid #4a9eff;
}

body.dark-mode button:hover,
body.dark-mode .btn:hover {
  background-color: #66b3ff;
  border-color: #66b3ff;
}

/* Sidebar */
body.dark-mode #sidebar {
  background-color: #2d2d2d;
}

body.dark-mode .widget {
  background-color: #333333;
  border: 1px solid #404040;
}

/* Footer */
body.dark-mode #footer {
  background-color: #2d2d2d;
  border-top: 1px solid #404040;
}

body.dark-mode #footer a {
  color: #4a9eff;
}

/* Search */
body.dark-mode .search-form input {
  background-color: #333333;
  color: #e0e0e0;
}

/* Pagination */
body.dark-mode .pagination a,
body.dark-mode .pagination span {
  background-color: #333333;
  color: #e0e0e0;
  border: 1px solid #404040;
}

body.dark-mode .pagination a:hover {
  background-color: #4a9eff;
  color: #ffffff;
}

/* Tables */
body.dark-mode table {
  background-color: #333333;
}

body.dark-mode th,
body.dark-mode td {
  border-color: #404040;
}

body.dark-mode th {
  background-color: #2d2d2d;
}

/* Code blocks */
body.dark-mode pre,
body.dark-mode code {
  background-color: #2d2d2d;
  color: #e0e0e0;
  border: 1px solid #404040;
}

/* Blockquotes */
body.dark-mode blockquote {
  background-color: #333333;
  border-left: 4px solid #4a9eff;
}

/* Horizontal rules */
body.dark-mode hr {
  border-color: #404040;
}

/* Selection */
body.dark-mode ::selection {
  background-color: #4a9eff;
  color: #ffffff;
}

body.dark-mode ::-moz-selection {
  background-color: #4a9eff;
  color: #ffffff;
}

/* Scrollbar */
body.dark-mode ::-webkit-scrollbar {
  width: 12px;
}

body.dark-mode ::-webkit-scrollbar-track {
  background: #2d2d2d;
}

body.dark-mode ::-webkit-scrollbar-thumb {
  background: #404040;
  border-radius: 6px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #4a9eff;
}

/* Swiper slider dark mode */
body.dark-mode .swiper-pagination-bullet {
  background-color: #404040;
}

body.dark-mode .swiper-pagination-bullet-active {
  background-color: #4a9eff;
}

body.dark-mode .swiper-button-next,
body.dark-mode .swiper-button-prev {
  color: #4a9eff;
}

/* Contact form dark mode */
body.dark-mode #mana-contact-form {
  background-color: #333333;
}

body.dark-mode #form-messages .success {
  background-color: #2d5a2d;
  color: #90ee90;
}

body.dark-mode #form-messages .error {
  background-color: #5a2d2d;
  color: #ffb6c1;
}

/* Mobile menu dark mode */
body.dark-mode .burger_menu_toggle svg {
  fill: #4a9eff;
}

/* Social media icons */
body.dark-mode .socials svg {
  fill: #4a9eff;
}

body.dark-mode .socials svg:hover {
  fill: #66b3ff;
}

/* Additional dark mode styles */
body.dark-mode .entry {
  background-color: #333333;
  border: 1px solid #404040;
}

body.dark-mode .entry:hover {
  border-color: #4a9eff;
}

body.dark-mode .entry h2 a {
  color: #e0e0e0;
}

body.dark-mode .entry h2 a:hover {
  color: #4a9eff;
}

body.dark-mode .entry-meta {
  color: #aaaaaa;
}

body.dark-mode .entry-content {
  color: #cccccc;
}

/* Search results dark mode */
body.dark-mode .search-results {
  background-color: #333333;
}

body.dark-mode .search-results .entry {
  background-color: #2d2d2d;
}

/* Archive pages dark mode */
body.dark-mode .archive-header {
  background-color: #2d2d2d;
  border-bottom: 1px solid #404040;
}

body.dark-mode .archive-title {
  color: #e0e0e0;
}

/* Single post dark mode */
body.dark-mode .single-post {
  background-color: #333333;
}

body.dark-mode .post-navigation {
  background-color: #2d2d2d;
  border: 1px solid #404040;
}

body.dark-mode .post-navigation a {
  color: #4a9eff;
}

body.dark-mode .post-navigation a:hover {
  color: #66b3ff;
}

/* Comments dark mode */
body.dark-mode .comment-list {
  background-color: #333333;
}

body.dark-mode .comment {
  background-color: #2d2d2d;
  border: 1px solid #404040;
}

body.dark-mode .comment-author {
  color: #4a9eff;
}

body.dark-mode .comment-meta {
  color: #aaaaaa;
}

body.dark-mode .comment-content {
  color: #cccccc;
}