/* ============================================================
   DARK MODE — Pudra pembe + altın tabanlı koyu varyant
   data-theme="dark" attribute body'ye gelince aktif olur.
   localStorage ile kalıcı, prefers-color-scheme ile başlangıç.
   ============================================================ */

[data-theme="dark"] {
  /* Renk paleti — koyu */
  --color-primary: #5C3D44;          /* koyu pudra (vurgu için) */
  --color-primary-strong: #8B5862;
  --color-secondary: #2A1F22;        /* koyu krem yerine koyu siyah-bej */
  --color-accent: #D4B038;           /* parlak altın (dark üzerinde okunaklı) */
  --color-accent-strong: #F0C940;
  --color-text: #F0E5E2;             /* açık krem yazı */
  --color-muted: #B5A5A2;
  --color-bg: #1A1014;                /* derin koyu mor-siyah */
  --color-border: #3A2A2D;

  /* Gölgeler — dark mode için soft */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
}

/* ---- Body bg + base ---- */
[data-theme="dark"] body {
  background: var(--color-bg);
  color: var(--color-text);
}

/* ---- Navbar (dark) ---- */
[data-theme="dark"] .navbar-mybd {
  background: rgba(26, 16, 20, 0.92);
  border-bottom: 1px solid var(--color-border);
}
[data-theme="dark"] .navbar-mybd.navbar-scrolled {
  background: rgba(26, 16, 20, 0.98);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .35);
}
[data-theme="dark"] .navbar-mybd .navbar-brand,
[data-theme="dark"] .navbar-mybd .nav-link {
  color: var(--color-text);
}
[data-theme="dark"] .navbar-mybd .nav-link:hover {
  background: rgba(212, 176, 56, 0.12);
  color: var(--color-accent-strong);
}
[data-theme="dark"] .navbar-toggler {
  border-color: var(--color-border);
}
[data-theme="dark"] .navbar-toggler-icon {
  filter: invert(1) brightness(.85);
}

/* ---- Hero (dark) ---- */
[data-theme="dark"] .hero-modern {
  background:
    radial-gradient(ellipse at 20% 0%, rgba(92, 61, 68, .55), transparent 55%),
    radial-gradient(ellipse at 80% 100%, rgba(60, 40, 45, .85), transparent 55%),
    var(--color-bg);
}
[data-theme="dark"] .hero-eyebrow {
  background: rgba(212, 176, 56, .15);
  border-color: rgba(212, 176, 56, .4);
  color: var(--color-accent-strong);
}
[data-theme="dark"] .hero-blob.b1 {
  background: radial-gradient(circle, rgba(212, 176, 56, .35), transparent 70%);
  opacity: .35;
}
[data-theme="dark"] .hero-blob.b2 {
  background: radial-gradient(circle, rgba(139, 88, 98, .55), transparent 70%);
  opacity: .35;
}
[data-theme="dark"] .hero-visual-frame {
  background: linear-gradient(180deg, rgba(60, 40, 45, .55), rgba(92, 61, 68, .35));
  border-color: var(--color-border);
}
[data-theme="dark"] .hero-trust {
  border-top-color: rgba(212, 176, 56, .25);
}

/* ---- Section soft (dark) ---- */
[data-theme="dark"] .section-soft {
  background: var(--color-secondary);
}
[data-theme="dark"] .section-pink {
  background: var(--color-primary);
}

/* ---- Cards (dark) ---- */
[data-theme="dark"] .bale-card,
[data-theme="dark"] .branch-link-card,
[data-theme="dark"] .why-card,
[data-theme="dark"] .event-card,
[data-theme="dark"] .egitmen-card {
  background: #2A1F22;
  border-color: var(--color-border);
  color: var(--color-text);
}
[data-theme="dark"] .branch-link-card:hover {
  border-color: var(--color-accent);
  box-shadow: 0 18px 40px rgba(212, 176, 56, .15);
}

[data-theme="dark"] .event-card-date {
  background: rgba(42, 31, 34, .95);
  color: var(--color-text);
}
[data-theme="dark"] .event-card-day {
  color: var(--color-accent-strong);
}

/* ---- Forms ---- */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background: #2A1F22;
  border-color: var(--color-border);
  color: var(--color-text);
}
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  background: #2A1F22;
  color: var(--color-text);
  border-color: var(--color-accent);
}
[data-theme="dark"] .form-control::placeholder {
  color: var(--color-muted);
}

/* ---- Buttons ---- */
[data-theme="dark"] .btn-bale,
[data-theme="dark"] .btn-primary {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: #1A1014;
}
[data-theme="dark"] .btn-bale:hover,
[data-theme="dark"] .btn-primary:hover {
  background: var(--color-accent-strong);
  border-color: var(--color-accent-strong);
  color: #1A1014;
}
[data-theme="dark"] .btn-outline-bale {
  border-color: var(--color-accent);
  color: var(--color-accent-strong);
}
[data-theme="dark"] .btn-outline-bale:hover {
  background: var(--color-accent);
  color: #1A1014;
}

/* ---- Footer (dark — daha koyu) ---- */
[data-theme="dark"] .site-footer {
  background: #0F0810;
  color: #B5A5A2;
}

/* ---- SSS (dark) ---- */
[data-theme="dark"] .sss-toc {
  background: var(--color-secondary);
  border-color: var(--color-border);
}
[data-theme="dark"] .sss-item {
  background: #2A1F22;
  border-color: var(--color-border);
}
[data-theme="dark"] .sss-soru:hover,
[data-theme="dark"] .sss-soru.is-open {
  background: rgba(212, 176, 56, .08);
}

[data-theme="dark"] .sss-cta {
  background: linear-gradient(135deg, var(--color-secondary), rgba(212, 176, 56, .12));
}

/* ---- Page Hero (dark) ---- */
[data-theme="dark"] .page-hero {
  background: radial-gradient(ellipse at center, var(--color-secondary), var(--color-bg));
}

/* ---- Galeri (dark) ---- */
[data-theme="dark"] .galeri-filter-btn {
  background: transparent;
  border-color: var(--color-border);
  color: var(--color-text);
}
[data-theme="dark"] .galeri-filter-btn:hover {
  border-color: var(--color-accent);
  color: var(--color-accent-strong);
}
[data-theme="dark"] .galeri-filter-btn.is-active {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: #1A1014;
}

/* ---- Empty state ---- */
[data-theme="dark"] .empty-state {
  background: var(--color-secondary);
}

/* ---- Table (admin görünüm hariç sadece public tablolar) ---- */
[data-theme="dark"] table:not(.admin-table) {
  color: var(--color-text);
}

/* ---- Theme toggle button ---- */
.theme-toggle {
  background: transparent;
  border: 1.5px solid var(--color-border);
  color: var(--color-text);
  width: 38px; height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease, border-color .2s ease;
  font-size: 1.1rem;
  margin-left: .5rem;
}
.theme-toggle:hover {
  border-color: var(--color-accent);
  background: rgba(201, 162, 39, .1);
  transform: rotate(20deg);
}
[data-theme="dark"] .theme-toggle:hover {
  background: rgba(212, 176, 56, .15);
}

/* Sun ve Moon ikonları için: theme'a göre göster/gizle */
.theme-toggle .icon-sun { display: none; }
.theme-toggle .icon-moon { display: inline-flex; }
[data-theme="dark"] .theme-toggle .icon-sun { display: inline-flex; }
[data-theme="dark"] .theme-toggle .icon-moon { display: none; }

/* Smooth theme transition */
body, .navbar-mybd, .bale-card, .branch-link-card, .why-card,
.event-card, .egitmen-card, .form-control, .form-select,
.sss-item, .site-footer {
  transition: background-color .35s ease, color .35s ease, border-color .35s ease;
}

/* Reduced motion — geçişleri kapat */
@media (prefers-reduced-motion: reduce) {
  body, .navbar-mybd, .bale-card, .branch-link-card, .why-card,
  .event-card, .egitmen-card, .form-control, .form-select,
  .sss-item, .site-footer {
    transition: none !important;
  }
}