/*  
      dark-mode.css                                                                                                  
      Bond & Pollard Oracle Consultants website                                                                      
      Copyright Bond and Pollard Ltd 2026                                                                            
      Version History                                                                                                
      Date         Version     Author        Comments  
      ===================================================================================
      20/04/2026   v1.00       Ian Bond      Created.  
*/
  
/*
   DARK MODE OVERRIDES
   Allow users to toggle between light and dark mode
   with a menu button.
*/

html[data-theme="dark"] {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

/* Headings */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: #ffffff !important;
}

/* Links */
html[data-theme="dark"] a {
  color: #4dabf7 !important;
}

/* Main UI blocks from preset1.css */
html[data-theme="dark"] .main-nav,
html[data-theme="dark"] .service-icon,
html[data-theme="dark"] .progress-bar.progress-bar-primary,
html[data-theme="dark"] .single-table.featured,
html[data-theme="dark"] .btn.btn-primary,
html[data-theme="dark"] .post-icon,
html[data-theme="dark"] .entry-header .date:after {
  background-color: #1e1e1e !important;
}

/* Sections with images */
html[data-theme="dark"] #about-us,
html[data-theme="dark"] #contact-us {
  background-image: none !important;
  background-color: #121212 !important;
}

/* Footer */
html[data-theme="dark"] #footer .footer-bottom {
  background-color: #1e1e1e !important;
}

html[data-theme="dark"] body {
  background-color: #121212 !important;
}

html[data-theme="dark"] body {
  color: #e0e0e0 !important;
}

html[data-theme="dark"] .container,
html[data-theme="dark"] section,
html[data-theme="dark"] div {
  background-color: transparent;
}

html[data-theme="dark"] .our-services .col-sm-4 {
  border-right: 1px solid rgba(255,255,255,0.08) !important;
  border-bottom: 1px solid rgba(255,255,255,0.08) !important;
}

html[data-theme="dark"] .source-code {
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
}


html[data-theme="dark"] #theme-toggle,
html[data-theme="dark"] .theme-toggle {
  background-color: #1e1e1e !important;
  color: #e0e0e0 !important;
  border: 1px solid #333 !important;
}

html[data-theme="dark"] #theme-toggle:hover,
html[data-theme="dark"] .theme-toggle:hover {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .team-member,
html[data-theme="dark"] .team-member p,
html[data-theme="dark"] .team-member h3,
html[data-theme="dark"] .team-member h4 {
  color: #e0e0e0 !important;
}