/* GLOBAL DARK MODE */
html.dark-mode {
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
}

/* TEXT & HEADINGS */
html.dark-mode h1,
html.dark-mode h2,
html.dark-mode h3,
html.dark-mode h4,
html.dark-mode h5,
html.dark-mode h6,
html.dark-mode strong,
html.dark-mode p {
  color: #ffffff !important;
}

/* HEADER & NAVIGATION */
html.dark-mode .ast-site-identity .site-title,
html.dark-mode .ast-site-identity .site-title a,
html.dark-mode .main-header-menu a,
html.dark-mode .ast-builder-menu .main-header-menu a {
  color: #ffffff !important;
}

html.dark-mode .main-header-menu a:hover {
  color: #8dd6ff !important;
}

html.dark-mode .ast-primary-header-bar,
html.dark-mode .ast-site-header-wrap,
html.dark-mode .main-header-bar {
  background-color: #1e1e1e !important;
}

/* PAGE & CONTENT */
html.dark-mode .site,
html.dark-mode .site-content,
html.dark-mode .ast-container,
html.dark-mode .ast-footer-overlay,
html.dark-mode .entry-content,
html.dark-mode .ast-article-inner,
html.dark-mode .ast-single-post,
html.dark-mode .chapter-content,
html.dark-mode .ast-builder-layout-element,
html.dark-mode .widget {
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
  border: none !important;
}

/* PAGINATION */
html.dark-mode .page-numbers {
  color: #ffffff !important;
  background-color: #2c2c2c !important;
}

html.dark-mode .page-numbers.current {
  background-color: #007bff !important;
}

/* FOOTER */
html.dark-mode .site-footer,
html.dark-mode .ast-footer-overlay,
html.dark-mode .ast-footer-copyright,
html.dark-mode .site-below-footer-wrap,
html.dark-mode .site-footer > .ast-container,
html.dark-mode .site-footer > .ast-container > .ast-row,
html.dark-mode .ast-builder-grid-row {
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
  border: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html.dark-mode .site-footer a {
  color: #8dd6ff !important;
}

/* FORM & INPUTS */
html.dark-mode input,
html.dark-mode textarea,
html.dark-mode select {
  background-color: #2c2c2c !important;
  color: #ffffff !important;
  border-color: #555 !important;
}

/* BUTTONS */
html.dark-mode .ast-button,
html.dark-mode .ast-custom-button,
html.dark-mode .button,
html.dark-mode .wp-block-button__link {
  background-color: #333 !important;
  color: #fff !important;
  border-color: #555 !important;
}

html.dark-mode .ast-button:hover,
html.dark-mode .wp-block-button__link:hover {
  background-color: #555 !important;
}

/* NAV MENU */
html.dark-mode .ast-nav-menu,
html.dark-mode .ast-nav-menu li a {
  background-color: #1e1e1e !important;
  color: #f0f0f0 !important;
}

html.dark-mode .ast-nav-menu li:hover > a {
  background-color: #333 !important;
}

/* TITLES */
html.dark-mode h2.entry-title,
html.dark-mode h2.entry-title a,
html.dark-mode .ast-post-title,
html.dark-mode .ast-post-title a,
html.dark-mode .post-title,
html.dark-mode .post-title a,
html.dark-mode .chapter-heading,
html.dark-mode .chapter-title,
html.dark-mode .novel-details h1 {
  color: #ffffff !important;
}

/* MODAL */
html.dark-mode .gem-modal {
  background-color: #2c2c2c !important;
  color: #ffffff !important;
  border-radius: 10px;
  padding: 20px;
}

html.dark-mode .gem-modal p,
html.dark-mode .gem-modal strong,
html.dark-mode .gem-modal input,
html.dark-mode .gem-modal h2 {
  color: #ffffff !important;
}

html.dark-mode .gem-modal input {
  background-color: #1e1e1e !important;
  border: 1px solid #444 !important;
}

html.dark-mode .gem-modal .gem-actions button {
  color: #ffffff !important;
}

html.dark-mode .gem-modal h2 {
  font-size: 1.5rem;
}

/* Default text in dark mode (valid selection) */
html.dark-mode p#selected-gems-display {
	color: #ffffff;
}

/* Only apply red when it's a warning */
html.dark-mode p#selected-gems-display.warning-text {
	color: #ff4d4f !important;
}