/* Dark mode root */
body.dark {
  background: #111;
  color: #eee;
}

/* Links */
body.dark a {
  color: #9cf;
}

/* Table styling */
body.dark .list-table th {
  background: #222;
  color: #eee;
}

body.dark .list-table td {
  border-color: #333;
}

body.dark .list-table tr:hover td {
  background: #1a1a1a;
}

/* Search bar */
body.dark .list-search {
  background: #222;
  color: #eee;
  border-color: #444;
}

/* Pagination */
body.dark .page-btn {
  background: #222;
  color: #eee;
  border-color: #444;
}

body.dark .page-btn.active {
  background: #007acc;
  color: white;
}

/* Toggle button */
.dark-toggle {
  background: none;
  border: none;
  font-size: 1.4rem;
  cursor: pointer;
  margin-left: 1rem;
  color: inherit;
}

/* Global text color override */
body.dark,
body.dark p,
body.dark span,
body.dark li,
body.dark td,
body.dark th,
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6 {
  color: #ffffff !important;
}

/* Dark mode homepage background + hero */
body.dark.home {
  background: #111 !important;
}

body.dark .homepage-hero,
body.dark .home-hero {
  background: linear-gradient(180deg, #111 0%, #000 100%) !important;
  border-bottom: 1px solid #333 !important;
}

body.dark .homepage-wrapper::before {
  background: #333 !important;
}

/* Dark mode header/nav */
body.dark .site-nav {
  background: #111 !important;
  border-bottom: 1px solid #333 !important;
}

body.dark .site-nav a {
  color: #fff !important;
}

/* Dark mode homepage nav boxes */
body.dark .homepage-nav .nav-card {
  background: #222 !important;
  color: #fff !important;
  border-color: #444 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.6) !important;
}

body.dark .homepage-nav .nav-card:hover {
  background: #2a2a2a !important;
  border-color: #666 !important;
}

/* Dark mode keyword gallery cards */
body.dark .keyword-card {
  background: #222 !important;
  border: 1px solid #444 !important;
  color: #fff !important;
}

body.dark .keyword-card a {
  color: #fff !important;
}

body.dark .keyword-cover.placeholder {
  background: #333 !important;
  color: #ccc !important;
}

body.dark .keyword-card:hover {
  background: #2a2a2a !important;
  border-color: #666 !important;
}

/* Dark mode for Latest Additions */
body.dark .latest-item {
  background: #222 !important;
  border-color: #444 !important;
  color: #fff !important;
}

body.dark .latest-item:hover {
  background: #2a2a2a !important;
  border-color: #666 !important;
}

body.dark .latest-date {
  color: #ccc !important;
}

/* Collapse footer in dark mode */
.dark .footer-site-title,
.dark .sub-footer,
.dark .footer,
.dark .site-footer-wrapper,
.dark .site-footer-container {
  display: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
}

.dark .site-footer p {
  margin: 0 !important;
  padding: 0.25rem 0 !important;
  line-height: 1.2 !important;
}

.dark .home-hero,
.dark .homepage-hero {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}