/* ══════════════════════════════════════════════════
   DARK.CSS  —  RüyaPanel Gece Modu
   Logo renkleri: Turkuaz #00e5d1 · Yeşil #7ed321 · Siyah arka plan
══════════════════════════════════════════════════ */

/* Bu dosya sadece dark mod aktifken yüklenir */
/* body.dark-mode class'ı ile de kontrol edilir */

body.dark-mode {
  --primary:       #00e5d1;
  --primary-light: #00b8aa;
  --accent:        #7ed321;
  --accent2:       #a3e635;
  --gold:          #00e5d1;
  --bg:            #0d0f18;
  --card:          #161a27;
  --text:          #e2e8f0;
  --muted:         #8892a4;
  --border:        #2a3045;
  --footer-bg:     #090b12;
  background:      #0d0f18;
  color:           #e2e8f0;
}

/* ── Nav ── */
body.dark-mode nav {
  background: linear-gradient(90deg, #090b12 55%, #0d1520 100%);
  border-bottom: 1px solid #1e2535;
}
body.dark-mode .logo-text { color: #fff; }
body.dark-mode .logo-text span { color: #00e5d1; }
body.dark-mode .logo-tagline { color: #8892a4; }
body.dark-mode .nav-links a { color: #8892a4; }
body.dark-mode .nav-links a:hover,
body.dark-mode .nav-links a.active { background: #00e5d1; color: #0d0f18; }
body.dark-mode .mobile-menu { background: #090b12; }
body.dark-mode .mobile-menu a { border-bottom-color: #1e2535; }
body.dark-mode .mobile-menu a:hover { background: #161a27; color: #00e5d1; }
body.dark-mode .mob-demo { background: #00e5d1 !important; color: #0d0f18 !important; }

/* ── Üst bant ── */
body.dark-mode .top-band { background: linear-gradient(90deg,#090b12,#0d1520); border-bottom-color: #1e2535; }
body.dark-mode .top-band-ticker { color: #4a5568; }
body.dark-mode .top-btn-google { background: #161a27; color: #00e5d1; border: 1px solid #2a3045; }
body.dark-mode .top-btn-demo { background: linear-gradient(135deg,#00e5d1,#7ed321); color: #0d0f18; }

/* ── Karşılama ekranı ── */
body.dark-mode .welcome-overlay { background: rgba(9,11,18,.96); }
body.dark-mode .welcome-box { background: #161a27; border: 1px solid #2a3045; }
body.dark-mode .welcome-logo-txt { color: #00e5d1; }
body.dark-mode .welcome-logo-txt span { color: #7ed321; }
body.dark-mode .welcome-tagline { color: #8892a4; }
body.dark-mode .welcome-msg { color: #e2e8f0; }
body.dark-mode .welcome-bar { background: linear-gradient(90deg,#00e5d1,#7ed321); }
body.dark-mode .welcome-bar-wrap { background: #2a3045; }
body.dark-mode .welcome-skip { border-color: #2a3045; color: #8892a4; }
body.dark-mode .welcome-skip:hover { border-color: #00e5d1; color: #00e5d1; }

/* ── Hero ── */
body.dark-mode .hero-v2 { background: #090b12; }
body.dark-mode .hero-orb-1 { background: #00e5d1; opacity:.12; }
body.dark-mode .hero-orb-2 { background: #7ed321; opacity:.10; }
body.dark-mode .hero-v2-badge { background:rgba(0,229,209,.1); border-color:rgba(0,229,209,.3); color:#00e5d1; }
body.dark-mode .hero-v2-title { color:#fff; }
body.dark-mode .hero-v2-title span { background:linear-gradient(135deg,#00e5d1,#7ed321); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
body.dark-mode .hero-v2-sub { color:#4a5568; }
body.dark-mode .hstat-n { color:#00e5d1; }
body.dark-mode .hstat-l { color:#2a3045; }
body.dark-mode .hstat-sep { background:#1e2535; }
body.dark-mode .hbtn-primary { background:linear-gradient(135deg,#00e5d1,#7ed321); color:#0d0f18; box-shadow:0 4px 20px rgba(0,229,209,.25); }
body.dark-mode .hbtn-outline { border-color:rgba(0,229,209,.3); color:#00e5d1; }
body.dark-mode .hbtn-ghost { background:rgba(0,229,209,.06); color:#4a5568; }
body.dark-mode .hbtn-ghost:hover { background:rgba(0,229,209,.12); color:#00e5d1; }
body.dark-mode .phone-topbar { background:#0d0f18; }
body.dark-mode .hero-phone-mock { background:#090b12; border-color:#1e2535; }
body.dark-mode .pchat-in .pchat-bubble { background:#1e2535; color:#8892a4; }
body.dark-mode .pchat-out .pchat-bubble { background:linear-gradient(135deg,#00e5d130,#7ed32120); color:#00e5d1; border:1px solid #00e5d130; }
body.dark-mode .phone-mic { background:rgba(0,229,209,.1); border-color:rgba(0,229,209,.3); color:#00e5d1; }

/* ── Özellik kartları ── */
body.dark-mode .feats-v2 { background:#0d0f18; }
body.dark-mode .feat-v2-card { background:#161a27; border-color:#2a3045; }
body.dark-mode .feat-v2-card::before { background:linear-gradient(135deg,#00e5d1,#7ed321); }
body.dark-mode .feat-v2-card h3 { color:#00e5d1; }
body.dark-mode .feat-v2-card p { color:#8892a4; }
body.dark-mode .feat-v2-arrow { color:#2a3045; }

/* ── Demo kartları ── */
body.dark-mode .demos-v2 { background:#0d0f18; }
body.dark-mode .demo-v2-card { background:#161a27; border-color:#2a3045; }
body.dark-mode .demo-v2-info h3 { color:#00e5d1; }
body.dark-mode .demo-v2-info p { color:#8892a4; }
body.dark-mode .demo-v2-tags span { background:#1e2535; color:#00e5d1; }
body.dark-mode .demo-sites-label { color:#4a5568; }
body.dark-mode .demo-sites-list a { background:#1e2535; color:#00e5d1; }
body.dark-mode .demo-sites-list a:hover { background:#00e5d1; color:#0d0f18; }
body.dark-mode .demo-v2-cta { background:#00e5d1; color:#0d0f18; }

/* ── Referanslar ── */
body.dark-mode .refs-v2 { background:#0d0f18; }
body.dark-mode .refs-v2-track-wrap::before { background:linear-gradient(90deg,#0d0f18,transparent); }
body.dark-mode .refs-v2-track-wrap::after  { background:linear-gradient(270deg,#0d0f18,transparent); }
body.dark-mode .refs-v2-badge { background:#161a27; border-color:#2a3045; color:#00e5d1; }
body.dark-mode .refs-v2-badge:hover { background:#00e5d1; color:#0d0f18; }
body.dark-mode .refs-v2-count { color:#4a5568; }
body.dark-mode .refs-v2-count span { color:#7ed321; }

/* ── Blog ── */
body.dark-mode .blog-v2 { background:#0d0f18; }
body.dark-mode .blog-v2-card { background:#161a27; border-color:#2a3045; }
body.dark-mode .blog-v2-body h3 { color:#00e5d1; }
body.dark-mode .blog-v2-body p { color:#8892a4; }
body.dark-mode .blog-v2-meta { color:#4a5568; }
body.dark-mode .blog-v2-btn { background:#1e2535; color:#00e5d1; }
body.dark-mode .blog-v2-btn:hover { background:#00e5d1; color:#0d0f18; }

/* ── Yorum slider ── */
body.dark-mode .reviews-v3-section { background:#0d0f18; }
body.dark-mode .rv3-card { background:#161a27; border-color:#2a3045; box-shadow:0 4px 32px rgba(0,0,0,.4); }
body.dark-mode .rv3-text { color:#c4cdd8; }
body.dark-mode .rv3-author { color:#00e5d1; }
body.dark-mode .rv3-date { color:#4a5568; }
body.dark-mode .rv3-prev, body.dark-mode .rv3-next { background:#161a27; border-color:#2a3045; color:#00e5d1; }
body.dark-mode .rv3-prev:hover, body.dark-mode .rv3-next:hover { background:#00e5d1; color:#0d0f18; border-color:#00e5d1; }
body.dark-mode .rv3-dot { background:#2a3045; }
body.dark-mode .rv3-dot.active { background:#00e5d1; }

/* ── Speakymobil kart ── */
body.dark-mode .speaky-biz-card,
body.dark-mode .rcta-card { background:#161a27; border-color:#2a3045; }
body.dark-mode .speaky-biz-title,
body.dark-mode .rcta-title { color:#00e5d1; }
body.dark-mode .speaky-biz-sub,
body.dark-mode .rcta-desc { color:#8892a4; }
body.dark-mode .speaky-btn-map,
body.dark-mode .rcta-btn-speaky { background:#1e2535; color:#00e5d1; }
body.dark-mode .speaky-btn-review { background:#00e5d1; color:#0d0f18; }

/* ── Genel kartlar ── */
body.dark-mode .feat-card,
body.dark-mode .price-card,
body.dark-mode .about-box,
body.dark-mode .contact-box,
body.dark-mode .contact-form,
body.dark-mode .office-card,
body.dark-mode .review-form,
body.dark-mode .review-item,
body.dark-mode .rv-form-card,
body.dark-mode .blog-comment-card { background:#161a27; border-color:#2a3045; }

body.dark-mode .form-group input,
body.dark-mode .form-group select,
body.dark-mode .form-group textarea {
  background:#0d0f18; border-color:#2a3045;
  color:#e2e8f0;
}
body.dark-mode .form-group input:focus,
body.dark-mode .form-group select:focus,
body.dark-mode .form-group textarea:focus { border-color:#00e5d1; }
body.dark-mode .form-group label { color:#8892a4; }

body.dark-mode .price-card { border-top-color:#00e5d1; }
body.dark-mode .price-val { color:#00e5d1; }
body.dark-mode .price-label { color:#8892a4; }
body.dark-mode .price-note { background:#161a27; border-left-color:#7ed321; color:#8892a4; }
body.dark-mode .old-price-toggle button { border-color:#2a3045; color:#8892a4; }
body.dark-mode .old-price-toggle button:hover { background:#00e5d1; color:#0d0f18; border-color:#00e5d1; }

/* ── Blog detay sayfaları ── */
body.dark-mode .page-banner { background:linear-gradient(90deg,#090b12,#0d1520); }
body.dark-mode .blog-detail h1 { color:#00e5d1; }
body.dark-mode .blog-detail .content h2 { color:#00e5d1; }
body.dark-mode .blog-detail .content h3 { color:#c4cdd8; }
body.dark-mode .blog-detail .content .tip-box { background:#1e2535; border-left-color:#00e5d1; color:#00e5d1; }
body.dark-mode .blog-detail .content .warn-box { background:#1e1a10; border-left-color:#7ed321; color:#7ed321; }
body.dark-mode .blog-detail .content .success-box { background:#0d1a12; border-left-color:#7ed321; color:#7ed321; }
body.dark-mode .blog-detail .content .cta-box { background:linear-gradient(90deg,#090b12,#0d1520); border:1px solid #1e2535; }
body.dark-mode .blog-back { color:#00e5d1; }
body.dark-mode .related-card { background:#161a27; border:1px solid #2a3045; }
body.dark-mode .related-card-body h4 { color:#c4cdd8; }
body.dark-mode .blog-comment-item { background:#0d0f18; border-left-color:#00e5d1; }
body.dark-mode .bc-preview { background:#0d1a12; border-color:#7ed321; }
body.dark-mode .bc-preview span { color:#7ed321; }

/* ── Fiyat listesi ── */
body.dark-mode .pkg-ekonomik   { background:#b84b3d; }
body.dark-mode .pkg-standart   { background:#2a8a7e; }
body.dark-mode .pkg-profesyonel{ background:#b87c1a; }

/* ── Hakkımızda ── */
body.dark-mode .stat-item { background:#1e2535; }
body.dark-mode .stat-val  { color:#00e5d1; }

/* ── Footer ── */
body.dark-mode footer { background:#090b12; border-top:1px solid #1e2535; }
body.dark-mode .footer-bottom { color:#2a3045; }
body.dark-mode .footer-col ul a:hover { color:#00e5d1; }
body.dark-mode .footer-col h4 { color:#00e5d1; }

/* ── Section başlıkları ── */
body.dark-mode .section-eyebrow { background:rgba(0,229,209,.12); color:#00e5d1; }
body.dark-mode .section-head h2 { color:#00e5d1; }
body.dark-mode .section-head p  { color:#8892a4; }
body.dark-mode .divider { background:#00e5d1; }
body.dark-mode .sec-header h2 { color:#00e5d1; }

/* ── Breadcrumb ── */
body.dark-mode .breadcrumb { color:#4a5568; }
body.dark-mode .breadcrumb a { color:#00e5d1; }

/* ── Toast ── */
body.dark-mode .toast { background:#00e5d1; color:#0d0f18; }

/* ── Theme toggle butonu ── */
.theme-toggle {
  background: none;
  border: 1.5px solid rgba(255,255,255,.2);
  border-radius: 20px;
  padding: 6px 12px;
  cursor: pointer;
  font-size: 16px;
  line-height: 1;
  transition: border-color .2s, background .2s, transform .2s;
  margin-left: 4px;
  color: #fff;
  display: flex; align-items: center; gap: 5px;
}
.theme-toggle:hover { border-color: #00e5d1; transform: scale(1.1); }
body.dark-mode .theme-toggle { border-color: rgba(0,229,209,.4); }
body.dark-mode .theme-toggle:hover { border-color: #00e5d1; background:rgba(0,229,209,.1); }

/* ── Scrollbar (dark modda) ── */
body.dark-mode ::-webkit-scrollbar { width:6px; }
body.dark-mode ::-webkit-scrollbar-track { background:#0d0f18; }
body.dark-mode ::-webkit-scrollbar-thumb { background:#2a3045; border-radius:3px; }
body.dark-mode ::-webkit-scrollbar-thumb:hover { background:#00e5d1; }

/* ── Ref slider kenarlık ── */
body.dark-mode .refs-v2-badge { box-shadow:none; }

/* ── Geçiş animasyonu ── */
body, body * {
  transition: background-color .3s ease, color .3s ease, border-color .3s ease !important;
}