/* Dark Mode Implementation */
:root {
  --bg-primary: #ffffff;
  --bg-secondary: #f8f9fa;
  --bg-tertiary: #e9ecef;
  --text-primary: #212529;
  --text-secondary: #6c757d;
  --text-muted: #adb5bd;
  --border-color: #dee2e6;
  --border-light: #e9ecef;
  --shadow: rgba(0, 0, 0, 0.1);
  --shadow-dark: rgba(0, 0, 0, 0.15);
  --link-color: #007bff;
  --link-hover: #0056b3;
  --card-bg: #ffffff;
  --navbar-bg: #ffffff;
  --footer-bg: #f8f9fa;
  --input-bg: #ffffff;
  --input-border: #ced4da;
  --btn-primary-bg: #007bff;
  --btn-primary-border: #007bff;
  --btn-primary-hover: #0056b3;
}

[data-theme="dark"] {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --bg-tertiary: #404040;
  --text-primary: #ffffff;
  --text-secondary: #b0b0b0;
  --text-muted: #808080;
  --border-color: #404040;
  --border-light: #2d2d2d;
  --shadow: rgba(0, 0, 0, 0.3);
  --shadow-dark: rgba(0, 0, 0, 0.5);
  --link-color: #4dabf7;
  --link-hover: #74c0fc;
  --card-bg: #2d2d2d;
  --navbar-bg: #1a1a1a;
  --footer-bg: #2d2d2d;
  --input-bg: #404040;
  --input-border: #555555;
  --btn-primary-bg: #4dabf7;
  --btn-primary-border: #4dabf7;
  --btn-primary-hover: #74c0fc;
}

/* Dark Mode Styles */
[data-theme="dark"] body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

[data-theme="dark"] .navbar {
  background-color: var(--navbar-bg) !important;
  border-bottom: 1px solid var(--border-color);
}

[data-theme="dark"] .navbar-brand,
[data-theme="dark"] .nav-link {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .nav-link:hover {
  color: var(--link-color) !important;
}

[data-theme="dark"] .card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .card-header {
  background-color: var(--bg-secondary);
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .form-control {
  background-color: var(--input-bg);
  border-color: var(--input-border);
  color: var(--text-primary);
}

[data-theme="dark"] .form-control:focus {
  background-color: var(--input-bg);
  border-color: var(--link-color);
  color: var(--text-primary);
}

[data-theme="dark"] .btn-primary {
  background-color: var(--btn-primary-bg);
  border-color: var(--btn-primary-border);
}

[data-theme="dark"] .btn-primary:hover {
  background-color: var(--btn-primary-hover);
  border-color: var(--btn-primary-hover);
}

[data-theme="dark"] .text-muted {
  color: var(--text-muted) !important;
}

[data-theme="dark"] .text-secondary {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .border {
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .border-bottom {
  border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .bg-light {
  background-color: var(--bg-secondary) !important;
}

[data-theme="dark"] .bg-white {
  background-color: var(--card-bg) !important;
}

[data-theme="dark"] .sidebar-block {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .featured-post-card {
  background-color: var(--card-bg);
}

[data-theme="dark"] .featured-post-card h3 {
  color: var(--text-primary);
}

[data-theme="dark"] .featured-post-card:hover h3 {
  color: var(--link-color);
}

[data-theme="dark"] .post-title {
  color: var(--text-primary);
}

[data-theme="dark"] .post-title:hover {
  color: var(--link-color);
}

[data-theme="dark"] .post-excerpt {
  color: var(--text-secondary);
}

[data-theme="dark"] .post-meta {
  color: var(--text-muted);
}

[data-theme="dark"] .dropdown-menu {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .dropdown-item {
  color: var(--text-primary);
}

[data-theme="dark"] .dropdown-item:hover {
  background-color: var(--bg-secondary);
  color: var(--text-primary);
}

[data-theme="dark"] .modal-content {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .modal-header {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .modal-footer {
  border-top-color: var(--border-color);
}

[data-theme="dark"] .offcanvas {
  background-color: var(--card-bg);
}

[data-theme="dark"] .offcanvas-header {
  border-bottom-color: var(--border-color);
}

[data-theme="dark"] .list-group-item {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .table {
  color: var(--text-primary);
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
  border-color: var(--border-color);
}

[data-theme="dark"] .pagination .page-link {
  background-color: var(--card-bg);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .pagination .page-link:hover {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
  color: var(--text-primary);
}

[data-theme="dark"] .pagination .page-item.active .page-link {
  background-color: var(--btn-primary-bg);
  border-color: var(--btn-primary-border);
}

[data-theme="dark"] .related-post-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .related-post-title {
  color: var(--text-primary);
}

[data-theme="dark"] .related-post-big-card {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .related-post-big-title {
  color: var(--text-primary);
}

[data-theme="dark"] .related-post-big-excerpt {
  color: var(--text-secondary);
}

[data-theme="dark"] .related-post-big-meta {
  color: var(--text-muted);
}

[data-theme="dark"] .post-item {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .post-item .post-title {
  color: var(--text-primary);
}

[data-theme="dark"] .post-item .post-excerpt {
  color: var(--text-secondary);
}

[data-theme="dark"] .post-item .post-meta {
  color: var(--text-muted);
}

[data-theme="dark"] .trending-bar {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

[data-theme="dark"] .trending-tag {
  color: var(--text-primary);
  background-color: var(--bg-tertiary);
}

[data-theme="dark"] .trending-tag:hover {
  background-color: var(--link-color);
  color: white;
}

[data-theme="dark"] .search-box {
  background-color: var(--card-bg);
  border-color: var(--border-color);
}

[data-theme="dark"] .gsc-webResult .gsc-result {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color);
}

[data-theme="dark"] .gsc-webResult .gsc-result .gs-title {
  color: var(--link-color) !important;
}

[data-theme="dark"] .gsc-webResult .gsc-result .gs-snippet {
  color: var(--text-secondary) !important;
}

/* Dark mode transition */
body {
  transition: background-color 0.3s ease, color 0.3s ease;
}

* {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* --- Dark mode fixes for header, trending bar, and post list cards --- */
[data-theme="dark"] .site-navbar,
[data-theme="dark"] .header-date,
[data-theme="dark"] .navbar,
[data-theme="dark"] .navbar-nav,
[data-theme="dark"] .navbar-brand,
[data-theme="dark"] .nav-link,
[data-theme="dark"] .header-ad-banner {
  background-color: var(--navbar-bg) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .trending-bar,
[data-theme="dark"] .trending-tags,
[data-theme="dark"] .badge.badge-light {
  background-color: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .trending-tag,
[data-theme="dark"] .badge.badge-light {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .trending-tag:hover {
  background-color: var(--link-color) !important;
  color: #fff !important;
}

[data-theme="dark"] .post-list-card,
[data-theme="dark"] .post-item,
[data-theme="dark"] .sidebar-block,
[data-theme="dark"] .featured-post-card,
[data-theme="dark"] .related-post-card,
[data-theme="dark"] .related-post-big-card {
  background-color: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .post-list-card a,
[data-theme="dark"] .post-item a,
[data-theme="dark"] .featured-post-card a,
[data-theme="dark"] .related-post-card a,
[data-theme="dark"] .related-post-big-card a {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .post-list-card .post-title,
[data-theme="dark"] .post-item .post-title,
[data-theme="dark"] .featured-post-card h3,
[data-theme="dark"] .related-post-title,
[data-theme="dark"] .related-post-big-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .post-list-card .post-excerpt,
[data-theme="dark"] .post-item .post-excerpt,
[data-theme="dark"] .featured-post-card .post-excerpt,
[data-theme="dark"] .related-post-big-excerpt {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .post-list-card .post-meta,
[data-theme="dark"] .post-item .post-meta,
[data-theme="dark"] .featured-post-card .post-meta,
[data-theme="dark"] .related-post-big-meta {
  color: var(--text-muted) !important;
}

[data-theme="dark"] .ad-block,
[data-theme="dark"] .header-ad-banner {
  background: transparent !important;
}

[data-theme="dark"] .post-list-item {
  background: var(--card-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .post-list-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .section-label-text,
[data-theme="dark"] .featured-section-label,
[data-theme="dark"] .popular-post-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .news-ticker-bar,
[data-theme="dark"] .news-ticker,
[data-theme="dark"] .news-ticker-bar *,
[data-theme="dark"] .news-ticker * {
  background: var(--navbar-bg) !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .news-ticker-bar .badge,
[data-theme="dark"] .news-ticker .badge {
  background: #ffc107 !important;
  color: #222 !important;
}

[data-theme="dark"] .news-ticker-bar,
[data-theme="dark"] .news-ticker {
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .news-ticker-container {
  background: var(--navbar-bg) !important;
  border-bottom: 1px solid var(--border-color) !important;
}
[data-theme="dark"] .news-ticker-container .container,
[data-theme="dark"] .news-ticker-container .ticker-track,
[data-theme="dark"] .news-ticker-container .news-ticker,
[data-theme="dark"] .news-ticker-container .ticker-fade {
  background: transparent !important;
  color: var(--text-primary) !important;
  box-shadow: none !important;
}
[data-theme="dark"] .news-ticker-container .ticker-fade {
  background: linear-gradient(to right,rgba(34,34,34,0),var(--navbar-bg) 80%) !important;
}
[data-theme="dark"] .news-ticker-container a {
  color: var(--text-primary) !important;
}
[data-theme="dark"] .news-ticker-container span[style*="color:#d32f2f"] {
  color: var(--text-primary) !important;
}
[data-theme="dark"] .news-ticker-container span[style*="color:#ffb300"] {
  color: var(--text-primary) !important;
}

/* --- Sidebar Search Form Dark Mode --- */
[data-theme="dark"] .sidebar-block form .input-group {
  border-radius: 999px;
  overflow: hidden;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.18);
  background: var(--input-bg);
  border: 1.5px solid var(--input-border);
  transition: box-shadow 0.2s, border-color 0.2s;
}
[data-theme="dark"] .sidebar-block .form-control {
  border-radius: 999px 0 0 999px !important;
  background: transparent !important;
  color: var(--text-primary) !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 1.1em;
  font-size: 1.08em;
}
[data-theme="dark"] .sidebar-block .form-control:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
[data-theme="dark"] .sidebar-block .form-control::placeholder {
  color: #b0b0b0 !important;
  opacity: 1 !important;
}
[data-theme="dark"] .sidebar-block .input-group-append .input-group-text,
[data-theme="dark"] .sidebar-block .input-group-append button,
[data-theme="dark"] .sidebar-block .input-group-text {
  background: transparent !important;
  color: var(--text-primary) !important;
  border: none !important;
  border-radius: 0 999px 999px 0 !important;
  transition: background 0.2s;
  padding-right: 1.1em;
  padding-left: 0.7em;
  display: flex;
  align-items: center;
  min-width: 44px;
  justify-content: center;
}
[data-theme="dark"] .sidebar-block .input-group-append .input-group-text:hover,
[data-theme="dark"] .sidebar-block .input-group-append button:hover {
  background: var(--btn-primary-bg) !important;
  color: #fff !important;
}
[data-theme="dark"] .sidebar-block .input-group-append .input-group-text svg,
[data-theme="dark"] .sidebar-block .input-group-append button svg {
  fill: var(--text-primary) !important;
  color: var(--text-primary) !important;
  transition: fill 0.2s, color 0.2s;
}
[data-theme="dark"] .sidebar-block .input-group-append .input-group-text:hover svg,
[data-theme="dark"] .sidebar-block .input-group-append button:hover svg {
  fill: #fff !important;
  color: #fff !important;
}
[data-theme="dark"] .sidebar-block form .input-group:focus-within {
  border-color: var(--btn-primary-bg);
  box-shadow: 0 0 0 2px var(--btn-primary-bg);
}

/* --- Mobile Header Icons: Dark Mode --- */
[data-theme="dark"] header .btn svg,
[data-theme="dark"] header button svg {
  fill: #fff !important;
  stroke: #fff !important;
  color: #fff !important;
}
[data-theme="dark"] header .btn svg rect,
[data-theme="dark"] header .btn svg circle,
[data-theme="dark"] header .btn svg path {
  fill: #fff !important;
  stroke: #fff !important;
}

/* --- Mobile Search Dropdown: Dark Mode --- */
[data-theme="dark"] #mobile-search-dropdown {
  background: var(--card-bg) !important;
  border-color: var(--border-color) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.45);
}
[data-theme="dark"] #mobile-search-dropdown .input-group {
  border-radius: 999px;
  overflow: hidden;
  box-shadow: 0 2px 8px 0 rgba(0,0,0,0.28);
  background: var(--input-bg);
  border: 1.5px solid var(--input-border);
  transition: box-shadow 0.2s, border-color 0.2s;
}
[data-theme="dark"] #mobile-search-dropdown .form-control {
  border-radius: 999px 0 0 999px !important;
  background: transparent !important;
  color: var(--text-primary) !important;
  border: none !important;
  box-shadow: none !important;
  padding-left: 1.1em;
  font-size: 1.08em;
}
[data-theme="dark"] #mobile-search-dropdown .form-control:focus {
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
}
[data-theme="dark"] #mobile-search-dropdown .form-control::placeholder {
  color: #b0b0b0 !important;
  opacity: 1 !important;
}
[data-theme="dark"] #mobile-search-dropdown .input-group-append .input-group-text,
[data-theme="dark"] #mobile-search-dropdown .input-group-append button,
[data-theme="dark"] #mobile-search-dropdown .input-group-text {
  background: var(--btn-primary-bg) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 999px 999px 0 !important;
  transition: background 0.2s;
  padding-right: 1.1em;
  padding-left: 0.7em;
  display: flex;
  align-items: center;
  min-width: 44px;
  justify-content: center;
}
[data-theme="dark"] #mobile-search-dropdown .input-group-append .input-group-text:hover,
[data-theme="dark"] #mobile-search-dropdown .input-group-append button:hover {
  background: var(--btn-primary-hover) !important;
  color: #fff !important;
}
[data-theme="dark"] #mobile-search-dropdown .input-group-append .input-group-text svg,
[data-theme="dark"] #mobile-search-dropdown .input-group-append button svg {
  fill: #fff !important;
  color: #fff !important;
  transition: fill 0.2s, color 0.2s;
}
[data-theme="dark"] #mobile-search-dropdown .input-group:focus-within {
  border-color: var(--btn-primary-bg);
  box-shadow: 0 0 0 2px var(--btn-primary-bg);
}

/* Modern Desktop Dark Mode Toggle Button Design */
.desktop-dark-mode-btn {
  border: none !important;
  border-radius: 25px !important;
  padding: 0 !important;
  height: 35px !important;
  width: 65px !important;
  background: #e0e0e0 !important;
  color: white !important;
  font-weight: 600 !important;
  font-size: 0.9rem !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  position: relative !important;
  overflow: hidden !important;
  margin-left: 8px !important;
}

.desktop-dark-mode-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

.desktop-dark-mode-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
}

.desktop-dark-mode-btn .dark-mode-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
  width: 100% !important;
  position: relative !important;
}

.desktop-dark-mode-btn .toggle-track {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 3px !important;
  transition: all 0.3s ease !important;
}

.desktop-dark-mode-btn .toggle-thumb {
  width: 29px !important;
  height: 29px !important;
  background: white !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  transform: translateX(0) !important;
}

.desktop-dark-mode-btn .darkmode-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.desktop-dark-mode-btn .darkmode-icon svg {
  width: 16px !important;
  height: 16px !important;
  color: #ffb300 !important;
  fill: #ffb300 !important;
  transition: all 0.3s ease !important;
}

/* Dark theme styles for toggle button */
[data-theme="dark"] .desktop-dark-mode-btn {
  background: #333 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
}

[data-theme="dark"] .desktop-dark-mode-btn:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.4) !important;
}

[data-theme="dark"] .desktop-dark-mode-btn .toggle-track {
  justify-content: flex-end !important;
}

[data-theme="dark"] .desktop-dark-mode-btn .toggle-thumb {
  transform: translateX(30px) !important;
  background: #222 !important;
}

[data-theme="dark"] .desktop-dark-mode-btn .darkmode-icon svg {
  color: #4fc3f7 !important;
  fill: #4fc3f7 !important;
}

/* Mobile styles remain unchanged - only apply desktop styles */
@media (max-width: 767.98px) {
  .desktop-dark-mode-btn {
    display: none !important;
  }
}

/* Dark theme styles for desktop button */
[data-theme="dark"] .desktop-dark-mode-btn {
  background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%) !important;
  box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3) !important;
}

[data-theme="dark"] .desktop-dark-mode-btn:hover {
  box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4) !important;
  background: linear-gradient(135deg, #ff5252 0%, #e64a19 100%) !important;
}

[data-theme="dark"] .desktop-dark-mode-btn .darkmode-icon svg {
  color: white !important;
  fill: white !important;
}

/* Dark mode styles for single-with-sidebar.php post page */
[data-theme="dark"] .sidebar-block,
[data-theme="dark"] .sidebar-block .sidebar-body,
[data-theme="dark"] .sidebar-block .featured-section-label,
[data-theme="dark"] .sidebar-block .new-big-related-row,
[data-theme="dark"] .sidebar-block .related-posts-row,
[data-theme="dark"] .sidebar-block .adblock,
[data-theme="dark"] .sidebar-block .ad-block {
    background: #181a1b !important;
    color: #eee !important;
}

[data-theme="dark"] .sidebar-block .featured-section-label-text,
[data-theme="dark"] .sidebar-block .section-label-text,
[data-theme="dark"] .sidebar-block .title a,
[data-theme="dark"] .sidebar-block .excerpt,
[data-theme="dark"] .sidebar-block .popular-post-title,
[data-theme="dark"] .sidebar-block .category-badge {
    color: #fff !important;
}

[data-theme="dark"] .sidebar-block .category-badge {
    background: #333 !important;
    color: #ffb300 !important;
}

[data-theme="dark"] .sidebar-block .breadcrumb,
[data-theme="dark"] .sidebar-block .breadcrumb a {
    color: #bbb !important;
}

[data-theme="dark"] .breadcrumb-item.active {
  color: #fff !important;
}

/* Dark mode for MOST VIEWED LAST 2 DAYS section specifically */
[data-theme="dark"] .sidebar-block .sidebar-body > div[style*="background:#fff"] {
    background: #181a1b !important;
}

[data-theme="dark"] .sidebar-block .sidebar-body div[style*="color:#222"] {
    color: #fff !important;
}

[data-theme="dark"] .sidebar-block .sidebar-body div[style*="color:#888"] {
    color: #bbb !important;
}

[data-theme="dark"] .sidebar-block .sidebar-body div[style*="color:#d32f2f"] {
    color: #ff6b6b !important;
}

[data-theme="dark"] .sidebar-block .sidebar-body div[style*="border-bottom:1px solid #eee"] {
    border-bottom-color: #333 !important;
}

/* Dark mode for search box */
[data-theme="dark"] .sidebar-block .input-group .form-control {
    background: #181a1b !important;
    border-color: #333 !important;
    color: #fff !important;
}

[data-theme="dark"] .sidebar-block .input-group .form-control::placeholder {
    color: #bbb !important;
}

[data-theme="dark"] .sidebar-block .input-group .input-group-text {
    background: #181a1b !important;
    border-color: #333 !important;
    color: #fff !important;
}

/* Dark mode for new-big-related-card (2 big posts in மேலும் செய்திகள் section) */
[data-theme="dark"] .new-big-related-card {
    background: #181a1b !important;
    color: #fff !important;
}

[data-theme="dark"] .new-big-related-card .content {
    background: #181a1b !important;
    color: #fff !important;
}

[data-theme="dark"] .new-big-related-card .title a {
    color: #fff !important;
}

[data-theme="dark"] .new-big-related-card .excerpt {
    color: #bbb !important;
}

[data-theme="dark"] .new-big-related-card .category-badge {
    background: #333 !important;
    color: #ffb300 !important;
}

/* Dark mode for new-big-related-row container */
[data-theme="dark"] .new-big-related-row {
    background: #181a1b !important;
}

/* Dark mode for related-posts-row (first 3 posts) */
[data-theme="dark"] .related-posts-row {
    background: #181a1b !important;
}

[data-theme="dark"] .related-posts-row .featured-post-card {
    background: #181a1b !important;
    color: #fff !important;
}

[data-theme="dark"] .related-posts-row .featured-post-card a {
    color: #fff !important;
}

[data-theme="dark"] .related-posts-row .featured-post-card h3,
[data-theme="dark"] .related-posts-row .featured-post-card .post-title {
    color: #fff !important;
}

/* Dark mode for MOST VIEWED LAST 2 DAYS title specifically */
[data-theme="dark"] .sidebar-block span[style*="color:#222"] {
    color: #fff !important;
}

[data-theme="dark"] .sidebar-block span[style*="font-size:1.1em;font-weight:700;color:#222"] {
    color: #fff !important;
}

/* Dark mode for post summary/excerpt text */
[data-theme="dark"] .post-single .lead {
    color: #fff !important;
}

[data-theme="dark"] .post-single-content {
    color: #fff !important;
}

[data-theme="dark"] .post-single-content p {
    color: #fff !important;
}

[data-theme="dark"] .post-single-content h1,
[data-theme="dark"] .post-single-content h2,
[data-theme="dark"] .post-single-content h3,
[data-theme="dark"] .post-single-content h4,
[data-theme="dark"] .post-single-content h5,
[data-theme="dark"] .post-single-content h6 {
    color: #fff !important;
}

[data-theme="dark"] .post-single-content a {
    color: #4fc3f7 !important;
}

[data-theme="dark"] .post-single-content a:hover {
    color: #81d4fa !important;
}

/* Dark mode for post meta information */
[data-theme="dark"] .post-single span[style*="color:#888"] {
    color: #bbb !important;
}

[data-theme="dark"] .post-single span[style*="color:#333"] {
    color: #fff !important;
}

/* Dark mode for mobile dark mode button text */
[data-theme="dark"] .darkmode-label {
    color: #fff !important;
}

[data-theme="dark"] #dark-mode-toggle .darkmode-label,
[data-theme="dark"] #desktop-dark-mode-toggle .darkmode-label,
[data-theme="dark"] #desktop-dark-mode-toggle-top .darkmode-label {
    color: #fff !important;
}

[data-theme="dark"] .darkmode-icon-btn .darkmode-label {
    color: #fff !important;
}

/* Ensure mobile dark mode button text is white */
[data-theme="dark"] .navbar-nav .nav-item .btn .darkmode-label {
    color: #fff !important;
}

/* Dark mode for mobile dark mode button icon */
[data-theme="dark"] .darkmode-icon svg {
    color: #fff !important;
}

[data-theme="dark"] .darkmode-icon svg path,
[data-theme="dark"] .darkmode-icon svg circle,
[data-theme="dark"] .darkmode-icon svg g {
    fill: #fff !important;
    stroke: #fff !important;
}

[data-theme="dark"] #dark-mode-toggle .darkmode-icon svg,
[data-theme="dark"] #desktop-dark-mode-toggle .darkmode-icon svg,
[data-theme="dark"] #desktop-dark-mode-toggle-top .darkmode-icon svg {
    color: #fff !important;
}

[data-theme="dark"] #dark-mode-toggle .darkmode-icon svg path,
[data-theme="dark"] #desktop-dark-mode-toggle .darkmode-icon svg path,
[data-theme="dark"] #desktop-dark-mode-toggle-top .darkmode-icon svg path {
    fill: #fff !important;
    stroke: #fff !important;
}

/* Ensure mobile dark mode button icon is white */
[data-theme="dark"] .navbar-nav .nav-item .btn .darkmode-icon svg {
    color: #fff !important;
}

[data-theme="dark"] .navbar-nav .nav-item .btn .darkmode-icon svg path {
    fill: #fff !important;
    stroke: #fff !important;
}

/* Category page post titles and cards */
[data-theme="dark"] .cat-post-title {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .cat-post-title:hover {
  color: var(--link-color) !important;
}

[data-theme="dark"] .cat-post-card {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color);
}

[data-theme="dark"] .cat-post-excerpt {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .cat-meta-item {
  color: var(--text-muted) !important;
}

/* Calendar badge in category page */
[data-theme="dark"] .calendar-badge {
  background-color: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .calendar-top {
  background-color: var(--link-color) !important;
  color: #fff !important;
}

[data-theme="dark"] .calendar-bottom {
  background-color: var(--bg-tertiary) !important;
  color: var(--text-primary) !important;
}

/* Read more button in category page */
[data-theme="dark"] .cat-readmore-btn {
  background-color: var(--btn-primary-bg) !important;
  color: #fff !important;
  border-color: var(--btn-primary-border) !important;
}

[data-theme="dark"] .cat-readmore-btn:hover {
  background-color: var(--btn-primary-hover) !important;
  border-color: var(--btn-primary-hover) !important;
}

/* Topic badges in topics page */
[data-theme="dark"] .badge.badge-primary {
  background-color: var(--btn-primary-bg) !important;
  color: #fff !important;
  border-color: var(--btn-primary-border) !important;
}

[data-theme="dark"] .badge.badge-primary:hover {
  background-color: var(--btn-primary-hover) !important;
  border-color: var(--btn-primary-hover) !important;
}

/* Topics page card */
[data-theme="dark"] .topics-page .card {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .topics-page h2,
[data-theme="dark"] .topics-page h4 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .cat-readmore-btn:hover {
  background-color: var(--btn-primary-hover) !important;
  border-color: var(--btn-primary-hover) !important;
}

[data-theme="dark"] .trending-bar {
  background-color: var(--bg-secondary);
  border-color: var(--border-color);
}

/* Individual topic page */
[data-theme="dark"] .topic-page .card {
  background-color: var(--card-bg) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .topic-page h2 {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .topic-page .alert-info {
  background-color: var(--bg-secondary) !important;
  border-color: var(--border-color) !important;
  color: var(--text-primary) !important;
}

/* Desktop header menubar top border */
@media (min-width: 768px) {
  .desktop-header-menubar-top {
    border-top: 3px solid #b36ae2;
    margin-top: 0;
    padding-top: 12px; /* Space between border and menu */
  }
}

[data-theme="dark"] .important-news-card,
[data-theme="dark"] .important-news-item {
    background: #232526 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}
[data-theme="dark"] .important-news-title {
    color: #fff !important;
}
[data-theme="dark"] .important-news-img {
    filter: brightness(0.85) !important;
}

[data-theme="dark"] .home-feed-card,
[data-theme="dark"] .news-list-item {
    background: #232526 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}
[data-theme="dark"] .news-list-item .card-title {
    color: #fff !important;
}
[data-theme="dark"] .news-list-item .card-img {
    filter: brightness(0.85) !important;
}
[data-theme="dark"] .latest-news-header {
    background: #18191a !important;
    color: #fff !important;
}
[data-theme="dark"] .news-list-item .card-meta {
    color: #bbb !important;
}

[data-theme="dark"] .special-news-section,
[data-theme="dark"] .special-news-item {
    background: #232526 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
}
[data-theme="dark"] .special-news-item .card-title {
    color: #fff !important;
}
[data-theme="dark"] .special-news-item .card-img {
    filter: brightness(0.85) !important;
}
[data-theme="dark"] .section-header.section-header-green-red {
    color: #fff !important;
    border: none !important;
    border-left: 6px solid #eb2227 !important;
}

[data-theme="dark"] .sidebar {
    background: #232526 !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.25) !important;
} 

[data-theme="dark"] .special-news-section,
[data-theme="dark"] .sidebar-block.sidebar-widget:has(.section-header-green-red:contains('அதிகம் படித்தவை')),
[data-theme="dark"] .sidebar-block.sidebar-widget:has(.section-header-green-red:contains('விசேட செய்திகள்')) {
  background: #000 !important;
} 

[data-theme="dark"] .wa-promo-box {
  background: #18191a !important;
  border-color: #25D366 !important;
}
[data-theme="dark"] .wa-promo-btn {
  background: #128C7E !important;
  color: #fff !important;
  border: none !important;
}
[data-theme="dark"] .wa-promo-headline {
  color: #fff !important;
}