/* =========================================
   AYDINLIK / KARANLIK MOD SİSTEMİ
   =========================================

   KULLANIM:
   - Karanlık mod (varsayılan): html[data-theme="dark"] veya attribute yok
   - Aydınlık mod:              html[data-theme="light"]
   - Tercih localStorage'da "fd-theme" anahtarıyla saklanır
   ========================================= */

/* ─────────────────────────────────────────
   1. TOGGLE BUTON — Her iki modda çalışır
   ───────────────────────────────────────── */
.theme-toggle {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--glass);
  border: 1px solid var(--glass-border);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: var(--transition);
  flex-shrink: 0;
  padding: 0;
  min-width: 38px;
  min-height: 38px;
  -webkit-tap-highlight-color: transparent;
}

.theme-toggle:hover {
  background: rgba(200, 169, 110, 0.15);
  border-color: var(--gold);
  transform: rotate(20deg) scale(1.08);
}

/* Karanlık modda: Güneş ikonu göster */
.theme-icon--sun {
  display: flex;
  color: var(--gold);
}

.theme-icon--moon {
  display: none;
}

/* Aydınlık modda: Ay ikonu göster */
html[data-theme="light"] .theme-icon--sun {
  display: none;
}

html[data-theme="light"] .theme-icon--moon {
  display: flex;
  color: var(--primary);
}

html[data-theme="light"] .theme-toggle:hover {
  background: rgba(26, 74, 122, 0.10);
  border-color: var(--primary);
  transform: rotate(-20deg) scale(1.08);
}

/* ─────────────────────────────────────────
   2. CSS DEĞİŞKENLERİ — Aydınlık Mod
   ───────────────────────────────────────── */
html[data-theme="light"] {
  /* Arka planlar — sıcak krem & bej (psikolojik olarak rahatlatıcı) */
  --dark:        #f5f2ed;
  --dark-2:      #ebe6de;
  --dark-3:      #dfd8cd;

  /* Cam efekti */
  --glass:        rgba(255, 255, 255, 0.90);
  --glass-border: rgba(0, 0, 0, 0.09);

  /* Metin renkleri */
  --text-light: #2b3a4a;
  --text-muted: #647585;
  --text-dark:  #1a2535;

  /* Altın — açık arka planda WCAG AA uyumlu (4.9:1 kontrast) */
  --gold:        #9a7028;
  --gold-light:  #a87c30;

  /* Gölgeler — açık yüzeyde hafif */
  --shadow-lg: 0 25px 60px rgba(0, 0, 0, 0.10);
  --shadow-md: 0 12px 30px rgba(0, 0, 0, 0.07);
  --shadow-sm: 0 4px 15px rgba(0, 0, 0, 0.05);

  /* Sabit renkleri koru */
  --primary:       #1a4a7a;
  --primary-dark:  #0d2d50;
  --primary-light: #2563a8;
  --accent:        #3a7bc8;
  --accent-soft:   #5a9ad8;
  --white:         #ffffff;
  --success:       #2ecc71;

  /* Altın/krem vurgu paleti — aydınlık mod */
  --mint:             #c4a35a;
  --mint-soft:        #e8d5a8;
  --mint-wash:        rgba(154, 112, 40, 0.08);
  --mint-wash-2:      rgba(154, 112, 40, 0.12);

  --pink:             #c4a35a;
  --pink-soft:        #e8d5a8;
  --pink-wash:        rgba(154, 112, 40, 0.08);
  --pink-wash-2:      rgba(154, 112, 40, 0.12);

  --pastel-blue:      #c8a96e;
  --pastel-blue-soft: #e8d5a8;
  --blue-wash:        rgba(154, 112, 40, 0.08);
  --blue-wash-2:      rgba(154, 112, 40, 0.12);

  /* Hizmet bazlı vurgu renkleri — altın */
  --svc-cocuk:        #9a7028;
  --svc-ergen:        #9a7028;
  --svc-yetiskin:     #9a7028;
  --svc-aile:         #9a7028;
  --svc-online:       #9a7028;
}

/* Akışkan Tema Geçiş Sınıfı */
html.theme-transitioning,
html.theme-transitioning *,
html.theme-transitioning *::before,
html.theme-transitioning *::after {
  transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease, box-shadow 0.4s ease, fill 0.4s ease !important;
}

/* ─────────────────────────────────────────
   3. BODY & TEMEL SAYFA
   ───────────────────────────────────────── */
html[data-theme="light"] body {
  background-color: var(--dark);
  color: var(--text-light);
}

/* Yumuşak geçiş — renk değişimlerinde animasyon */
html[data-theme="light"] *,
html[data-theme="light"] *::before,
html[data-theme="light"] *::after {
  transition-property: background-color, border-color, color, box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}

/* Animasyonları boz — sadece renk geçişi */
html[data-theme="light"] .slide,
html[data-theme="light"] .aurora-blob,
html[data-theme="light"] .fade-in-up,
html[data-theme="light"] .fade-in-left,
html[data-theme="light"] .fade-in-right,
html[data-theme="light"] .whatsapp-float,
html[data-theme="light"] .phone-float,
html[data-theme="light"] .slider-progress,
html[data-theme="light"] .reveal {
  transition-property: opacity, transform, background-color, border-color, box-shadow;
}

/* ─────────────────────────────────────────
   4. NAVBAR
   Aydınlık modda her zaman frosted glass — hem index hem iç sayfalarda
   nav linkleri her koşulda okunabilir
   ───────────────────────────────────────── */
html[data-theme="light"] .navbar {
  background: rgba(245, 242, 237, 0.82);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

html[data-theme="light"] .navbar.scrolled {
  background: rgba(245, 242, 237, 0.92);
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .nav-logo {
  color: var(--primary-dark);
}

html[data-theme="light"] .nav-link {
  color: var(--text-light);
}

html[data-theme="light"] .nav-link:hover,
html[data-theme="light"] .nav-link.active {
  color: var(--primary-dark);
}

html[data-theme="light"] .nav-link::after {
  background: var(--gold);
}

html[data-theme="light"] .hamburger span {
  background: var(--text-light);
}

html[data-theme="light"] .nav-dropdown-arrow {
  color: var(--text-muted);
}

html[data-theme="light"] .nav-item:hover .nav-dropdown-arrow,
html[data-theme="light"] .nav-item.open .nav-dropdown-arrow {
  color: var(--gold);
}

/* ─────────────────────────────────────────
   5. DROPDOWN MENÜ
   ───────────────────────────────────────── */
html[data-theme="light"] .nav-dropdown {
  background: rgba(255, 255, 255, 0.98);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.04);
}

html[data-theme="light"] .nav-dropdown::before {
  background: rgba(255, 255, 255, 0.98);
  border-left-color: rgba(0, 0, 0, 0.08);
  border-right-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .nav-dropdown-item {
  color: var(--text-muted);
}

html[data-theme="light"] .nav-dropdown-item:hover {
  background: rgba(0, 0, 0, 0.04);
  color: var(--primary-dark);
}

html[data-theme="light"] .nav-dropdown-icon {
  background: rgba(26, 74, 122, 0.08);
  color: var(--primary);
}

html[data-theme="light"] .nav-dropdown-item:hover .nav-dropdown-icon {
  background: rgba(154, 112, 40, 0.10);
  color: var(--gold);
}

html[data-theme="light"] .nav-dropdown-divider {
  background: rgba(0, 0, 0, 0.08);
}

/* ─────────────────────────────────────────
   6. MOBİL MENÜ
   ───────────────────────────────────────── */
@media (max-width: 960px) {
  html[data-theme="light"] .nav-links.open {
    background: rgba(245, 242, 237, 0.98);
    border-bottom-color: rgba(0, 0, 0, 0.09);
  }

  html[data-theme="light"] .nav-links.open .nav-link {
    color: var(--text-light);
  }

  html[data-theme="light"] .nav-links.open .nav-link:hover,
  html[data-theme="light"] .nav-links.open .nav-link.active {
    background: rgba(0, 0, 0, 0.04);
    color: var(--primary-dark);
  }

  html[data-theme="light"] .nav-dropdown {
    background: rgba(0, 0, 0, 0.02) !important;
    border: none !important;
    box-shadow: none !important;
  }

  html[data-theme="light"] .nav-dropdown-item {
    color: var(--text-muted);
  }

  html[data-theme="light"] .nav-dropdown-item:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--primary-dark);
  }
}

/* ─────────────────────────────────────────
   7. İSTATİSTİK ÇUBUĞU
   ───────────────────────────────────────── */
html[data-theme="light"] .stats-bar {
  background: linear-gradient(180deg, rgba(154, 112, 40, 0.08) 0%, var(--dark-2) 100%);
  border-top-color: rgba(154, 112, 40, 0.20);
  border-bottom-color: rgba(154, 112, 40, 0.30);
}

html[data-theme="light"] .stat-divider {
  background: rgba(0, 0, 0, 0.09);
}

/* ─────────────────────────────────────────
   8. RANDEVU MEVCUT ROZETİ
   ───────────────────────────────────────── */
html[data-theme="light"] .availability-badge {
  background: rgba(245, 242, 237, 0.94);
  border-color: rgba(46, 204, 113, 0.4);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.10);
}

html[data-theme="light"] .avail-text {
  color: var(--text-light);
}

/* ─────────────────────────────────────────
   9. HAKKIMDA — Resim Rozeti
   ───────────────────────────────────────── */
html[data-theme="light"] .about-img-badge {
  background: rgba(255, 255, 255, 0.96);
  border-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .about-img-badge strong {
  color: var(--text-light);
}

html[data-theme="light"] .about-img-badge span {
  color: var(--text-muted);
}

/* ─────────────────────────────────────────
   10. SECTION BAŞLIKLARI
   ───────────────────────────────────────── */
html[data-theme="light"] .section-title {
  color: var(--text-light);
}

html[data-theme="light"] .section-title em {
  color: var(--gold);
}

html[data-theme="light"] .section-subtitle {
  color: var(--text-muted);
}

/* ─────────────────────────────────────────
   11. SÜREÇ ADIMI KARTLARI
   ───────────────────────────────────────── */
html[data-theme="light"] .process-step__title {
  color: var(--text-light);
}

html[data-theme="light"] .process-step__desc {
  color: var(--text-muted);
}

html[data-theme="light"] .process-step__icon-wrap {
  background: rgba(255, 255, 255, 0.90);
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .process-step:hover .process-step__icon-wrap {
  border-color: var(--gold);
  background: rgba(154, 112, 40, 0.06);
  box-shadow: 0 8px 30px rgba(154, 112, 40, 0.12), 0 0 0 5px rgba(154, 112, 40, 0.04);
}

/* ─────────────────────────────────────────
   12. HİZMET KARTLARI
   ───────────────────────────────────────── */
html[data-theme="light"] .service-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .service-card:hover {
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(154, 112, 40, 0.15);
  border-color: rgba(154, 112, 40, 0.25);
}

html[data-theme="light"] .card-title {
  color: var(--text-light);
}

html[data-theme="light"] .card-desc {
  color: var(--text-muted);
}

html[data-theme="light"] .card-list li {
  color: var(--text-muted);
}

html[data-theme="light"] .service-card--featured {
  background: linear-gradient(145deg, rgba(26, 74, 122, 0.07), rgba(255, 255, 255, 0.95));
  border-color: rgba(154, 112, 40, 0.25);
}

/* ─────────────────────────────────────────
   13. YORUMLAR (TESTİMONİALS)
   ───────────────────────────────────────── */
html[data-theme="light"] .testimonial-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .testimonial-card:hover {
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .testimonial-card__name {
  color: var(--text-light);
}

html[data-theme="light"] .testimonial-card__quote {
  color: var(--text-muted);
}

html[data-theme="light"] .testimonial-card__author {
  border-top-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .testimonials-cta__text {
  color: var(--text-muted);
}

/* ─────────────────────────────────────────
   14. SSS (FAQ)
   ───────────────────────────────────────── */
html[data-theme="light"] .faq-item {
  border-bottom-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .faq-item:first-child {
  border-top-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .faq-question {
  color: var(--text-light);
}

html[data-theme="light"] .faq-question:hover {
  color: var(--gold);
}

html[data-theme="light"] .faq-question[aria-expanded="true"] {
  color: var(--gold);
}

html[data-theme="light"] .faq-icon {
  color: var(--text-muted);
}

html[data-theme="light"] .faq-answer-inner p {
  color: var(--text-muted);
}

html[data-theme="light"] .faq-answer-inner strong {
  color: var(--text-light);
}

/* ─────────────────────────────────────────
   15. RANDEVU FORMU
   ───────────────────────────────────────── */
html[data-theme="light"] .appointment-form-wrap {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .form-group label {
  color: var(--text-muted);
}

html[data-theme="light"] .form-group input,
html[data-theme="light"] .form-group select,
html[data-theme="light"] .form-group textarea {
  background: rgba(245, 242, 237, 0.80);
  border-color: rgba(0, 0, 0, 0.12);
  color: var(--text-light);
}

html[data-theme="light"] .form-group input::placeholder,
html[data-theme="light"] .form-group textarea::placeholder {
  color: rgba(100, 117, 133, 0.55);
}

html[data-theme="light"] .form-group input:focus,
html[data-theme="light"] .form-group select:focus,
html[data-theme="light"] .form-group textarea:focus {
  background: rgba(255, 255, 255, 0.98);
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(154, 112, 40, 0.10);
}

html[data-theme="light"] .form-group select option {
  background: #f5f2ed;
  color: var(--text-light);
}

html[data-theme="light"] .phone-prefix {
  background: rgba(154, 112, 40, 0.10);
  border-color: rgba(0, 0, 0, 0.12);
  color: var(--gold);
}

html[data-theme="light"] .seans-option {
  border-color: rgba(0, 0, 0, 0.12);
  color: var(--text-muted);
}

html[data-theme="light"] .seans-option:hover {
  border-color: rgba(154, 112, 40, 0.45);
  color: var(--text-light);
}

html[data-theme="light"] .seans-option .seans-check {
  border-color: rgba(0, 0, 0, 0.15);
  background: transparent;
}

html[data-theme="light"] .seans-option:has(input:checked) {
  border-color: var(--gold);
  background: rgba(154, 112, 40, 0.08);
  color: var(--gold);
}

html[data-theme="light"] .seans-option:has(input:checked) .seans-check {
  background: var(--gold);
  border-color: var(--gold);
}

html[data-theme="light"] .appt-desc {
  color: var(--text-muted);
}

html[data-theme="light"] .appt-feature strong {
  color: var(--text-light);
}

html[data-theme="light"] .appt-feature span {
  color: var(--text-muted);
}

/* ─────────────────────────────────────────
   16. İLETİŞİM KARTLARI
   ───────────────────────────────────────── */
html[data-theme="light"] .contact-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .contact-card:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09);
  border-color: rgba(154, 112, 40, 0.25);
}

html[data-theme="light"] .contact-card h3 {
  color: var(--text-light);
}

html[data-theme="light"] .contact-card p {
  color: var(--text-muted);
}

html[data-theme="light"] .contact-card a {
  color: var(--primary);
}

html[data-theme="light"] .contact-card a:hover {
  color: var(--gold);
}

/* ─────────────────────────────────────────
   17. FOOTER
   ───────────────────────────────────────── */
html[data-theme="light"] .footer {
  background: var(--dark);
  border-top-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .footer-brand p {
  color: var(--text-muted);
}

html[data-theme="light"] .footer-links h4 {
  color: var(--text-light);
}

html[data-theme="light"] .footer-links li a {
  color: var(--text-muted);
}

html[data-theme="light"] .footer-links li a:hover {
  color: var(--gold);
}

html[data-theme="light"] .footer-bottom {
  border-top-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .footer-bottom p {
  color: var(--text-muted);
}

html[data-theme="light"] .footer-bottom a {
  color: var(--gold);
}

/* ─────────────────────────────────────────
   18. KARİYER MİLESTONELARI
   ───────────────────────────────────────── */
html[data-theme="light"] .career-milestones {
  border-left-color: rgba(0, 0, 0, 0.10);
}

html[data-theme="light"] .milestone-text {
  color: var(--text-light);
}

html[data-theme="light"] .milestone-year {
  color: var(--gold);
}

/* ─────────────────────────────────────────
   19. FEATURE CHIPS (Hizmet Özellikleri)
   ───────────────────────────────────────── */
html[data-theme="light"] .feature-chip {
  background: rgba(255, 255, 255, 0.90);
  border-color: rgba(0, 0, 0, 0.09);
  color: var(--text-light);
}

html[data-theme="light"] .feature-chip:hover {
  background: rgba(154, 112, 40, 0.08);
  border-color: var(--gold);
  color: var(--gold);
}

html[data-theme="light"] .chip-icon {
  color: var(--gold);
}

/* ─────────────────────────────────────────
   20. INSTAGRAM BÖLÜMÜ — post arka planları
   ───────────────────────────────────────── */
html[data-theme="light"] .ig-post-bg--blue   { background: linear-gradient(135deg, #f0e8d4 0%, #d4b878 55%, #c4a050 100%); }
html[data-theme="light"] .ig-post-bg--pink   { background: linear-gradient(135deg, #f0e0c0 0%, #d4a860 55%, #c09040 100%); }
html[data-theme="light"] .ig-post-bg--green  { background: linear-gradient(135deg, #e8dcc8 0%, #c8b490 55%, #b8a070 100%); }
html[data-theme="light"] .ig-post-bg--amber  { background: linear-gradient(135deg, #f0d8b0 0%, #e0b870 55%, #c8a96e 100%); }
html[data-theme="light"] .ig-post-bg--purple { background: linear-gradient(135deg, #e8e0d0 0%, #c8b898 55%, #b8a880 100%); }
html[data-theme="light"] .ig-post-bg--dark   { background: linear-gradient(135deg, #e0d8c8 0%, #c0b090 55%, #a89070 100%); }

html[data-theme="light"] .ig-chip {
  background: rgba(255, 255, 255, 0.90);
  border-color: rgba(0, 0, 0, 0.09);
  color: var(--text-muted);
}

html[data-theme="light"] .ig-chip:hover {
  border-color: rgba(220, 39, 67, 0.35);
  color: var(--text-light);
  background: rgba(220, 39, 67, 0.06);
}

html[data-theme="light"] .ig-desc {
  color: var(--text-muted);
}

html[data-theme="light"] .ig-post-view-all {
  color: var(--text-muted);
}

html[data-theme="light"] .ig-post--cta .ig-post-bg {
  border-color: rgba(0, 0, 0, 0.09);
  background: rgba(255, 255, 255, 0.90);
}

html[data-theme="light"] .ig-post--cta:hover .ig-post-view-all {
  color: var(--text-light);
}

/* ─────────────────────────────────────────
   21. CHECKBOX
   ───────────────────────────────────────── */
html[data-theme="light"] .checkbox-container {
  color: var(--text-muted);
}

html[data-theme="light"] .checkmark {
  background-color: rgba(255, 255, 255, 0.90);
  border-color: rgba(0, 0, 0, 0.15);
}

html[data-theme="light"] .checkbox-container:hover input ~ .checkmark {
  border-color: var(--gold);
  background-color: rgba(154, 112, 40, 0.05);
}

html[data-theme="light"] .checkbox-container input:checked ~ .checkmark {
  background-color: var(--gold);
  border-color: var(--gold);
}

html[data-theme="light"] .checkbox-text a {
  color: var(--gold);
}

html[data-theme="light"] .checkbox-text a:hover {
  color: var(--primary);
}

/* ─────────────────────────────────────────
   22. YASAL BİLGİLENDİRME
   ───────────────────────────────────────── */
html[data-theme="light"] .disclaimer-section {
  background: rgba(154, 112, 40, 0.04);
  border-top-color: rgba(154, 112, 40, 0.15);
  border-bottom-color: rgba(154, 112, 40, 0.15);
}

html[data-theme="light"] .disclaimer-content p {
  color: var(--text-muted);
}

html[data-theme="light"] .disclaimer-content strong {
  color: var(--gold);
}

/* ─────────────────────────────────────────
   23. DİĞER SAYFA HERO (hakkimizda, hizmetler vb.)
   ───────────────────────────────────────── */
html[data-theme="light"] .page-hero {
  background:
    linear-gradient(135deg, var(--dark) 0%, var(--dark-2) 55%, var(--mint-soft) 100%);
  position: relative;
  overflow: hidden;
}

/* Altın/krem dekoratif bloblar */
html[data-theme="light"] .page-hero::before {
  background:
    radial-gradient(ellipse at 75% 30%, rgba(200, 169, 110, 0.30) 0%, transparent 60%),
    radial-gradient(ellipse at 15% 75%, rgba(154, 112, 40, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(232, 213, 168, 0.20) 0%, transparent 60%);
}

/* SVG dalga dekor — sağ alt köşede hafif desen */
html[data-theme="light"] .page-hero:not(:has(.page-hero-bg))::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 60%;
  height: 80%;
  pointer-events: none;
  opacity: 0.10;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'><path d='M0 200 Q100 120 200 200 T400 200 L400 400 L0 400 Z' fill='%23c8a96e'/><path d='M0 260 Q100 200 200 260 T400 260 L400 400 L0 400 Z' fill='%23d4b878' opacity='0.6'/><path d='M0 320 Q100 280 200 320 T400 320 L400 400 L0 400 Z' fill='%23e8d5a8' opacity='0.5'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom right;
  z-index: 0;
}

html[data-theme="light"] .page-hero-overlay {
  background: linear-gradient(to top, rgba(50, 65, 80, 0.06) 0%, transparent 60%);
}

html[data-theme="light"] .page-hero-title {
  color: var(--text-light);
}

html[data-theme="light"] .page-hero-title em {
  color: var(--gold);
}

html[data-theme="light"] .page-hero-desc {
  color: var(--text-muted);
}

/* ─────────────────────────────────────────
   24. BREADCRUMB
   ───────────────────────────────────────── */
html[data-theme="light"] .breadcrumb a {
  color: var(--primary);
}

html[data-theme="light"] .breadcrumb a:hover {
  color: var(--gold);
}

/* ─────────────────────────────────────────
   25. HARİTA
   ───────────────────────────────────────── */
html[data-theme="light"] .map-wrapper {
  border-color: rgba(0, 0, 0, 0.09);
}

/* ─────────────────────────────────────────
   26. HAKKIMDA BÖLÜMÜ METİNLERİ
   ───────────────────────────────────────── */
html[data-theme="light"] .about-lead {
  color: var(--text-light);
}

html[data-theme="light"] .about-body {
  color: var(--text-muted);
}

html[data-theme="light"] .about-subtitle {
  color: var(--gold);
}

/* ─────────────────────────────────────────
   27. AURORA BLOBLAR (hero arka planı)
       Aydınlık modda daha hafif
   ───────────────────────────────────────── */
html[data-theme="light"] .aurora-blob--1 {
  opacity: 0.18;
  background: radial-gradient(circle, #c8a96e 0%, transparent 70%);
}

html[data-theme="light"] .aurora-blob--2 {
  opacity: 0.16;
  background: radial-gradient(circle, rgba(154, 112, 40, 0.60) 0%, transparent 70%);
}

html[data-theme="light"] .aurora-blob--3 {
  opacity: 0.15;
  background: radial-gradient(circle, #e8d5a8 0%, transparent 70%);
}

/* ─────────────────────────────────────────
   28. HIZMET DETAY SAYFASI ÖZEL STİLLERİ
   ───────────────────────────────────────── */
/* hizmet-detay.css'deki koyu sabit değerleri override et */
html[data-theme="light"] .detail-section {
  background: var(--dark-2);
}

html[data-theme="light"] .detail-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .detail-card:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .detail-card h3,
html[data-theme="light"] .detail-card strong {
  color: var(--text-light);
}

html[data-theme="light"] .detail-card p,
html[data-theme="light"] .detail-card li {
  color: var(--text-muted);
}

html[data-theme="light"] .timeline-item::before {
  background: var(--dark-3);
}

/* ─────────────────────────────────────────
   29. İLETİŞİM SAYFASI ÖZEL STİLLERİ
   ───────────────────────────────────────── */
html[data-theme="light"] .contact-form-wrap {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .contact-info-item {
  color: var(--text-muted);
}

html[data-theme="light"] .contact-info-item strong {
  color: var(--text-light);
}

/* ─────────────────────────────────────────
   30. HİZMETLERİMİZ SAYFASI ÖZEL STİLLERİ
   ───────────────────────────────────────── */
html[data-theme="light"] .services-detail-section {
  background: var(--dark);
}

html[data-theme="light"] .services-detail-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

/* ─────────────────────────────────────────
   31. YASAL SAYFALAR (KVKK, GİZLİLİK vb.)
   ───────────────────────────────────────── */
html[data-theme="light"] .legal-section {
  background: var(--dark-2);
}

html[data-theme="light"] .legal-content {
  color: var(--text-muted);
}

html[data-theme="light"] .legal-content h2,
html[data-theme="light"] .legal-content h3 {
  color: var(--text-light);
}

html[data-theme="light"] .legal-content strong {
  color: var(--text-light);
}

html[data-theme="light"] .legal-content a {
  color: var(--primary);
}

html[data-theme="light"] .legal-content a:hover {
  color: var(--gold);
}

/* ─────────────────────────────────────────
   32. SCROLL ANIMASYON GÖRÜNÜRLÜĞÜ
   ───────────────────────────────────────── */
html[data-theme="light"] .fade-in-up.visible,
html[data-theme="light"] .fade-in-left.visible,
html[data-theme="light"] .fade-in-right.visible {
  opacity: 1;
  transform: translate(0, 0);
}

/* ─────────────────────────────────────────
   33. GENEL METİN RENGİ FALLBACK'LERİ
       Hero slider ve fotoğraf üzerindeki elementler hariç
   ───────────────────────────────────────── */

/* Yalnızca slider dışındaki headingleri koyu yap */
html[data-theme="light"] h1:not(.slide-title):not(.slide-badge),
html[data-theme="light"] h2:not(.slide-title),
html[data-theme="light"] h3:not(.slide-title),
html[data-theme="light"] h4,
html[data-theme="light"] h5,
html[data-theme="light"] h6 {
  color: var(--text-light);
}

/* Yalnızca slider dışındaki paragrafları koyu yap */
html[data-theme="light"] p:not(.slide-desc):not(.avail-text) {
  color: var(--text-muted);
}

/* Altın butonlarda koyu metin kalmalı */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-submit,
html[data-theme="light"] .nav-cta {
  color: var(--dark-2);
}

/* Outline buton — hero DIŞINDA koyu stil */
html[data-theme="light"] .btn-outline:not(.slide-actions .btn-outline) {
  border-color: rgba(43, 58, 74, 0.35);
  color: var(--text-light);
}

html[data-theme="light"] .btn-outline:not(.slide-actions .btn-outline):hover {
  background: rgba(43, 58, 74, 0.08);
  border-color: rgba(43, 58, 74, 0.65);
}

/* Kart butonları */
html[data-theme="light"] .btn-card {
  border-color: var(--gold);
  color: var(--gold);
}

html[data-theme="light"] .btn-card:hover {
  background: var(--gold);
  color: var(--dark-2);
}

html[data-theme="light"] .btn-card-more {
  border-color: var(--accent-soft);
  color: var(--primary);
}

html[data-theme="light"] .btn-card-more:hover {
  background: rgba(26, 74, 122, 0.08);
  border-color: var(--primary);
  color: var(--primary-dark);
}

/* ─────────────────────────────────────────
   34. HERO SLİDER — Aydınlık Mod
       Overlay dengeli: fotoğraf görünür + metin okunabilir
   ───────────────────────────────────────── */
html[data-theme="light"] .slide-overlay {
  background:
    linear-gradient(to top, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.25) 40%, transparent 65%),
    linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, transparent 35%);
}

/* Hero başlık — beyaz kalmalı (fotoğraf üzerinde) */
html[data-theme="light"] .slide-title {
  color: var(--white);
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.95), 0 4px 32px rgba(0, 0, 0, 0.80), 0 8px 60px rgba(0, 0, 0, 0.60);
}

html[data-theme="light"] .slide-title em {
  color: #e8c98e;
}

/* Hero açıklama metni */
html[data-theme="light"] .slide-desc {
  color: rgba(235, 240, 248, 0.98);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.90), 0 2px 20px rgba(0, 0, 0, 0.70), 0 4px 40px rgba(0, 0, 0, 0.50);
}

/* Hero badge */
html[data-theme="light"] .slide-badge {
  background: rgba(245, 242, 237, 0.85);
  border-color: rgba(154, 112, 40, 0.28);
  color: var(--gold);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}

/* Typewriter yazı */
html[data-theme="light"] .typewriter-text {
  color: #e8c98e;
}

/* Hero outline buton — fotoğraf üzerinde beyaz kalmalı */
html[data-theme="light"] .slide-actions .btn-outline {
  border-color: rgba(255, 255, 255, 0.55);
  color: var(--white);
  background: rgba(255, 255, 255, 0.08);
}

html[data-theme="light"] .slide-actions .btn-outline:hover {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.80);
}

/* Hero primary buton — dark mode renkleri sabit kalmalı */
html[data-theme="light"] .slide-actions .btn-primary {
  background: #c8a96e;
  color: #060d1a;
}

html[data-theme="light"] .slide-actions .btn-primary:hover {
  background: #e8c98e;
}

/* Slider kontrol butonları — dark mode glass + beyaz metin */
html[data-theme="light"] .slider-btn {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
  color: #ffffff;
}

html[data-theme="light"] .slider-btn:hover {
  background: #c8a96e;
  color: #060d1a;
  border-color: #c8a96e;
}

/* ─────────────────────────────────────────
   35. HAKKIMIZDA SAYFASI
       hakkimizda.css'deki sabit renk override'ları
   ───────────────────────────────────────── */

/* Vizyon & Misyon — accent kart (koyu mavi → açık mavi) */
html[data-theme="light"] .vision-card--accent {
  background: linear-gradient(135deg, rgba(26, 74, 122, 0.09) 0%, rgba(90, 154, 216, 0.12) 100%);
  border-color: rgba(26, 74, 122, 0.20);
}

html[data-theme="light"] .vision-card h3 {
  color: var(--text-light);
}

html[data-theme="light"] .vision-value-list li span {
  color: var(--text-light);
}

html[data-theme="light"] .vision-card:hover {
  border-color: rgba(26, 74, 122, 0.30);
  box-shadow: var(--shadow-md);
}

/* Zaman tüneli */
html[data-theme="light"] .timeline-content strong {
  color: var(--text-light);
}

html[data-theme="light"] .timeline-dot {
  border-color: var(--dark-2);
}

/* Instagram handle — hakkimizda & iletisim */
html[data-theme="light"] .cinfo-ig-handle {
  color: var(--text-light);
}

/* İletişim profil kartı — koyu mavi gradient → açık */
html[data-theme="light"] .contact-profile-card {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .contact-profile-text strong {
  color: var(--text-light);
}

/* İletişim bilgi linki */
html[data-theme="light"] .cinfo-value--link {
  color: var(--primary);
}

html[data-theme="light"] .cinfo-value--link:hover {
  color: var(--gold);
}

/* ─────────────────────────────────────────
   36. HİZMETLERİMİZ SAYFASI
       hizmetlerimiz.css'deki sabit renk override'ları
   ───────────────────────────────────────── */

/* Alt servis bloğu — koyu gradient → açık */
html[data-theme="light"] .srv-block--alt {
  background: linear-gradient(135deg, rgba(26, 74, 122, 0.06) 0%, rgba(255, 255, 255, 0.92) 100%);
  border-color: rgba(26, 74, 122, 0.12);
}

html[data-theme="light"] .srv-block:hover {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.09);
}

/* Servis başlıkları */
html[data-theme="light"] .srv-title {
  color: var(--text-light);
}

/* Süreç adımı başlıkları (hizmetlerimiz versiyonu) */
html[data-theme="light"] .process-step h3 {
  color: var(--text-light);
}

html[data-theme="light"] .process-num {
  color: rgba(26, 74, 122, 0.35);
}

html[data-theme="light"] .process-step:hover .process-num {
  color: rgba(26, 74, 122, 0.55);
}

/* Servis FAQ (hizmetlerimiz — <details> tabanlı) */
html[data-theme="light"] details.faq-item {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .faq-question {
  color: var(--text-light);
}

/* Servis CTA kutusu — mavi gradient korunuyor (kasıtlı) */
html[data-theme="light"] .srv-cta-box {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
  border-color: rgba(74, 144, 217, 0.35);
}

/* ─────────────────────────────────────────
   37. HİZMET DETAY SAYFALARI
       hizmet-detay.css'deki sabit renk override'ları
   ───────────────────────────────────────── */

/* Fotoğraf arka plan — daha aydınlık ve canlı */
html[data-theme="light"] .page-hero-bg {
  filter: brightness(0.65) saturate(1.05);
}

/* Fotoğraflı hero'da renkli + hafifletilmiş overlay (foto daha görünür) */
html[data-theme="light"] .page-hero:has(.page-hero-bg) .page-hero-overlay {
  background:
    linear-gradient(to top, rgba(6, 13, 26, 0.55) 0%, rgba(26, 74, 122, 0.18) 60%, transparent 100%),
    radial-gradient(ellipse at 20% 80%, rgba(154, 112, 40, 0.18) 0%, transparent 55%);
}

/* Fotoğraflı hero'da başlık & açıklama beyaz + güçlü text-shadow */
html[data-theme="light"] .page-hero:has(.page-hero-bg) .page-hero-title {
  color: var(--white);
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.85), 0 4px 45px rgba(0, 0, 0, 0.55);
}

html[data-theme="light"] .page-hero:has(.page-hero-bg) .page-hero-title em {
  color: var(--gold-light);
}

html[data-theme="light"] .page-hero:has(.page-hero-bg) .page-hero-desc {
  color: rgba(255, 255, 255, 0.82);
}

/* Fotoğraflı hero'da breadcrumb — koyu overlay üzerinde beyaz */
html[data-theme="light"] .page-hero:has(.page-hero-bg) .breadcrumb ol {
  color: rgba(255, 255, 255, 0.80);
}
html[data-theme="light"] .page-hero:has(.page-hero-bg) .breadcrumb li + li::before {
  color: rgba(255, 255, 255, 0.55);
}
html[data-theme="light"] .page-hero:has(.page-hero-bg) .breadcrumb a {
  color: rgba(255, 255, 255, 0.85);
}
html[data-theme="light"] .page-hero:has(.page-hero-bg) .breadcrumb a:hover {
  color: var(--white);
}

/* Hero badge (fotoğraf üzerinde) */
html[data-theme="light"] .hero-badge {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
  color: var(--white);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Giriş bölümü başlıkları */
html[data-theme="light"] .hd-intro-text h2 {
  color: var(--text-light);
}

html[data-theme="light"] .hd-intro-text h2 em {
  color: var(--gold);
}

/* Konu item başlıkları */
html[data-theme="light"] .hd-topic-body strong {
  color: var(--text-light);
}

/* Yan bilgi kartı — koyu mavi → açık */
html[data-theme="light"] .hd-side-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.08);
  box-shadow: var(--shadow-md);
}

html[data-theme="light"] .hd-side-divider {
  background: rgba(0, 0, 0, 0.09);
}

/* "Kimler için" kartları */
html[data-theme="light"] .hd-for-card h3 {
  color: var(--text-light);
}

html[data-theme="light"] .hd-for-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .hd-for-num {
  color: rgba(26, 74, 122, 0.32);
}

/* Süreç adımları (hizmet-detay versiyonu) */
html[data-theme="light"] .hd-process-step h3 {
  color: var(--text-light);
}

/* FAQ (hizmet-detay versiyonu — <details> tabanlı) */
html[data-theme="light"] .hd-faq-item {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .hd-faq-q {
  color: var(--text-light);
}

/* Yaklaşım maddeleri */
html[data-theme="light"] .hd-approach-item h3 {
  color: var(--text-light);
}

html[data-theme="light"] .hd-approach-item {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .hd-approach-icon {
  background: rgba(26, 74, 122, 0.08);
}

/* Diğer hizmetler kartları */
html[data-theme="light"] .hd-other-card h3 {
  color: var(--text-light);
}

html[data-theme="light"] .hd-other-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .hd-other-icon {
  background: rgba(26, 74, 122, 0.08);
}

/* CTA bölümü — aydınlık modda açık arka plan */
html[data-theme="light"] .hd-cta-section {
  background: linear-gradient(135deg, var(--dark-2) 0%, var(--dark-3) 100%);
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .hd-cta-box h2 {
  color: var(--text-light);
}

html[data-theme="light"] .hd-cta-box p {
  color: var(--text-muted);
}

html[data-theme="light"] .btn-outline-light {
  border-color: rgba(26, 74, 122, 0.35);
  color: var(--primary);
}

html[data-theme="light"] .btn-outline-light:hover {
  background: rgba(26, 74, 122, 0.08);
  border-color: var(--primary);
}

/* ─────────────────────────────────────────
   38. HİZMETLERİMİZ CTA — aydınlık modda açık
   ───────────────────────────────────────── */
html[data-theme="light"] .srv-cta-section {
  background: var(--dark-2);
}

html[data-theme="light"] .srv-cta-box {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.90) 0%, rgba(235, 230, 222, 0.95) 100%);
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .srv-cta-text h2 {
  color: var(--text-light);
}

html[data-theme="light"] .srv-cta-text p {
  color: var(--text-muted);
}

html[data-theme="light"] .srv-cta-box .btn-outline-light {
  border-color: rgba(26, 74, 122, 0.35);
  color: var(--primary);
}

html[data-theme="light"] .srv-cta-box .btn-outline-light:hover {
  background: rgba(26, 74, 122, 0.08);
  border-color: var(--primary);
}

/* ─────────────────────────────────────────
   39. BASIN BİZ — aydınlık mod metin
   ───────────────────────────────────────── */
html[data-theme="light"] .press-headline {
  color: var(--text-light);
}

html[data-theme="light"] .press-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .press-card:hover {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.09);
  border-color: rgba(154, 112, 40, 0.3);
}

html[data-theme="light"] .press-quote-mark {
  color: rgba(154, 112, 40, 0.10);
}

/* ─────────────────────────────────────────
   40. BLOG SAYFASI (index.php & post.php)
   ───────────────────────────────────────── */

/* Blog navbar — aydınlık modda açık stil */
html[data-theme="light"] #navbar {
  background: rgba(245, 242, 237, 0.92) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08) !important;
}

/* Blog hero başlığı */
html[data-theme="light"] .blog-hero h1 {
  color: var(--text-light);
}

/* Blog kart başlıkları */
html[data-theme="light"] .post-title {
  color: var(--text-light);
}

html[data-theme="light"] .post-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .post-card:hover {
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .post-footer {
  border-top-color: rgba(0, 0, 0, 0.08);
}

/* Blog boş durum */
html[data-theme="light"] .no-posts h3 {
  color: var(--text-light);
}

/* Makale hero başlığı */
html[data-theme="light"] .post-hero h1 {
  color: var(--text-light);
}

/* Makale içerik başlıkları */
html[data-theme="light"] .post-content h2 {
  color: var(--text-light);
  border-bottom-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .post-content h3 {
  color: var(--text-light);
}

html[data-theme="light"] .post-content strong {
  color: var(--text-light);
}

/* Makale CTA kutusu */
html[data-theme="light"] .post-cta {
  background: linear-gradient(135deg, rgba(154, 112, 40, 0.07), rgba(26, 74, 122, 0.05));
  border-color: rgba(154, 112, 40, 0.20);
}

html[data-theme="light"] .post-cta h3 {
  color: var(--text-light);
}

html[data-theme="light"] .btn-cta-outline {
  color: var(--primary);
  border-color: rgba(26, 74, 122, 0.35);
}

html[data-theme="light"] .btn-cta-outline:hover {
  border-color: var(--gold);
  color: var(--gold);
}

/* İlgili makaleler bölümü */
html[data-theme="light"] .related-section {
  background: var(--dark-2);
}

html[data-theme="light"] .related-section .section-title {
  color: var(--text-light);
}

html[data-theme="light"] .related-card {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .related-card:hover {
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.09);
  border-color: rgba(154, 112, 40, 0.25);
}

html[data-theme="light"] .related-title {
  color: var(--text-light);
}

html[data-theme="light"] .post-keywords {
  border-top-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .post-keyword-tag {
  background: rgba(255, 255, 255, 0.90);
  border-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .post-share {
  border-top-color: rgba(0, 0, 0, 0.08);
}

html[data-theme="light"] .share-copy {
  background: rgba(255, 255, 255, 0.90);
  border-color: rgba(0, 0, 0, 0.09);
}

/* ─────────────────────────────────────────
   41. RANDEVU SAYFASI
   ───────────────────────────────────────── */
html[data-theme="light"] .randevu-section {
  background: var(--dark);
}

html[data-theme="light"] .randevu-hero h1 {
  color: var(--text-light);
}

html[data-theme="light"] .randevu-info-card {
  background: rgba(255, 255, 255, 0.90);
  border-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .randevu-form-card {
  background: rgba(255, 255, 255, 0.92);
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.07);
}

html[data-theme="light"] .gender-option {
  border-color: rgba(0, 0, 0, 0.12);
  background: rgba(255, 255, 255, 0.80);
}

html[data-theme="light"] .gender-option:hover {
  border-color: rgba(154, 112, 40, 0.45);
}

html[data-theme="light"] .consent-box {
  background: rgba(255, 255, 255, 0.80);
  border-color: rgba(0, 0, 0, 0.09);
}

html[data-theme="light"] .consent-box:has(input:checked) {
  border-color: rgba(154, 112, 40, 0.35);
  background: rgba(154, 112, 40, 0.05);
}

html[data-theme="light"] .info-contact-item {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}

/* ─────────────────────────────────────────
   42. ERİŞİLEBİLİRLİK — Azaltılmış Hareket
   ───────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  html[data-theme="light"] * {
    transition-duration: 0.01ms !important;
  }
}

/* ═════════════════════════════════════════════════════════════
   43. PASTEL PALET — Section Background İyileştirmeleri
   (Mint, Pudra Pembesi, Pastel Mavi yıkamaları)
   ═════════════════════════════════════════════════════════════ */

/* SÜREÇ — krem gradient */
html[data-theme="light"] .process-section {
  background: linear-gradient(180deg, var(--dark) 0%, var(--dark-2) 50%, var(--dark) 100%);
}
html[data-theme="light"] .process-section::before {
  background: radial-gradient(circle, rgba(154, 112, 40, 0.10) 0%, transparent 70%);
}

/* HAKKIMDA — krem gradient */
html[data-theme="light"] .about-section {
  background: linear-gradient(180deg, var(--dark-2) 0%, var(--dark) 100%);
}
html[data-theme="light"] .about-section::before {
  background: radial-gradient(circle, rgba(154, 112, 40, 0.08) 0%, transparent 70%);
}

/* HİZMETLER — altın wash */
html[data-theme="light"] .services-section {
  background: linear-gradient(180deg, var(--dark) 0%, rgba(154, 112, 40, 0.06) 100%);
}
html[data-theme="light"] .services-section::after {
  background: radial-gradient(circle, rgba(154, 112, 40, 0.10) 0%, transparent 70%);
}

/* YORUMLAR — krem gradient */
html[data-theme="light"] .testimonials-section {
  background: linear-gradient(180deg, var(--dark) 0%, var(--dark-2) 50%, var(--dark) 100%);
}
html[data-theme="light"] .testimonials-section::before {
  background: radial-gradient(circle, rgba(154, 112, 40, 0.08) 0%, transparent 70%);
}

/* SSS — altın wash */
html[data-theme="light"] .faq-section {
  background: linear-gradient(180deg, var(--dark-2) 0%, rgba(154, 112, 40, 0.05) 100%);
}
html[data-theme="light"] .faq-section::after {
  background: radial-gradient(circle, rgba(154, 112, 40, 0.08) 0%, transparent 70%);
}

/* Testimonial kart quote işareti */
html[data-theme="light"] .testimonial-card::before {
  color: rgba(154, 112, 40, 0.20);
}

/* ═════════════════════════════════════════════════════════════
   44. HİZMET BAZLI VURGU RENKLERİ — data-svc attribute
   ═════════════════════════════════════════════════════════════ */

/* ÇOCUK — mint */
html[data-theme="light"] .service-card[data-svc="cocuk"] .card-icon-wrap {
  background: rgba(154, 112, 40, 0.10);
}
html[data-theme="light"] .service-card[data-svc="cocuk"]:hover {
  border-color: var(--svc-cocuk);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.10), 0 0 0 1px var(--svc-cocuk);
}
html[data-theme="light"] .page-hero[data-svc="cocuk"]:not(:has(.page-hero-bg))::before {
  background:
    radial-gradient(ellipse at 75% 30%, rgba(200, 169, 110, 0.35) 0%, transparent 60%),
    radial-gradient(ellipse at 15% 75%, rgba(154, 112, 40, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(232, 213, 168, 0.20) 0%, transparent 60%);
}

/* ERGEN — pastel mavi */
html[data-theme="light"] .service-card[data-svc="ergen"] .card-icon-wrap {
  background: rgba(154, 112, 40, 0.10);
}
html[data-theme="light"] .service-card[data-svc="ergen"]:hover {
  border-color: var(--svc-ergen);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.10), 0 0 0 1px var(--svc-ergen);
}
html[data-theme="light"] .page-hero[data-svc="ergen"]:not(:has(.page-hero-bg))::before {
  background:
    radial-gradient(ellipse at 75% 30%, rgba(200, 169, 110, 0.35) 0%, transparent 60%),
    radial-gradient(ellipse at 15% 75%, rgba(154, 112, 40, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(232, 213, 168, 0.20) 0%, transparent 60%);
}

/* YETİŞKİN — pudra pembesi */
html[data-theme="light"] .service-card[data-svc="yetiskin"] .card-icon-wrap {
  background: rgba(154, 112, 40, 0.10);
}
html[data-theme="light"] .service-card[data-svc="yetiskin"]:hover {
  border-color: var(--svc-yetiskin);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.10), 0 0 0 1px var(--svc-yetiskin);
}
html[data-theme="light"] .page-hero[data-svc="yetiskin"]:not(:has(.page-hero-bg))::before {
  background:
    radial-gradient(ellipse at 75% 30%, rgba(200, 169, 110, 0.35) 0%, transparent 60%),
    radial-gradient(ellipse at 15% 75%, rgba(154, 112, 40, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(232, 213, 168, 0.20) 0%, transparent 60%);
}

/* AİLE/ÇİFT — lavanta */
html[data-theme="light"] .service-card[data-svc="aile"] .card-icon-wrap {
  background: rgba(154, 112, 40, 0.10);
}
html[data-theme="light"] .service-card[data-svc="aile"]:hover {
  border-color: var(--svc-aile);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.10), 0 0 0 1px var(--svc-aile);
}
html[data-theme="light"] .page-hero[data-svc="aile"]:not(:has(.page-hero-bg))::before {
  background:
    radial-gradient(ellipse at 75% 30%, rgba(200, 169, 110, 0.35) 0%, transparent 60%),
    radial-gradient(ellipse at 15% 75%, rgba(154, 112, 40, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(232, 213, 168, 0.20) 0%, transparent 60%);
}

/* ONLINE — mint-teal */
html[data-theme="light"] .service-card[data-svc="online"] .card-icon-wrap {
  background: rgba(154, 112, 40, 0.10);
}
html[data-theme="light"] .service-card[data-svc="online"]:hover {
  border-color: var(--svc-online);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.10), 0 0 0 1px var(--svc-online);
}
html[data-theme="light"] .page-hero[data-svc="online"]:not(:has(.page-hero-bg))::before {
  background:
    radial-gradient(ellipse at 75% 30%, rgba(200, 169, 110, 0.35) 0%, transparent 60%),
    radial-gradient(ellipse at 15% 75%, rgba(154, 112, 40, 0.18) 0%, transparent 55%),
    radial-gradient(ellipse at 50% 100%, rgba(232, 213, 168, 0.20) 0%, transparent 60%);
}

/* SRV-BLOCK (hizmetlerimiz.html) — data-svc bazlı icon vurgusu */
html[data-theme="light"] .srv-block[data-svc="cocuk"] .srv-block-icon {
  background: rgba(154, 112, 40, 0.08);
  border-color: rgba(154, 112, 40, 0.25);
  border-right-color: rgba(154, 112, 40, 0.25);
}
html[data-theme="light"] .srv-block[data-svc="ergen"] .srv-block-icon {
  background: rgba(154, 112, 40, 0.08);
  border-color: rgba(154, 112, 40, 0.25);
  border-right-color: rgba(154, 112, 40, 0.25);
}
html[data-theme="light"] .srv-block[data-svc="yetiskin"] .srv-block-icon {
  background: rgba(154, 112, 40, 0.08);
  border-color: rgba(154, 112, 40, 0.25);
  border-right-color: rgba(154, 112, 40, 0.25);
}
html[data-theme="light"] .srv-block[data-svc="aile"] .srv-block-icon {
  background: rgba(154, 112, 40, 0.08);
  border-color: rgba(154, 112, 40, 0.25);
  border-right-color: rgba(154, 112, 40, 0.25);
}
html[data-theme="light"] .srv-block[data-svc="online"] .srv-block-icon {
  background: rgba(154, 112, 40, 0.08);
  border-color: rgba(154, 112, 40, 0.25);
  border-right-color: rgba(154, 112, 40, 0.25);
}

/* ═════════════════════════════════════════════════════════════
   45. MOBİL PERFORMANS — Aurora opacity düşür
   ═════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {
  html[data-theme="light"] .aurora-blob--1 { opacity: 0.12; }
  html[data-theme="light"] .aurora-blob--2 { opacity: 0.10; }
  html[data-theme="light"] .aurora-blob--3 { opacity: 0.10; }
}

/* ═════════════════════════════════════════════════════════════
   46. WHATSAPP / SCROLL-TOP / HAMBURGER — Aydınlık Mod
   ═════════════════════════════════════════════════════════════ */

/* WhatsApp butonu — marka yeşili korunur, shadow açık zemine uyarlanır */
html[data-theme="light"] .whatsapp-float {
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.35), 0 0 0 2px rgba(255, 255, 255, 0.60);
}

html[data-theme="light"] .whatsapp-float:hover {
  box-shadow: 0 12px 36px rgba(37, 211, 102, 0.45), 0 0 0 2px rgba(255, 255, 255, 0.80);
}

/* Phone float — aynı şekilde */
html[data-theme="light"] .phone-float {
  box-shadow: 0 6px 24px rgba(37, 211, 102, 0.35), 0 0 0 2px rgba(255, 255, 255, 0.60);
}

/* Scroll-top butonu — altın rengi */
html[data-theme="light"] .scroll-top-btn {
  background: var(--gold);
  box-shadow: 0 6px 24px rgba(154, 112, 40, 0.40);
  color: #fff;
}

html[data-theme="light"] .scroll-top-btn:hover {
  background: var(--gold-light);
  box-shadow: 0 12px 36px rgba(154, 112, 40, 0.55);
}

/* Hamburger — mobilde açık arka plan üzerinde görünür */
@media (max-width: 960px) {
  html[data-theme="light"] .hamburger span {
    background: var(--text-light);
  }
}

/* ═════════════════════════════════════════════════════════════
   47. İLETİŞİM SAYFASI — Eksik Override'lar
   ═════════════════════════════════════════════════════════════ */

/* Kapalı gün rengi — kırmızı açık zeminde de okunabilir */
html[data-theme="light"] .hours-closed {
  color: #c0392b;
}

/* WhatsApp butonu — açık zeminde marka yeşili */
html[data-theme="light"] .cinfo-whatsapp {
  color: #1a9e52;
  background: rgba(26, 158, 82, 0.08);
  border-color: rgba(26, 158, 82, 0.25);
}
html[data-theme="light"] .cinfo-whatsapp:hover {
  background: rgba(26, 158, 82, 0.14);
  border-color: rgba(26, 158, 82, 0.45);
}

/* İletişim bilgi ikonu — altın */
html[data-theme="light"] .cinfo-icon {
  background: rgba(154, 112, 40, 0.10);
  color: var(--gold);
}

/* İletişim kart hover — altın border */
html[data-theme="light"] .cinfo-card:hover {
  border-color: rgba(154, 112, 40, 0.30);
}

/* ═════════════════════════════════════════════════════════════
   48. HİZMET DETAY — Eksik Override'lar
   ═════════════════════════════════════════════════════════════ */

/* Konu ikonu — altın */
html[data-theme="light"] .hd-topic-icon {
  background: rgba(154, 112, 40, 0.10);
  color: var(--gold);
}
html[data-theme="light"] .hd-topic-item:hover {
  border-color: rgba(154, 112, 40, 0.30);
}

/* Yan kart WhatsApp linki — !important ile override */
html[data-theme="light"] .hd-side-wa {
  color: #1a9e52 !important;
  background: rgba(26, 158, 82, 0.08) !important;
  border-color: rgba(26, 158, 82, 0.25) !important;
}
html[data-theme="light"] .hd-side-wa:hover {
  background: rgba(26, 158, 82, 0.14) !important;
}

/* Giriş rozeti */
html[data-theme="light"] .hd-intro-badge {
  background: rgba(154, 112, 40, 0.10);
  border-color: rgba(154, 112, 40, 0.25);
  color: var(--gold);
}

/* Yan kart etiket */
html[data-theme="light"] .hd-side-label {
  color: var(--gold);
}

/* Süreç nokta */
html[data-theme="light"] .hd-process-dot {
  background: var(--gold);
  border-color: var(--dark-2);
}

/* Süreç ve yaklaşım ikon */
html[data-theme="light"] .hd-process-icon,
html[data-theme="light"] .hd-for-icon {
  background: rgba(154, 112, 40, 0.10);
  color: var(--gold);
}

/* ═════════════════════════════════════════════════════════════
   49. HİZMETLERİMİZ — Eksik Override'lar
   ═════════════════════════════════════════════════════════════ */

/* Servis etiketi — mavi → altın */
html[data-theme="light"] .srv-tag {
  color: var(--gold);
  background: rgba(154, 112, 40, 0.08);
  border-color: rgba(154, 112, 40, 0.25);
}

/* Servis açıklama metni */
html[data-theme="light"] .srv-lead {
  color: var(--text-muted);
}

/* Servis blok başlık */
html[data-theme="light"] .srv-title {
  color: var(--text-light);
}

/* ═════════════════════════════════════════════════════════════
   50. HAKKIMIZDA — Eksik Override'lar
   ═════════════════════════════════════════════════════════════ */

/* Vizyon ikonu — altın */
html[data-theme="light"] .vision-icon {
  background: rgba(154, 112, 40, 0.10);
  color: var(--gold);
}

/* Vizyon kart hover — altın border */
html[data-theme="light"] .vision-card:hover {
  border-color: rgba(154, 112, 40, 0.30);
}

/* Galeri item overlay — açık zeminde hafif */
html[data-theme="light"] .gallery-overlay {
  background: rgba(245, 242, 237, 0.85);
}
html[data-theme="light"] .gallery-overlay span {
  color: var(--text-light);
}
html[data-theme="light"] .gallery-item {
  border-color: rgba(0, 0, 0, 0.08);
}
html[data-theme="light"] .gallery-item:hover {
  border-color: rgba(154, 112, 40, 0.30);
}

@media (max-width: 480px) {
  html[data-theme="light"] .scroll-top-btn {
    box-shadow: 0 4px 16px rgba(154, 112, 40, 0.35);
  }

  html[data-theme="light"] .whatsapp-float,
  html[data-theme="light"] .phone-float {
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.30), 0 0 0 2px rgba(255, 255, 255, 0.60);
  }
}