/* ================================================================
   Sintegra — sintegra-light.css
   Light tema override.
   sintegra.css'ten SONRA yüklenir; dark section'ları kremsi
   açık zemine, öğeleri koyu metne dönüştürür.
   Hero (si-hero / si-detail-hero / si-page-hero): body'nin
   fırçalanmış altın dokusu görünür, overlay kaldırılır.
   ================================================================ */

/* ── 1. NAV ───────────────────────────────────────────────────── */
/* Scrolled durumunda koyu panel yerine saydam krem + altın border */
.si-nav.scrolled {
  background: rgba(242, 239, 232, 0.92);
  border-bottom-color: rgba(197,160,40,0.4);
  box-shadow: 0 2px 20px rgba(36,26,0,0.1);
}
.si-nav.scrolled .si-nav-links a      { color: #3a2e1a; }
.si-nav.scrolled .si-nav-links a:hover,
.si-nav.scrolled .si-nav-links a.active { color: var(--gold-dim); }
.si-nav.scrolled .si-logo-name { color: #1A1710; }
.si-nav.scrolled .si-logo-sub  { color: #7a6858; }
.si-nav.scrolled .si-logo-img  { filter: brightness(0) invert(0.12) sepia(0.3) saturate(0.5); }

/* ── 2. HERO — ANASAYFA (si-hero) ────────────────────────────── */
/* Hero altın zemin — stats bandına geçişi belirginleştir */
.si-hero-title { color: var(--on-gold); }
.si-hero-sub   { color: var(--on-gold-dim); }
.si-hero {
  border-bottom: 2px solid rgba(36,26,0,0.18);
  box-shadow: 0 4px 32px rgba(36,26,0,0.12);
}

/* ── 3. PAGE HERO — İÇ SAYFALAR (si-page-hero) ──────────────── */
/* si-page-hero-bg içindeki overlay div'leri gizlenir,
   altın zemin doğrudan görünür */
.si-page-hero-bg         { display: none; }
.si-page-hero            { background: transparent; }
.si-page-title           { color: var(--on-gold); }
.si-page-hero-content .si-eyebrow { color: var(--on-gold-dim); }

/* ── 4. PROJE DETAY HERO (si-detail-hero) ────────────────────── */
.si-detail-hero-placeholder { background: transparent; }
.si-detail-hero-overlay     { display: none; }
.si-detail-title            {
  color: var(--on-gold);
  text-shadow: 1px 1px 2px rgba(255,255,255,0.3), -1px -1px 2px rgba(0,0,0,0.15);
}
.si-breadcrumb a,
.si-breadcrumb span         { color: var(--on-gold-dim); }
.si-breadcrumb a:hover      { color: var(--on-gold); }
.si-detail-meta-row         { color: var(--on-gold-dim); }
.si-detail-meta-row i       { color: rgba(36,26,0,0.5); }

/* ── 5. SECTION'LAR ──────────────────────────────────────────── */
.si-section-dark {
  background: #f2efe8;
  color: #1A1710;
}
.si-section-dark-mid {
  background: #e8e3d8;
  color: #1A1710;
}

/* Utility background class'ları (hizmetler / hakkimizda / iletisim) */
.si-bg-carbon {
  background: #f2efe8;
  color: #1A1710;
}
.si-bg-carbon-mid {
  background: #e8e3d8;
  color: #1A1710;
}
.si-bg-carbon-card {
  background: #faf8f3;
  color: #1A1710;
}

/* Geçiş gradientleri — üst bölümden krema'ya */
.si-section-dark::before {
  background: linear-gradient(to bottom,
    rgba(242,239,232,0)   0%,
    rgba(242,239,232,0.6) 40%,
    rgba(242,239,232,1)   100%
  );
}
.si-section-dark-mid::before {
  background: linear-gradient(to bottom,
    rgba(232,227,216,0)   0%,
    rgba(232,227,216,0.6) 40%,
    rgba(232,227,216,1)   100%
  );
}

/* Anasayfa: si-section-dark, stats bandının hemen altında başlıyor —
   gradient yerine keskin border yeterli, gradient çift fade yaratır */
.si-stats + .si-section-dark::before { display: none; }
.si-stats + .si-section-dark {
  border-top: 1px solid rgba(197,160,40,0.2);
}

/* ── 6. STATS BANDI ──────────────────────────────────────────── */
.si-stats {
  background: #d8d2c4;  /* hero altınından belirgin ayrım için daha koyu */
  border-top: 1px solid rgba(36,26,0,0.1);
  border-bottom: 1px solid rgba(36,26,0,0.08);
}
.si-stat-item {
  background: #faf8f3;
  border-color: rgba(197,160,40,0.25);
  box-shadow: 0 2px 16px rgba(36,26,0,0.08);
}
.si-stat-num   { color: var(--gold-dim); }
.si-stat-label { color: #6b5f50; }

/* ── 7. METIN & EYEBROW ─────────────────────────────────────── */
.si-section-title  { color: #1A1710; }
.si-section-desc   { color: #4a4030; }
.si-eyebrow        { color: var(--gold-dim); }
.si-rule           { background: var(--gold); opacity: 0.4; }

/* --text-secondary / --text-muted kullanan inline stilli öğeler */
.si-bg-carbon [style*="color:var(--text-secondary)"],
.si-bg-carbon [style*="color:var(--text-muted)"],
.si-bg-carbon-mid [style*="color:var(--text-secondary)"],
.si-bg-carbon-mid [style*="color:var(--text-muted)"],
.si-section-dark [style*="color:var(--text-secondary)"],
.si-section-dark [style*="color:var(--text-muted)"],
.si-section-dark-mid [style*="color:var(--text-secondary)"],
.si-section-dark-mid [style*="color:var(--text-muted)"] {
  color: #5a5040 !important;
}

/* ── 7b. HİZMET KARTLARI (anasayfa grid) ────────────────────── */
.si-services-grid {
  background: rgba(197,160,40,0.12);  /* grid boşluk rengi */
}
.si-service-card {
  background: #faf8f3;
}
.si-service-card:hover {
  background: #f2efe8;
}
.si-service-card::before {
  background: var(--gold);
}
.si-service-icon {
  background: rgba(197,160,40,0.12);
  border-color: rgba(197,160,40,0.2);
}
.si-service-title { color: #1A1710; }
.si-service-desc  { color: #5a5040; }

/* ── 8. PROJE KARTLARI ──────────────────────────────────────── */
.si-proj-card  { background: #faf8f3; }
.si-proj-body  {
  background: #faf8f3;
  border: 1px solid rgba(197,160,40,0.15);
  border-top: none;
  box-shadow: 0 2px 8px rgba(36,26,0,0.05);
}
.si-proj-title { color: #1A1710; }
.si-proj-meta  { color: #7a6858; }
.si-proj-tag   {
  color: #5a4a20;
  border-color: rgba(197,160,40,0.4);
  background: rgba(197,160,40,0.1);
}

/* Filtre butonları */
.si-filter-btn {
  color: #4a4030;
  border-color: rgba(36,26,0,0.2);
  background: #faf8f3;
}
.si-filter-btn:hover,
.si-filter-btn.active {
  background: var(--gold);
  color: #1A1200;
  border-color: var(--gold);
}

/* ── 9. HİZMET SAYFASI ──────────────────────────────────────── */
.si-hizmet-feature {
  border-bottom-color: rgba(36,26,0,0.08);
}
.si-hizmet-img {
  background: #e0dbd0;
  border-color: rgba(197,160,40,0.2);
  color: var(--gold-dim);
}

/* ── 10. HAKKIMIZDA ─────────────────────────────────────────── */
.si-about-img {
  border-color: rgba(197,160,40,0.2);
  box-shadow: 4px 4px 0 rgba(197,160,40,0.15);
}
.si-about-img-inner {
  background: linear-gradient(135deg, #e0dbd0, #d5cfbf, #cdc58a) !important;
}
.si-about-item-icon {
  background: rgba(197,160,40,0.1);
  color: var(--gold-dim);
}
.si-about-item-title { color: #1A1710; }
.si-about-item-desc  { color: #5a5040; }

/* Ekip kartları */
.si-team-card {
  background: #faf8f3;
  border-color: rgba(197,160,40,0.15);
  box-shadow: 0 2px 12px rgba(36,26,0,0.06);
}
.si-team-avatar {
  background: #e0dbd0;
  color: var(--gold-dim);
  border-color: rgba(197,160,40,0.2);
}
.si-team-name { color: #1A1710; }
.si-team-role { color: #7a6858; }

/* Sertifika grid */
.si-cert-item {
  background: #faf8f3;
}
.si-cert-grid {
  background: rgba(197,160,40,0.15) !important;
}
.si-cert-label {
  color: #7a6858;
}

/* ── 10b. HARİTA PLACEHOLDER (iletisim) ────────────────────── */
.si-map-placeholder {
  background: #e0dbd0;
  border-color: rgba(197,160,40,0.2);
  color: #7a6858;
}

/* ── 11. İLETİŞİM FORMU ─────────────────────────────────────── */
.si-form        { }
.si-label       { color: #4a4030; }
.si-input,
.si-textarea,
.si-select {
  background: #ffffff;
  border-color: rgba(36,26,0,0.15);
  color: #1A1710;
}
.si-input:focus,
.si-textarea:focus,
.si-select:focus {
  border-color: var(--gold);
  box-shadow: 0 0 0 3px rgba(197,160,40,0.15);
}
.si-input::placeholder,
.si-textarea::placeholder { color: #a09080; }

/* İletişim info kartı */
.si-contact-icon {
  background: rgba(197,160,40,0.1);
  color: var(--gold-dim);
  border-color: rgba(197,160,40,0.2);
}
.si-contact-label { color: #7a6858; }
.si-contact-value { color: #1A1710; }
.si-contact-value a { color: #1A1710; }
.si-contact-value a:hover { color: var(--gold-dim); }

/* ── 12. CTA BANDI ───────────────────────────────────────────── */
/* si-cta (iç sayfalarda kullanılan si-cta-bg'li versiyon) */
.si-cta-bg-dark { opacity: 0.06; }
.si-cta-title   { color: #1A1200; }
.si-cta-sub     { color: rgba(36,26,0,0.7); }

/* ── 13. PROJE DETAY — İÇERİK BİLEŞENLERİ ──────────────────── */
.si-detail-body p        { color: #4a4030; }
.si-detail-section-label { color: var(--gold-dim); }
.si-detail-section-title { color: #1A1710; }

/* Galeri */
.si-gallery-main,
.si-gallery-thumb {
  background: #d8d2c4;
  border-color: rgba(197,160,40,0.25);
}
.si-gallery-main:hover  { border-color: rgba(197,160,40,0.5); }
.si-gallery-thumb:hover { border-color: rgba(197,160,40,0.5); }
.si-gallery-placeholder { color: var(--gold-dim); opacity: 0.6; }

/* Challenge card'lar */
.si-challenge-card {
  background: #faf8f3;
  border-color: rgba(197,160,40,0.18);
  border-left-color: var(--gold);
  box-shadow: 0 2px 12px rgba(36,26,0,0.06);
}
.si-challenge-icon  { background: rgba(197,160,40,0.14); }
.si-challenge-title { color: #1A1710; }
.si-challenge-desc  { color: #5a5040; }

/* Timeline */
.si-timeline::before { background: linear-gradient(to bottom, var(--gold), rgba(197,160,40,0.15)); }
.si-timeline-dot     { background: #f2efe8; border-color: var(--gold-dim); }
.si-timeline-item:last-child .si-timeline-dot {
  background: var(--gold);
  box-shadow: 0 0 8px rgba(197,160,40,0.4);
}
.si-timeline-title { color: #1A1710; }
.si-timeline-desc  { color: #5a5040; }

/* Sidebar */
.si-sidebar-card {
  background: #faf8f3;
  border-color: rgba(197,160,40,0.22);
  box-shadow: 0 2px 20px rgba(36,26,0,0.08), 0 1px 0 rgba(197,160,40,0.1);
}
.si-sidebar-card-title { color: var(--gold-dim); border-bottom-color: rgba(197,160,40,0.15); }
.si-detail-spec        { border-bottom-color: rgba(36,26,0,0.07); }
.si-spec-value         { color: #1A1710; }
.si-spec-label         { color: #7a6858; }
.si-spec-label i       { color: var(--gold-dim); }

.si-service-badge {
  color: #5a4a20;
  border-color: rgba(197,160,40,0.4);
  background: rgba(197,160,40,0.08);
}

.si-sidebar-cta {
  background: linear-gradient(135deg, rgba(197,160,40,0.13), rgba(197,160,40,0.05));
  border-color: rgba(197,160,40,0.3);
  box-shadow: 0 2px 12px rgba(36,26,0,0.06);
}
.si-sidebar-cta-title { color: #1A1710; }
.si-sidebar-cta-desc  { color: #5a5040; }

/* Related */
.si-related-head .si-eyebrow       { color: var(--gold-dim); }
.si-related-head .si-section-title { color: #1A1710; }
.si-related-grid { background: rgba(197,160,40,0.12); }

/* ── 14. BUTONLAR ───────────────────────────────────────────── */
.si-btn-ghost {
  border-color: rgba(36,26,0,0.25);
  color: #2a2018;
}
.si-btn-ghost:hover {
  background: rgba(197,160,40,0.1);
  border-color: var(--gold);
  color: var(--gold-dim);
}

/* ── 15. FOOTER ─────────────────────────────────────────────── */
.si-footer {
  background: #ddd8cc;
  border-top: 2px solid rgba(197,160,40,0.3);
}
.si-footer-col-title { color: #1A1710; }
.si-footer-links a   { color: #5a5040; }
.si-footer-links a:hover { color: var(--gold-dim); }
.si-footer-brand p   { color: #5a5040; }
.si-footer-contact p,
.si-footer-contact a { color: #5a5040; }
.si-footer-bottom {
  border-top-color: rgba(36,26,0,0.12);
  color: #7a6858;
}
.si-footer-bottom a       { color: #7a6858; }
.si-footer-bottom a:hover { color: var(--gold-dim); }

/* Logo footer'da açık zeminde koyu */
.si-footer .si-logo-img  { filter: brightness(0) invert(0.12) sepia(0.3) saturate(0.5); }
.si-footer .si-logo-name { color: #1A1710; }
.si-footer .si-logo-sub  { color: #7a6858; }

/* ── 16. TEMA TOGGLE BUTONU ─────────────────────────────────── */
/* Buton dark temada nav gold zeminine uygun görünür,
   light temada açık zemine uygun — her iki CSS'de de tanımlandı */
.si-theme-toggle {
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(197,160,40,0.1);
  border: 1px solid rgba(197,160,40,0.3);
  color: #5a4a20;
  padding: 5px 10px;
  font-family: var(--font-headline);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s;
  white-space: nowrap;
}
.si-theme-toggle:hover {
  background: rgba(197,160,40,0.2);
  border-color: rgba(197,160,40,0.5);
}
.si-theme-toggle i { font-size: 11px; }

/* ── 17. YASAL SAYFALAR ─────────────────────────────────────── */
.si-legal-meta {
  border-bottom-color: rgba(36,26,0,0.1);
}
.si-legal-body h2 {
  color: var(--gold-dim);
  border-bottom-color: rgba(36,26,0,0.1);
}
.si-legal-body h3 { color: #7a6858; }
.si-legal-body p  { color: #4a4030; }
.si-legal-intro {
  color: #1A1710 !important;
  background: rgba(197,160,40,0.07);
}
.si-legal-body ul li { color: #4a4030; }
.si-legal-body ul li::before { background: var(--gold-dim); }
.si-legal-infobox {
  background: #faf8f3;
  border-color: rgba(197,160,40,0.2);
  border-left-color: var(--gold-dim);
}
.si-legal-infobox p { color: #4a4030 !important; }
.si-legal-table th {
  background: #e8e3d8;
  border-bottom-color: rgba(197,160,40,0.3);
  color: #7a6858;
}
.si-legal-table td {
  color: #4a4030;
  border-bottom-color: rgba(36,26,0,0.06);
}
.si-legal-table tr:nth-child(odd) td { background: rgba(197,160,40,0.04); }
.si-legal-nav { border-top-color: rgba(36,26,0,0.1); }

/* ── 18. ÇEREZ ONAY BANDI ───────────────────────────────────── */
#siCookieBar {
  background: rgba(242, 239, 232, 0.97);
  border-top-color: rgba(197,160,40,0.3);
  box-shadow: 0 -4px 40px rgba(36,26,0,0.12);
}

.si-cookie-text         { color: #4a4030; }
.si-cookie-text strong  { color: var(--gold-dim); }
.si-cookie-text a       { color: var(--gold-dim); }

.si-cookie-toggle {
  color: #7a6858;
  border-color: rgba(36,26,0,0.2);
}
.si-cookie-toggle:hover { color: var(--gold-dim); border-color: rgba(197,160,40,0.5); }

.si-cookie-btn-reject {
  color: #7a6858;
  border-color: rgba(36,26,0,0.15);
}
.si-cookie-btn-reject:hover { color: #1A1710; border-color: rgba(36,26,0,0.3); }

.si-cookie-btn-save {
  color: #3a2800;
  background: rgba(197,160,40,0.12);
  border-color: rgba(197,160,40,0.4);
}
.si-cookie-btn-save:hover { background: rgba(197,160,40,0.2); }

.si-cookie-details {
  border-top-color: rgba(36,26,0,0.1);
}

.si-cookie-cat {
  background: #faf8f3;
  border-color: rgba(197,160,40,0.2);
}

.si-cookie-cat-name  { color: #1A1710; }
.si-cookie-cat-desc  { color: #7a6858; }

.si-cookie-switch-track {
  background: rgba(36,26,0,0.08);
  border-color: rgba(36,26,0,0.15);
}
.si-cookie-switch-track::after { background: #bbb0a0; }

.si-cookie-switch input:checked + .si-cookie-switch-track {
  background: rgba(197,160,40,0.15);
  border-color: var(--gold-dim);
}
.si-cookie-switch input:checked + .si-cookie-switch-track::after {
  background: var(--gold-dim);
}

.si-cookie-required-tag { color: var(--gold-dim); }

/* ── 19. MOBİL MENU ─────────────────────────────────────────── */
.si-mobile-menu {
  background: #f2efe8;
  border-top-color: rgba(197,160,40,0.2);
}
.si-mobile-menu a       { color: #1A1710; border-bottom-color: rgba(36,26,0,0.06); }
.si-mobile-menu a:hover { color: var(--gold-dim); }