body.dark-mode {
  background-color: #181a1b !important;
  color: #e0e0e0 !important;
  text-align: center;
}
.dark-mode .navbar,
.dark-mode .navbar-menu.is-active {
  background: rgba(24,26,27,0.98) !important;
  color: #e0e0e0 !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4);
}
.dark-mode .navbar-brand h1,
.dark-mode .navbar-menu a,
.dark-mode .menu-button a {
  color: #e0e0e0 !important;
}
.dark-mode .menu-button {
  background: #23272a !important;
  color: #e0e0e0 !important;
}
.dark-mode .menu-button:hover {
  box-shadow: 0 0 15px #00d1b2;
}
.dark-mode .footer {
  background: #23272a !important;
  color: #e0e0e0 !important;
  box-shadow: 0 -5px 15px rgba(0,0,0,0.4);
}
.dark-mode .footer-menu a,
.dark-mode .footer-contact,
.dark-mode .footer-logo {
  color: #e0e0e0 !important;
}
.dark-mode .footer-menu a:hover {
  color: #00d1b2 !important;
}
.dark-mode .footer::before {
  background: linear-gradient(90deg, #00d1b2, #3273dc);
}
.dark-mode .member-card {
  background: #23272a !important;
  color: #e0e0e0 !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.5);
}
.dark-mode .menu-button a {
  color: #e0e0e0 !important;
}
.dark-mode .navbar-burger span {
  background: #e0e0e0 !important;
}
body.dark-mode .page-counter,
body.dark-mode .online-users {
  background: rgba(0,0,0,0.18);
  color: #ffe066;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18);
}
body.dark-mode .page-counter i,
body.dark-mode .online-users i {
  color: #ffe066;
}
body.dark-mode .mini-worldmap {
  background: #23272a;
  box-shadow: 0 1px 4px rgba(0,0,0,0.18);
}
/* Left align footer grid items in dark mode */
body.dark-mode .footer-logo,
body.dark-mode .footer-menu,
body.dark-mode .footer-contact,
body.dark-mode .footer-important-links {
  text-align: left !important;
  align-items: flex-start !important;
}