/* Dark Mode Styles */
body.dark-mode {
  background-color: #121314;
  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: #1f252b;
  /* 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;
  background: #1f252b;
}

/* 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: #121314; */
  /* border: 1px solid #404040; */
}

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

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;
}

p.copyright {
  color: #6f6f6f;
}

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 {
  background: #1f252b;
}

/* 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;
}



body.dark-mode div#header-top {
  background: #121314e8;
}

body.dark-mode header#header:before {
  filter: invert(1);
}

body.dark-mode form#search-form input[type="search"] {
  background: #1f252b;
}

body.dark-mode div#main-slider {
  background: #1f252b;
}


body.dark-mode .under_slider a h2 {
  background: linear-gradient(0deg, #002f5f, #1f252bc7);
}

body.dark-mode div#pdf-slider h2 {
  background: #1f252b;
  color: #fff;
}

body.dark-mode .section-border-in {
  border-color: #1f252b;
}

body.dark-mode .news-border > h2 {
  background: #012f5e;
}

body.dark-mode .nothumbnail {
  background: #0c0c0c;
}

body.dark-mode .news-border-in .nothumbnail {
  border-color: #03305c;
}

body.dark-mode ul.note-list li {
  background: #121314;
}

body.dark-mode footer#site-footer {
  background: #101214;
  background\: ;
}

body.dark-mode a#footer_logo .st0 {
  fill: #1f252b !important;
}

body.dark-mode footer#site-footer .social-icons a svg {
  fill: #687481;
}

body.dark-mode footer#site-footer a {
  color: #7094bd;
}

body.dark-mode .nothumbnail svg {
  fill: #191e23;
}

body.dark-mode .columns.column-33 .news-border > h2 {
  color: #4a9eff;
}

body.dark-mode ul.wp-block-latest-posts__list.wp-block-latest-posts {
    background: #333333;
}

body.dark-mode ul.wp-block-categories-list {
    background: unset;
}

body.dark-mode .content-area {
    background: unset;
    border: #2d2d2d 1px solid;
}

body.dark-mode .post-meta {
    background: #000000;
}

body.dark-mode div#related-news-widget a {
    border-color: #333333;
}

body.dark-mode .comments-section {
    background: unset;
}

body.dark-mode .category-card {
    background: #1f252b;
    border-color: #333333;
}

body.dark-mode .category-card-body p {
    color: #aaaaaa;
}

body.dark-mode .ad-slot,
body.dark-mode .ad-slot-placeholder {
    background: #1f252b;
    border-color: #333333;
    color: #aaaaaa;
}

body.dark-mode .mini-calendar {
    background: #1f252b;
}

body.dark-mode .mini-calendar strong {
    color: #4a9eff;
}

body.dark-mode .numbered-list li {
    border-color: #333333;
}

body.dark-mode .event-date {
    background: #333333;
    color: #cccccc;
}

body.dark-mode .city-pulse-item {
    background: #1f252b;
}