/* =========================================================
   DARK MODE
   ========================================================= */

body.dark-mode {
  background: #000 !important;
  color: #fff !important;
}

body.dark-mode,
body.dark-mode main,
body.dark-mode .site-main,
body.dark-mode section,
body.dark-mode .page-content,
body.dark-mode .auth-page,
body.dark-mode .bolum-page,
body.dark-mode .kitap-detay-page,
body.dark-mode .page-galeri {
  background-color: #000 !important;
  color: #fff !important;
}

body.dark-mode.bg-home,
body.dark-mode.hakkimda-page,
body.dark-mode .hakkimda-page,
body.dark-mode .bg-home,
body.dark-mode .page-galeri {
  background: #000 !important;
  background-image: none !important;
}

body.dark-mode .header,
body.dark-mode .navbar {
  background: #000 !important;
  box-shadow: 0 2px 10px rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode .logo a,
body.dark-mode .logo span,
body.dark-mode .nav-links a,
body.dark-mode .user-name {
  color: #fff !important;
}

body.dark-mode .hamburger span {
  background: #fff !important;
}

body.dark-mode .nav-search input,
body.dark-mode .mobile-search input,
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
}

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

body.dark-mode #aramaSonuc,
body.dark-mode #mobileAramaSonuc {
  background: #111 !important;
  border: 1px solid #2b2b2b !important;
  box-shadow: 0 8px 20px rgba(255, 255, 255, 0.05) !important;
}

body.dark-mode #aramaSonuc a,
body.dark-mode #mobileAramaSonuc a {
  color: #fff !important;
  border-bottom: 1px solid #222 !important;
}

body.dark-mode #aramaSonuc a:hover,
body.dark-mode #mobileAramaSonuc a:hover {
  background: #1a1a1a !important;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode .hero h1,
body.dark-mode .metin-baslik,
body.dark-mode .kitap-detay-title,
body.dark-mode .bolum-header h1,
body.dark-mode .kitap-detay-info::before {
  color: #fff !important;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode .hero p,
body.dark-mode .yorum-bos,
body.dark-mode .yorum-uyari,
body.dark-mode .yorum-tarih,
body.dark-mode .kitap-aciklama,
body.dark-mode .kitap-detay-desc,
body.dark-mode .paragraf-text,
body.dark-mode .yorum-metin,
body.dark-mode .bolum-header p,
body.dark-mode .auth-bottom,
body.dark-mode .satin-al-desc {
  color: #d0d0d0 !important;
}

body.dark-mode .auth-card,
body.dark-mode .galeri-card,
body.dark-mode .kitap-detay-info,
body.dark-mode .bolumler-kart,
body.dark-mode .bolum-header,
body.dark-mode .metin-card,
body.dark-mode .duyuru-card,
body.dark-mode .satin-card,
body.dark-mode .satin-al-box,
body.dark-mode .yorum-item,
body.dark-mode .kitap-hakkinda-kart,
body.dark-mode .box {
  background: #111 !important;
  color: #fff !important;
  border-color: #2f2f2f !important;
  box-shadow: 0 12px 28px rgba(255, 255, 255, 0.04) !important;
}

body.dark-mode .bolum-item {
  background: #111 !important;
  border: 1px solid #333 !important;
}

body.dark-mode .bolum-item:hover {
  background: #1b1b1b !important;
  box-shadow: none !important;
}

body.dark-mode .bolum-no,
body.dark-mode .bolum-baslik,
body.dark-mode .page-galeri-title,
body.dark-mode .satin-al-title,
body.dark-mode .satin-al-name,
body.dark-mode .galeri-body h5 {
  color: #fff !important;
}

body.dark-mode .yorum-sayisi,
body.dark-mode .yorum-toggle {
  background: #0d0d0d !important;
  color: #fff !important;
  border: 1px solid #3a3a3a !important;
}

body.dark-mode .auth-btn,
body.dark-mode .hero-btn,
body.dark-mode .kitap-detay-btn,
body.dark-mode .yorum-btn,
body.dark-mode .galeri-btn,
body.dark-mode .btn-user,
body.dark-mode button,
body.dark-mode .satin-al-link {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #fff !important;
}

body.dark-mode .auth-btn:hover,
body.dark-mode .hero-btn:hover,
body.dark-mode .kitap-detay-btn:hover,
body.dark-mode .yorum-btn:hover,
body.dark-mode .galeri-btn:hover,
body.dark-mode .btn-user:hover,
body.dark-mode button:hover,
body.dark-mode .satin-al-link:hover {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

body.dark-mode .login-btn,
body.dark-mode .register-btn,
body.dark-mode .logout-btn {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #fff !important;
}

body.dark-mode .theme-toggle {
  background: #fff;
  color: #000;
  border: 1px solid #fff;
}

body.dark-mode .theme-icon-moon {
  opacity: 0;
}

body.dark-mode .theme-icon-sun {
  opacity: 1;
}

body.dark-mode .nav-links {
  background: rgba(0, 0, 0, 0.96) !important;
}

body.dark-mode .nav-links li:not(.mobile-search-li):not(.mobile-user-welcome) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  padding: 0 !important;
}

body.dark-mode .nav-links li:not(.mobile-search-li):not(.mobile-user-welcome) a {
  display: inline-block !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff !important;
  padding: 0 !important;
}

body.dark-mode .mobile-user-link {
  background: #111 !important;
  color: #fff !important;
  border: 1px solid #333 !important;
}

body.dark-mode .mobile-user-link-register,
body.dark-mode .mobile-user-link-logout {
  background: #fff !important;
  color: #000 !important;
  border: 1px solid #fff !important;
}

body.dark-mode .mobile-user-welcome {
  color: #fff !important;
}

body.dark-mode .galeri-img img,
body.dark-mode .satin-al-image img {
  filter: brightness(0.92) contrast(1.05);
}

@media (max-width: 768px) {
  body.dark-mode .nav-links li:not(.mobile-search-li):not(.mobile-user-welcome) {
    background: #111 !important;
    border: 1px solid #333 !important;
    width: 85% !important;
  }

  body.dark-mode .nav-links li:not(.mobile-search-li):not(.mobile-user-welcome) a {
    display: block !important;
    padding: 18px 0 !important;
    color: #fff !important;
  }
}