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