/* ==================== DARK MODE STYLES ==================== */
/* Arka plan #1a1f2e, TÜM kartlar/bloklar #2a2f3a, TÜM yazılar beyaz */

body.dark-mode {
  background: #1a1f2e !important;
  color: #ffffff !important;
}

/* Header - dark mode'dan tamamen muaf */

/* TÜM section'lar arka plan #1a1f2e */
body.dark-mode .packages-section,
body.dark-mode .features-section,
body.dark-mode .testimonials-section,
body.dark-mode .faq-section,
body.dark-mode .article-section,
body.dark-mode .contact-section,
body.dark-mode .blog-section {
  background: #1a1f2e !important;
}

/* TÜM kartlar ve bloklar #2a2f3a */
body.dark-mode .card,
body.dark-mode .feature-card,
body.dark-mode .package-card,
body.dark-mode .testimonial-card,
body.dark-mode .pricing-card,
body.dark-mode .faq-item,
body.dark-mode .blog-card,
body.dark-mode .contact-card,
body.dark-mode .article-content,
body.dark-mode .template-item,
body.dark-mode .credit-package-card,
body.dark-mode .billing-item,
body.dark-mode .ticket-card {
  background: #2a2f3a !important;
  border: 1px solid #3d4758 !important;
  color: #ffffff !important;
}

/* TÜM başlıklar, paragraflar, span'ler beyaz (HEADER, NOTIF-BAR ve SMS MODAL HARİÇ) */
body.dark-mode h1:not(.header *):not(.notif-bar *):not(#orderDetailModal *):not(#contentModal *),
body.dark-mode h2:not(.header *):not(.notif-bar *):not(#orderDetailModal *):not(#contentModal *),
body.dark-mode h3:not(.header *):not(.notif-bar *):not(#orderDetailModal *):not(#contentModal *),
body.dark-mode h4:not(.header *):not(.notif-bar *):not(#orderDetailModal *):not(#contentModal *),
body.dark-mode h5:not(.header *):not(.notif-bar *):not(#orderDetailModal *):not(#contentModal *),
body.dark-mode h6:not(.header *):not(.notif-bar *):not(#orderDetailModal *):not(#contentModal *),
body.dark-mode p:not(.header *):not(.notif-bar *):not(#orderDetailModal *):not(#contentModal *),
body.dark-mode span:not(.header *):not(.notif-bar *):not(#orderDetailModal *):not(#contentModal *),
body.dark-mode li:not(.header *):not(.notif-bar *):not(#orderDetailModal *):not(#contentModal *),
body.dark-mode label:not(.header *):not(.notif-bar *):not(#orderDetailModal *):not(#contentModal *),
body.dark-mode .title,
body.dark-mode .subtitle,
body.dark-mode .packages-title,
body.dark-mode .packages-subtitle,
body.dark-mode .features-title,
body.dark-mode .features-subtitle,
body.dark-mode .faq-title,
body.dark-mode .faq-subtitle,
body.dark-mode .testimonials-title,
body.dark-mode .testimonials-subtitle,
body.dark-mode .author-name,
body.dark-mode .testimonial-content p,
body.dark-mode .article-text,
body.dark-mode .article-text * {
  color: #ffffff !important;
}

/* Feature kartları - 1. ve 3. beyaz arka plan + siyah yazı, 2. koyu */
body.dark-mode .features-grid .feature-card:nth-child(1),
body.dark-mode .features-grid .feature-card:nth-child(3) {
  background: #ffffff !important;
  color: #000000 !important;
}

/* 1. ve 3. karttaki TÜM yazılar, başlıklar, tag'ler siyah */
body.dark-mode .features-grid .feature-card:nth-child(1) *,
body.dark-mode .features-grid .feature-card:nth-child(3) *,
body.dark-mode .features-grid .feature-card:nth-child(1) .feature-card-title,
body.dark-mode .features-grid .feature-card:nth-child(3) .feature-card-title,
body.dark-mode .features-grid .feature-card:nth-child(1) .feature-card-desc,
body.dark-mode .features-grid .feature-card:nth-child(3) .feature-card-desc,
body.dark-mode .features-grid .feature-card:nth-child(1) .feature-tag,
body.dark-mode .features-grid .feature-card:nth-child(3) .feature-tag {
  color: #000000 !important;
}

/* 2. kart - koyu arka plan */
body.dark-mode .features-grid .feature-card:nth-child(2) {
  background: #2a2f3a !important;
  color: #ffffff !important;
}

/* 2. karttaki yazılar beyaz */
body.dark-mode .features-grid .feature-card:nth-child(2) *,
body.dark-mode .features-grid .feature-card:nth-child(2) .feature-card-title,
body.dark-mode .features-grid .feature-card:nth-child(2) .feature-card-desc,
body.dark-mode .features-grid .feature-card:nth-child(2) .feature-tag {
  color: #ffffff !important;
}

/* Markalar - görseller orijinal renginde */
body.dark-mode .brands-section img,
body.dark-mode .brands-wrapper img,
body.dark-mode .brands-row img,
body.dark-mode .brands img,
body.dark-mode .brand-logo img {
  filter: none !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

/* Forms */
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
  background: #2d3748 !important;
  border: 1px solid #3d4758 !important;
  color: #ffffff !important;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus,
body.dark-mode select:focus {
  border-color: #667eea !important;
  background: #1a1f2e !important;
}

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

/* Tables */
body.dark-mode table {
  background: #2a2f3a !important;
  color: #ffffff !important;
}

body.dark-mode th {
  background: #2d3748 !important;
  color: #ffffff !important;
  border-color: #3d4758 !important;
}

body.dark-mode td {
  color: #ffffff !important;
  border-color: #3d4758 !important;
}

body.dark-mode tr:hover {
  background: #2d3748 !important;
}

/* Alerts */
body.dark-mode .alert {
  background: #2d3748 !important;
  border: 1px solid #3d4758 !important;
  color: #ffffff !important;
}

body.dark-mode .alert-success {
  background: #1a3a2e !important;
  border-color: #2d5f4a !important;
  color: #9ae6b4 !important;
}

body.dark-mode .alert-danger {
  background: #3a1a1a !important;
  border-color: #5f2d2d !important;
  color: #fc8181 !important;
}

body.dark-mode .alert-warning {
  background: #3a2e1a !important;
  border-color: #5f4a2d !important;
  color: #f6ad55 !important;
}

body.dark-mode .alert-info {
  background: #1a2a3a !important;
  border-color: #2d4a5f !important;
  color: #63b3ed !important;
}

/* Mobile Menu - DARK MODE'DAN MUAF (header ile birlikte) */

/* Modals */
body.dark-mode .modal,
body.dark-mode .modal-content {
  background: #2a2f3a !important;
  border: 1px solid #3d4758 !important;
  color: #ffffff !important;
}

body.dark-mode .modal-header {
  border-bottom: 1px solid #3d4758 !important;
}

body.dark-mode .modal-footer {
  border-top: 1px solid #3d4758 !important;
}

/* Scrollbar */
body.dark-mode ::-webkit-scrollbar {
  width: 12px;
  background: #1a1f2e !important;
}

body.dark-mode ::-webkit-scrollbar-thumb {
  background: #3d4758 !important;
  border-radius: 6px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #4a5568 !important;
}

/* Footer - orijinal renginde kalsın, dark mode uygulanmasın */

/* ==================== NOTIFICATION BAR ==================== */
/* Bildirim bloğu - sadece arka plan koyu, yazılar siyah kalacak */
body.dark-mode .notif-bar {
  background: #2a2f3a !important;
  border: 1px solid #3d4758 !important;
}

/* Pill - açık gri arka plan */
body.dark-mode .notif-bar .notif-pill {
  background: #f3f4f6 !important;
  border: 1px solid #e5e7eb !important;
}

/* Bildirim yazısı - SIYAH */
body.dark-mode .notif-bar .notif-pill .notif-text,
body.dark-mode .notif-bar .notif-text,
body.dark-mode .notif-ticker .notif-text,
body.dark-mode .notif-ticker-item .notif-text {
  color: #1a1a2e !important;
}

/* Zaman yazısı - GRİ */
body.dark-mode .notif-bar .notif-pill .notif-time,
body.dark-mode .notif-bar .notif-time,
body.dark-mode .notif-ticker .notif-time,
body.dark-mode .notif-ticker-item .notif-time {
  color: #6b7280 !important;
}

/* Check ikonu - YEŞİL */
body.dark-mode .notif-bar .notif-pill .notif-check,
body.dark-mode .notif-bar .notif-check,
body.dark-mode .notif-ticker .notif-check,
body.dark-mode .notif-ticker-item .notif-check {
  color: #22c55e !important;
}

/* Avatar border */
body.dark-mode .notif-avatars img {
  border-color: #2a2f3a !important;
}

/* SMS History Detay/İçerik modal - beyaz kutu içindeki yazılar siyah kalsın */
body.dark-mode #orderDetailModal .modal-content,
body.dark-mode #contentModal .modal-content {
  background: #ffffff !important;
}

body.dark-mode #orderDetailModal .modal-content *,
body.dark-mode #contentModal .modal-content * {
  color: #0f172a !important;
}

/* Durum badge renklerini koru */
body.dark-mode #orderDetailModal .history-badge-pending {
  color: #d97706 !important;
}

body.dark-mode #orderDetailModal .history-badge-approved {
  color: #2563eb !important;
}

body.dark-mode #orderDetailModal .history-badge-completed {
  color: #059669 !important;
}

body.dark-mode #orderDetailModal .history-badge-rejected {
  color: #dc2626 !important;
}

/* Smooth transitions */
body.dark-mode * {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

/* ==================== HEADER DARK MODE OVERRIDE ==================== */
/* Header - DARK MODE'DAN TAMAMEN MUAF - Light mode görünümü korunur */

/* Header container - beyaz arka plan */
body.dark-mode .header-container {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
}

/* Header içindeki TÜM text elementleri - koyu renk */
body.dark-mode .header *,
body.dark-mode .header h1,
body.dark-mode .header h2,
body.dark-mode .header h3,
body.dark-mode .header h4,
body.dark-mode .header h5,
body.dark-mode .header h6,
body.dark-mode .header p,
body.dark-mode .header span,
body.dark-mode .header a,
body.dark-mode .header button,
body.dark-mode .header li,
body.dark-mode .header label,
body.dark-mode .header .nav a,
body.dark-mode .header .nav-dropdown-toggle,
body.dark-mode .header .nav-dropdown-item,
body.dark-mode .header .user-name,
body.dark-mode .header .menu__button span {
  color: #1a1a2e !important;
}

/* Nav dropdown menu - beyaz arka plan */
body.dark-mode .header .nav-dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

/* User dropdown - beyaz arka plan */
body.dark-mode .header .user-dropdown-toggle {
  background: transparent !important;
  border: 1px solid #e5e7eb !important;
}

body.dark-mode .header .user-dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
}

body.dark-mode .header .user-dropdown-item {
  color: #6b7280 !important;
}

body.dark-mode .header .user-dropdown-item:hover {
  background: #f9fafb !important;
  color: #1a1a2e !important;
}

/* Mobile menu - beyaz arka plan */
body.dark-mode .mobile-menu {
  background: #ffffff !important;
}

body.dark-mode .mobile-menu-header {
  background: #ffffff !important;
}

body.dark-mode .mobile-menu *,
body.dark-mode .mobile-menu-link,
body.dark-mode .mobile-menu-name,
body.dark-mode .mobile-menu-email,
body.dark-mode .mobile-menu-label {
  color: #1a1a2e !important;
}

body.dark-mode .mobile-menu-link:hover,
body.dark-mode .mobile-menu-link.active {
  background: #f9fafb !important;
  color: #1a1a2e !important;
}

body.dark-mode .mobile-menu-divider {
  background: #e5e7eb !important;
}

body.dark-mode .mobile-menu-overlay {
  background: rgba(0, 0, 0, 0.5) !important;
}

/* SVG ikonları - koyu renk */
body.dark-mode .header svg {
  stroke: currentColor !important;
  fill: none !important;
}

/* Menu button - orijinal stili koru */
body.dark-mode .header .menu__button {
  border: 1px solid #1a1a2e !important;
  background-color: transparent !important;
}

body.dark-mode .header .menu__button::before {
  background-color: #1a1a2e !important;
}

body.dark-mode .header .menu__button span {
  color: #1a1a2e !important;
}

body.dark-mode .header .menu__button:hover span {
  color: #ffffff !important;
}

/* ==================== AUTH PAGES (LOGIN / REGISTER) ==================== */
body.dark-mode .auth-page {
  background: #1a1f2e !important;
}

body.dark-mode .auth-page .form {
  background: #2a2f3a !important;
  border: 1px solid #3d4758 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

body.dark-mode .auth-page .flex-column > label,
body.dark-mode .auth-page .p,
body.dark-mode .auth-page .span,
body.dark-mode .auth-page .auth-tabs a {
  color: #ffffff !important;
}

body.dark-mode .auth-page .auth-tabs .tab-inactive {
  color: #000000 !important;
}

body.dark-mode .auth-page .inputForm {
  background: #2d3748 !important;
  border: 1px solid #3d4758 !important;
}

body.dark-mode .auth-page .input,
body.dark-mode .auth-page input[type="text"],
body.dark-mode .auth-page input[type="email"],
body.dark-mode .auth-page input[type="password"] {
  background: transparent !important;
  color: #ffffff !important;
}

body.dark-mode .auth-page .input::placeholder,
body.dark-mode .auth-page input::placeholder {
  color: #9ca3af !important;
}

/* Forgot password modal (login sayfası) */
body.dark-mode #forgotPasswordModal > div {
  background: #2a2f3a !important;
  border: 1px solid #3d4758 !important;
}

body.dark-mode #forgotPasswordModal h2,
body.dark-mode #forgotPasswordModal p,
body.dark-mode #forgotPasswordModal label {
  color: #ffffff !important;
}

body.dark-mode #forgotPasswordModal input {
  background: #1f2937 !important;
  border: 1px solid #3d4758 !important;
  color: #ffffff !important;
}

body.dark-mode #forgotPasswordModal input::placeholder {
  color: #9ca3af !important;
}

body.dark-mode #forgotPasswordModal button[type="button"] {
  color: #000000 !important;
}

/* Auth 2. adım üstte görünen metin (mail/kullanıcı) */
body.dark-mode .auth-page #displayEmail,
body.dark-mode .auth-page #displayLogin {
  color: #000000 !important;
}