/* ======================================================
   DARK THEME (Overrides Only)
   Apply via: body.dark-mode
   ====================================================== */

/*
|--------------------------------------------------------------------------
| GLOBAL BACKGROUND & TEXT
|--------------------------------------------------------------------------
*/

body.dark-mode {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6 {
  color: #ffffff !important;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode li {
  color: #dcdcdc !important;
}


/*
|--------------------------------------------------------------------------
| LINKS & BUTTONS
|--------------------------------------------------------------------------
*/

body.dark-mode a {
  color: #66b3ff !important;
}

body.dark-mode a:hover,
body.dark-mode a:focus {
  color: #99ccff !important;
}

/* Primary buttons */
body.dark-mode .btn,
body.dark-mode .btn-primary,
body.dark-mode .wpcf7-submit {
  background-color: #1f1f1f !important;
  border-color: #1f1f1f !important;
  color: #fff !important;
}

body.dark-mode .btn:hover,
body.dark-mode .btn:focus {
  background-color: #333 !important;
  border-color: #333 !important;
}


/*
|--------------------------------------------------------------------------
| CARD BASES (GLOBAL)
|--------------------------------------------------------------------------
*/

body.dark-mode .card,
body.dark-mode .testimonial-card,
body.dark-mode .team-member,
body.dark-mode .state-card,
body.dark-mode .emet-card,
body.dark-mode .sip-card {
  background: #1e1e1e !important;
  border-color: #333 !important;
  color: #eee !important;
}

body.dark-mode .card-title,
body.dark-mode .card-text {
  color: #fff !important;
}


/*
|--------------------------------------------------------------------------
| FORMS (CF7, WPForms, Newsletter)
|--------------------------------------------------------------------------
*/

body.dark-mode input[type="text"],
body.dark-mode input[type="email"],
body.dark-mode input[type="tel"],
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .form-control,
body.dark-mode .wpcf7-form-control {
  background: #1c1c1c !important;
  border: 1px solid #444 !important;
  color: #e6e6e6 !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
  color: #888 !important;
}

body.dark-mode .wpcf7-not-valid {
  border-color: #e94f4f !important;
  outline-color: #e94f4f !important;
}

body.dark-mode .wpcf7-response-output {
  background: #222 !important;
  color: #fff !important;
}


/*
|--------------------------------------------------------------------------
| HEADER / MENU
|--------------------------------------------------------------------------
*/

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

body.dark-mode .header-search input[type="search"] {
  background: #1c1c1c !important;
  border: 1px solid #333 !important;
  color: #ddd !important;
}


/*
|--------------------------------------------------------------------------
| FOOTER
|--------------------------------------------------------------------------
*/

body.dark-mode .site-footer {
  background: #0c0c0c !important;
}

body.dark-mode .footer-social-icon svg {
  fill: #fff !important;
}

body.dark-mode .footer-social-icon:hover svg {
  fill: #66b3ff !important;
}


/*
|--------------------------------------------------------------------------
| SWIPER (Homepage & Testimonials)
|--------------------------------------------------------------------------
*/

/* Hero slider overlay */
body.dark-mode .homepageSwiper .mobile-overlay {
  background: rgba(0,0,0,0.75) !important;
}

/* Pagination bullets */
body.dark-mode .swiper-pagination-bullet {
  background: rgba(255,255,255,0.4) !important;
}

body.dark-mode .swiper-pagination-bullet-active {
  background: #fff !important;
  border-color: #000 !important;
}

/* Arrows */
body.dark-mode .swiper-button-prev,
body.dark-mode .swiper-button-next {
  background: #222 !important;
  color: #fff !important;
}


/*
|--------------------------------------------------------------------------
| BLOG + ARCHIVES
|--------------------------------------------------------------------------
*/

body.dark-mode .blog-card {
  background: #1b1b1b !important;
  border-color: #333 !important;
}

body.dark-mode .blog-card .entry-title a {
  color: #eee !important;
}


/*
|--------------------------------------------------------------------------
| CONTACT PAGE CARDS
|--------------------------------------------------------------------------
*/

body.dark-mode .contact-page .card {
  background: #1c1c1c !important;
  border-color: #323232 !important;
}

body.dark-mode .contact-page .card-title {
  color: #fff !important;
  border-bottom-color: #333 !important;
}

body.dark-mode .contact-info a {
  color: #8ab4ff !important;
}


/*
|--------------------------------------------------------------------------
| COUNTDOWN & DARK BACKGROUNDS
|--------------------------------------------------------------------------
*/

body.dark-mode .countdown .overlay {
  background: rgba(0,0,0,0.95) !important;
}

body.dark-mode .donation-cta .overlay {
  background: rgba(0,0,0,0.9) !important;
}


/*
|--------------------------------------------------------------------------
| TABLES / LISTS
|--------------------------------------------------------------------------
*/

body.dark-mode table {
  background: #1c1c1c !important;
  border-color: #333 !important;
}

body.dark-mode th,
body.dark-mode td {
  border-color: #444 !important;
  color: #eee !important;
}


/*
|--------------------------------------------------------------------------
| BORDERS, DIVIDERS & HR
|--------------------------------------------------------------------------
*/

body.dark-mode hr,
body.dark-mode .hr-divider,
body.dark-mode .contact-divider {
  border-color: #333 !important;
}


/*
|--------------------------------------------------------------------------
| SVG ICONS GLOBAL
|--------------------------------------------------------------------------
*/

body.dark-mode svg,
body.dark-mode path {
  stroke: #ffffff !important;
  fill: #ffffff !important;
}


/*
|--------------------------------------------------------------------------
| LIGHTBOX (Fancybox/Modals)
|--------------------------------------------------------------------------
*/

body.dark-mode .fancybox__container {
  background: rgba(0,0,0,0.85) !important;
}

body.dark-mode .fancybox__backdrop {
  background: rgba(0,0,0,0.9) !important;
}