/* =====================================================================
   LEXEN YAPI — KURUMSAL RENK SİSTEMİ + LIGHT / DARK MODE
   Kurumsal tonlar: Yeşil (#1e3a2a) · Gold (#9f8054 / #ebcfa7) · Beyaz · Zinc
   style.css'ten SONRA yüklenir; light görünüm mevcut tasarımdır,
   dark görünüm html[data-theme="dark"] altında override edilir.
   ===================================================================== */

:root {
  /* Kurumsal marka renkleri */
  --brand-green: #1e3a2a;
  --brand-green-soft: #2e5a41;
  --brand-gold: #9f8054;
  --brand-gold-light: #ebcfa7;
  --white: #ffffff;

  /* LIGHT (varsayılan) — mevcut tasarımın semantik değerleri */
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-2: #f9f9f9;
  --text: #26282b;
  --text-muted: #66696e;
  --heading: #26282b;
  --border: #eeeeee;
  --accent: var(--brand-gold);
  --accent-hover: #8a6f48;

  color-scheme: light;
}

html[data-theme="dark"] {
  /* DARK — zinc temelli koyu yüzeyler, gold korunur */
  --bg: #141517;
  --surface: #1e1f22;
  --surface-2: #202123;
  --text: #e4e2db;
  --text-muted: #a3a29c;
  --heading: #f4f2ec;
  --border: rgba(255, 255, 255, 0.10);
  --accent: var(--brand-gold);
  --accent-hover: var(--brand-gold-light);

  color-scheme: dark;
}

/* Yumuşak geçiş */
body,
.accordion,
.project-card,
.type-card,
.motto-item,
.benefits,
.get-consultation,
.blog .post .post-content,
input[type=text],
textarea {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* =====================================================================
   DARK MODE OVERRIDES
   ===================================================================== */
html[data-theme="dark"] body {
  background: var(--bg);
  color: var(--text);
}

/* Başlıklar */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: var(--heading);
}
/* Gold vurgular korunur */
html[data-theme="dark"] .intro .content-box h4 span,
html[data-theme="dark"] .why-lexen h4 span,
html[data-theme="dark"] .projects-page h4 span,
html[data-theme="dark"] .recent-posts h4 span {
  color: var(--brand-gold);
}

/* Varsayılan bağlantılar */
html[data-theme="dark"] a {
  color: var(--text);
}
html[data-theme="dark"] a:hover {
  color: var(--brand-gold-light);
}

/* Beyaz zeminli kart / kutu yüzeyleri → koyu yüzey
   (Not: .why-card ve .club-card zaten yeşil #1e3a2a, .faq .sidebox gold #9f8054 —
    onlar dark modda olduğu gibi bırakılır.) */
html[data-theme="dark"] .accordion,
html[data-theme="dark"] .accordion .card,
html[data-theme="dark"] .project-card,
html[data-theme="dark"] .type-card,
html[data-theme="dark"] .blog .post .post-content {
  background: var(--surface);
  border-color: var(--border);
}

/* Açık gri bölümler */
html[data-theme="dark"] .benefits {
  background: #17181a;
}
html[data-theme="dark"] .motto-item {
  background: var(--surface-2);
  color: var(--heading);
}
html[data-theme="dark"] .get-consultation {
  background-color: #17181a;
}

/* Gövde metinleri */
html[data-theme="dark"] .intro .content-box p,
html[data-theme="dark"] .get-consultation .content-box p,
html[data-theme="dark"] .about-content p,
html[data-theme="dark"] .about-content li,
html[data-theme="dark"] .why-card p,
html[data-theme="dark"] .club-card p,
html[data-theme="dark"] .project-card .project-body p,
html[data-theme="dark"] .recent-posts .post-box p,
html[data-theme="dark"] .property-plans p,
html[data-theme="dark"] .apartment p,
html[data-theme="dark"] .faq .card-body {
  color: var(--text);
}
html[data-theme="dark"] .project-card .project-body small,
html[data-theme="dark"] .recent-posts small {
  color: var(--text-muted);
}

/* Benefits bölümündeki koyu çizgili ikonlar dark modda görünür olsun */
html[data-theme="dark"] .benefits figure img {
  filter: brightness(0) invert(0.9);
}

/* FAQ akordeon */
html[data-theme="dark"] .faq .card {
  background: var(--surface);
  border-color: var(--border);
}
html[data-theme="dark"] .faq .card-header a {
  color: var(--heading);
}

/* Form elemanları */
html[data-theme="dark"] input[type=text],
html[data-theme="dark"] input[type=email],
html[data-theme="dark"] input[type=tel],
html[data-theme="dark"] textarea {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--text-muted);
}

/* Yasal / metin sayfaları (kvkk, çerez, açık rıza) */
html[data-theme="dark"] .legal-page h2 {
  color: var(--heading);
}
html[data-theme="dark"] .legal-page p,
html[data-theme="dark"] .legal-page li {
  color: var(--text);
}
html[data-theme="dark"] .legal-page .legal-updated {
  color: var(--text-muted);
  border-top-color: var(--border);
}
html[data-theme="dark"] .legal-page a {
  color: var(--brand-gold-light);
}

/* İnce ayraçlar */
html[data-theme="dark"] hr,
html[data-theme="dark"] .border,
html[data-theme="dark"] [class*="border"] {
  border-color: var(--border) !important;
}

/* Sticky navbar dark: yeşil tonu biraz koyulaşsın */
html[data-theme="dark"] .navbar.is-fixed .container {
  background: rgba(20, 33, 25, 0.62);
  border-color: rgba(255, 255, 255, 0.06);
}

/* =====================================================================
   EK DARK MODE DÜZELTMELERİ — İÇ SAYFALAR
   (SSS akordeon, blog/haber, sayfalama, ofis/ekip/basın kartları,
    daire tipleri, tablolar, ayraçlar)
   ===================================================================== */

/* SSS akordeon (Bootstrap card yapısı) */
html[data-theme="dark"] .accordion .card,
html[data-theme="dark"] .accordion .card .card-body {
  background: var(--surface);
  border-color: var(--border);
}
html[data-theme="dark"] .accordion .card .card-header a,
html[data-theme="dark"] .accordion .card .card-header a:before {
  color: var(--heading);
}
html[data-theme="dark"] .accordion .card .card-body {
  color: var(--text);
}

/* Sayfalama (blog / haberler) */
html[data-theme="dark"] .pagination .page-item .page-link {
  background: var(--surface);
  border-color: var(--border);
  color: var(--text);
}
html[data-theme="dark"] .pagination .page-item .page-link:hover {
  border-color: var(--brand-gold);
  color: var(--brand-gold);
}

/* Sekmeler / nav-pills */
html[data-theme="dark"] .nav-pills .nav-item .nav-link,
html[data-theme="dark"] .property-plans .tab-nav li a {
  color: var(--text);
}

/* Blog / haber detay metin ve bağlantıları */
html[data-theme="dark"] .blog .post .post-content .post-title a,
html[data-theme="dark"] .blog .post .post-content .post-author a,
html[data-theme="dark"] .blog .sidebar .widget .categories li a {
  color: var(--heading);
}
html[data-theme="dark"] .blog .post .post-content .post-title a:hover,
html[data-theme="dark"] .blog .post .post-content .post-author a:hover,
html[data-theme="dark"] .blog .sidebar .widget .categories li a:hover {
  color: var(--brand-gold);
}
html[data-theme="dark"] .blog .post .post-content .post-tags ul li a {
  color: var(--text-muted);
  border-color: var(--border);
}
html[data-theme="dark"] .blog .sidebar,
html[data-theme="dark"] .blog .sidebar .widget {
  border-color: var(--border);
}

/* Ofis / basında biz / ekip kartları */
html[data-theme="dark"] .sales-offices .office-box,
html[data-theme="dark"] .press-relases figure,
html[data-theme="dark"] .sales-team figure {
  background: var(--surface);
  border-color: var(--border);
}

/* Daire tip kartları */
html[data-theme="dark"] .type-card .specs li {
  color: var(--text-muted);
  border-color: var(--border);
}
html[data-theme="dark"] .type-card .specs li b {
  color: var(--heading);
}

/* Açık altın (gold) zeminli blockquote'lar: zemin gold kaldığı için içindeki TÜM
   metin koyu olmalı (aksi halde soluk açık metin okunmuyor).
   Kullanıldığı yerler: about-content (lexen-club, hakkımızda, proje sayfaları),
   apartment (daire tipleri), blog/haber detay. */
html[data-theme="dark"] .about-content blockquote,
html[data-theme="dark"] .about-content blockquote p,
html[data-theme="dark"] .about-content blockquote strong,
html[data-theme="dark"] .about-content blockquote span,
html[data-theme="dark"] .about-content blockquote a,
html[data-theme="dark"] .apartment blockquote,
html[data-theme="dark"] .apartment blockquote p,
html[data-theme="dark"] .apartment blockquote strong,
html[data-theme="dark"] .apartment blockquote span,
html[data-theme="dark"] .apartment blockquote a,
html[data-theme="dark"] .blog .post .post-content blockquote,
html[data-theme="dark"] .blog .post .post-content blockquote p,
html[data-theme="dark"] .blog .post .post-content blockquote strong,
html[data-theme="dark"] .blog .post .post-content blockquote span,
html[data-theme="dark"] .blog .post .post-content blockquote a {
  color: #26282b;
}

/* Tablolar (ödeme planı vb.) */
html[data-theme="dark"] table,
html[data-theme="dark"] table tr td,
html[data-theme="dark"] table tr th {
  color: var(--text);
  border-color: var(--border);
}

/* Açık renkli ayraç çizgileri */
html[data-theme="dark"] .logos .col-lg-2,
html[data-theme="dark"] .benefits .col {
  border-color: var(--border) !important;
}

/* =====================================================================
   TEMA DEĞİŞTİRME BUTONU (yüzen)
   ===================================================================== */
.theme-toggle {
  position: fixed;
  left: 22px;
  bottom: 22px;
  z-index: 1200;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: var(--surface);
  color: var(--text);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
  font-size: 24px;
  line-height: 1;
  transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.3s ease, color 0.3s ease;
}
.theme-toggle:hover {
  transform: translateY(-3px);
  color: var(--brand-gold);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.26);
}
.theme-toggle iconify-icon {
  pointer-events: none;
}
.theme-toggle .ti-sun {
  display: none;
}
html[data-theme="dark"] .theme-toggle {
  background: #1e1f22;
  border-color: rgba(255, 255, 255, 0.12);
}
html[data-theme="dark"] .theme-toggle .ti-moon {
  display: none;
}
html[data-theme="dark"] .theme-toggle .ti-sun {
  display: inline-flex;
}

@media (max-width: 767px) {
  .theme-toggle {
    width: 44px;
    height: 44px;
    left: 16px;
    bottom: 16px;
    font-size: 22px;
  }
}