/* ===== Tikobi - Gece / Gündüz modu (tüm sayfalar) ===== */
/* Sadece değişken override; yapı bozulmaz, yazılar birbirine karışmaz */

html[data-theme="dark"] {
  --bg-gradient-start: #0f172a;
  --bg-gradient-end: #1e293b;
  --bg-light: #1e293b;
  --bg-light-alt: #334155;
  --text-dark: #f1f5f9;
  --text-muted: #94a3b8;
  --accent-purple: #a78bfa;
  --accent-purple-hover: #8b5cf6;
  --accent-pink: #f472b6;
  --accent-blue: #60a5fa;
  --accent-green: #34d399;
  --white: #1e293b;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -2px rgba(0,0,0,0.2);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.35), 0 4px 6px -4px rgba(0,0,0,0.25);
  --shadow-glow: 0 10px 40px rgba(124, 58, 237, 0.25);
  --about-purple: #7c3aed;
  --about-purple-light: #a78bfa;
}

/* Kart / panel arka planları gece modunda koyu */
html[data-theme="dark"] .logo-wrap,
html[data-theme="dark"] .feature-card,
html[data-theme="dark"] .review-card,
html[data-theme="dark"] .review-modal-box,
html[data-theme="dark"] .iade-modal-box {
  background: #334155 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}

/* Mobil menü paneli */
html[data-theme="dark"] .nav-mobile-panel {
  background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%) !important;
  box-shadow: -8px 0 32px rgba(0,0,0,0.4);
}

html[data-theme="dark"] .nav-mobile-backdrop {
  background: rgba(0,0,0,0.65);
}

/* Sabit renk kullanan form / modal elemanları */
html[data-theme="dark"] .review-modal-close,
html[data-theme="dark"] .review-modal-close-btn,
html[data-theme="dark"] .iade-modal-close {
  background: #334155 !important;
  color: #94a3b8 !important;
  border-color: #475569 !important;
}

html[data-theme="dark"] .review-modal-close:hover,
html[data-theme="dark"] .review-modal-close-btn:hover,
html[data-theme="dark"] .iade-modal-close:hover {
  background: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .review-form input,
html[data-theme="dark"] .review-form textarea,
html[data-theme="dark"] .iade-modal input,
html[data-theme="dark"] .iade-modal textarea {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .review-form input::placeholder,
html[data-theme="dark"] .review-form textarea::placeholder {
  color: #64748b;
}

html[data-theme="dark"] .review-star {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #64748b !important;
}

html[data-theme="dark"] .review-star:hover {
  color: #fbbf24;
  background: rgba(251, 191, 36, 0.15) !important;
  border-color: rgba(251, 191, 36, 0.4) !important;
}

html[data-theme="dark"] .review-star.is-filled {
  color: #fcd34d;
  background: rgba(245, 158, 11, 0.2) !important;
  border-color: rgba(245, 158, 11, 0.5) !important;
}

html[data-theme="dark"] .review-nav button {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .iade-modal .iade-form-wrap {
  background: linear-gradient(180deg, #1e293b 0%, #334155 100%) !important;
  border-color: #475569 !important;
}

/* Hemen Sorgulamaya Başla başlığı gece modunda beyaz */
html[data-theme="dark"] .query-widget-title {
  color: #fff !important;
}

/* Butonlarda yazı rengi beyaz kalsın (kontrast) */
html[data-theme="dark"] .btn-login,
html[data-theme="dark"] .btn-review-submit,
html[data-theme="dark"] .premium-badge,
html[data-theme="dark"] a.premium-badge:hover {
  color: #fff !important;
}

/* Site tema toggle - kayan buton (mobil uyumlu) */
.site-theme-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0;
  width: 56px;
  height: 32px;
  padding: 0;
  border: none;
  border-radius: 9999px;
  background: var(--white);
  box-shadow: var(--shadow-md);
  cursor: pointer;
  transition: background 0.2s, box-shadow 0.2s;
  flex-shrink: 0;
  position: relative;
}

.site-theme-toggle:hover {
  box-shadow: var(--shadow-lg);
}

.site-theme-toggle:focus-visible {
  outline: 2px solid var(--accent-purple);
  outline-offset: 2px;
}

.site-theme-track {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 6px;
  border-radius: 9999px;
  position: relative;
}

.site-theme-icon {
  font-size: 0.85rem;
  color: var(--text-muted);
  transition: color 0.2s;
  z-index: 1;
}

.site-theme-icon.sun { margin-right: 2px; }
.site-theme-icon.moon { margin-left: 2px; }

.site-theme-thumb {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--accent-purple), var(--accent-purple-hover));
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.4);
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 0;
}

.site-theme-toggle[data-theme="dark"] .site-theme-thumb {
  transform: translateY(-50%) translateX(24px);
}

.site-theme-toggle[data-theme="dark"] .site-theme-track {
  background: transparent;
}

.site-theme-toggle[data-theme="dark"] {
  background: #334155;
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.2);
}

.site-theme-toggle[data-theme="dark"] .site-theme-icon.sun {
  color: #64748b;
}

.site-theme-toggle[data-theme="dark"] .site-theme-icon.moon {
  color: #e2e8f0;
}

@media (max-width: 600px) {
  .site-theme-toggle {
    width: 52px;
    height: 28px;
  }
  .site-theme-thumb {
    width: 20px;
    height: 20px;
  }
  .site-theme-toggle[data-theme="dark"] .site-theme-thumb {
    transform: translateY(-50%) translateX(22px);
  }
  .site-theme-icon {
    font-size: 0.75rem;
  }
}

/* Blog sayfası arka planı gece modunda */
html[data-theme="dark"] body.blog-page {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 50%, #334155 100%) !important;
  color: var(--text-dark);
}

/* Login sayfası gece modu (kart ve arka plan) */
html[data-theme="dark"] body.login-page {
  background: linear-gradient(165deg, #0f172a 0%, #1e293b 35%, #334155 70%, #1e293b 100%) !important;
}

html[data-theme="dark"] .login-card {
  background: rgba(30, 41, 59, 0.98) !important;
  border-color: rgba(71, 85, 105, 0.8) !important;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,0.4);
}

html[data-theme="dark"] .login-card h1 {
  color: #f1f5f9 !important;
}

html[data-theme="dark"] .login-card p,
html[data-theme="dark"] .login-card label {
  color: #94a3b8 !important;
}

html[data-theme="dark"] .login-card input {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}

/* Login sayfasında tema toggle sağ üst (sadece login sayfasında) */
.login-page-theme-wrap {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 9998;
}

/* Paketler sayfası gece modu */
html[data-theme="dark"] body.paketler-page {
  background: linear-gradient(180deg, #0f172a 0%, #1e293b 100%) !important;
}

html[data-theme="dark"] .paket-card,
html[data-theme="dark"] .paket-card .paket-card-inner {
  background: #334155 !important;
  color: #f1f5f9;
}

html[data-theme="dark"] .paket-card h2,
html[data-theme="dark"] .paket-card .paket-desc,
html[data-theme="dark"] .paket-card .paket-highlight,
html[data-theme="dark"] .paket-card .paket-urgency,
html[data-theme="dark"] .paket-features li {
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .paket-card .paket-badge {
  background: linear-gradient(135deg, #7c3aed, #8b5cf6);
  color: #fff;
}

/* Support bot (ana site) gece modu */
html[data-theme="dark"] .support-bot-panel {
  background: #1e293b !important;
  border-color: #334155;
}

html[data-theme="dark"] .support-bot-header-text h3 { color: #f1f5f9 !important; }
html[data-theme="dark"] .support-bot-header-text p { color: #94a3b8 !important; }
html[data-theme="dark"] .support-bot-input-wrap input {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #f1f5f9 !important;
}
html[data-theme="dark"] .support-bot-messages { background: #0f172a !important; }
html[data-theme="dark"] .support-bot-msg.bot {
  background: #334155 !important;
  color: #f1f5f9 !important;
  border-color: #475569;
}
html[data-theme="dark"] .support-bot-msg.user {
  background: rgba(124, 58, 237, 0.3) !important;
  color: #f1f5f9 !important;
}
html[data-theme="dark"] .support-bot-quick button {
  background: #334155 !important;
  border-color: #475569 !important;
  color: #e2e8f0 !important;
}
html[data-theme="dark"] .support-bot-toast {
  background: #334155 !important;
  color: #e2e8f0 !important;
  border-color: #475569;
}