/* =============================================================
   EKSAGE — Hizmet renk temaları (Marka Paketi 2026)
   Sayfa <body> etiketine sınıf verilir:
     tema-enerji  · tema-su  · tema-kalite  · tema-surdurulebilirlik
   Sınıfsız sayfalar (ana sayfa, eğitimler, bilgi bankası, KVKK) ana
   kurumsal renklerle kalır. "Teklif Alın" düğmesi ve alt bilgi tüm
   sayfalarda kurumsal altın/lacivert kalır; tema yalnızca logo,
   vurgu çizgileri, bağlantılar, birincil düğmeler ve rapor/proforma
   çıktılarında kullanılır.  — 08.11.2026
   ============================================================= */

body.tema-enerji {
  --tema: #E0A010;          /* amblem rengi */
  --tema-orta: #B47A00;     /* "Mühendislik" yazısı */
  --tema-koyu: #4A3608;     /* "EKSAGE" yazısı */
  --tema-baglanti: #8A5A00; /* beyaz zeminde okunur (AA) */
  --tema-50: #FCF6E6;
  --tema-100: #F6E3B4;
}
body.tema-su {
  --tema: #176CA6;
  --tema-orta: #176CA6;
  --tema-koyu: #0D3A5E;
  --tema-baglanti: #176CA6;
  --tema-50: #EAF3FA;
  --tema-100: #CDE2F1;
}
body.tema-kalite {
  --tema: #8A1C3A;
  --tema-orta: #8A1C3A;
  --tema-koyu: #4A0E22;
  --tema-baglanti: #8A1C3A;
  --tema-50: #F8ECEF;
  --tema-100: #EBC9D2;
}
body.tema-surdurulebilirlik {
  --tema: #3C8E2E;
  --tema-orta: #2F7A24;
  --tema-koyu: #1E4A2A;
  --tema-baglanti: #2F7A24;
  --tema-50: #EEF6EC;
  --tema-100: #D2E8CC;
}

/* ---------- Yeni çerçeveli sayfalar ve araçlar (araclar.css + sayfa.css) ---------- */
body[class*="tema-"] {
  --ek-petrol: var(--tema-baglanti);
  --primary: var(--tema-baglanti);
  --primary-600: var(--tema-koyu);
  --primary-100: var(--tema-100);
  --primary-50: var(--tema-50);
  --eksage-mavi: var(--tema-orta);
}
/* Vurgu çizgileri */
body[class*="tema-"] .ek-sayfa-bandi { box-shadow: inset 0 3px 0 var(--tema); }
body[class*="tema-"] .ek-not { box-shadow: inset 0 4px 0 var(--tema); }
body[class*="tema-"] .sonuc-kart.s-yukumlu,
body[class*="tema-"] .teklif-cta-serit { box-shadow: inset 0 3px 0 var(--tema); }
body[class*="tema-"] .cat-card::before { background: var(--tema); }
body[class*="tema-"] a.ek-kart:hover { border-color: var(--tema); }
body[class*="tema-"] .ek-adim strong::before { color: var(--tema-orta); }
body.ek-arac-etut[class*="tema-"] .sonuc,
body.ek-arac-etut[class*="tema-"] .cta { box-shadow: inset 0 3px 0 var(--tema); }
/* Birincil düğmeler */
body[class*="tema-"] .ek-dugme-ana { background: var(--tema-koyu); border-color: var(--tema-koyu); color: #FFFFFF; }
body[class*="tema-"] .ek-dugme-ana:hover { background: var(--tema-baglanti); border-color: var(--tema-baglanti); color: #FFFFFF; }
body[class*="tema-"] .ek-dugme-ikinci { border-color: var(--tema-koyu); color: var(--tema-koyu); }
body[class*="tema-"] .btn-primary { background: var(--tema-baglanti); }
body[class*="tema-"] .btn-primary:hover:not(:disabled) { background: var(--tema-koyu); }
/* Çıktılar: proforma ve rapor başlıkları tema ailesinde */
body[class*="tema-"] .proforma,
body[class*="tema-"] #proformaIcerik,
body[class*="tema-"] .rapor,
body[class*="tema-"] #rapor {
  --eksage-lacivert: var(--tema-koyu);
  --eksage-mavi: var(--tema);
  --primary-dark: var(--tema-koyu);
}
/* TEP aracı sonuç kartı */
body[class*="tema-"] .tep-sonuc { box-shadow: inset 0 4px 0 var(--tema); }
body[class*="tema-"] .tep-sonuc-deger { color: var(--tema-koyu); }

/* ---------- Eski tasarımlı içerik sayfaları (css/style.css) — yalnız açık mod ---------- */
html:not([data-theme="dark"]) body[class*="tema-"] {
  --primary: var(--tema-baglanti);
  --primary-dark: var(--tema-koyu);
  --primary-light: var(--tema-orta);
}

/* =============================================================
   BEYAZ ZEMİN — tüm sayfalarda açık mavi / mavimsi gri dolgular
   kaldırıldı; kutular ince çizgiyle ayrılır.  — 08.11.2026
   (yalnız açık mod; koyu mod kendi renklerini korur)
   ============================================================= */
html:not([data-theme="dark"]) body {
  --ek-zemin: #FFFFFF; --bg: #FFFFFF; --bg-light: #FFFFFF; --bg-soft: #FFFFFF;
  --mavi-50: #FFFFFF; --primary-50: #FFFFFF; --water-50: #FFFFFF; --slate-50: #FFFFFF;
  --bg-primary: #FFFFFF; --bg-secondary: #FFFFFF; --bg-tertiary: #FFFFFF;
  --tema-50: #FFFFFF;
  --ek-halka: #DCE3E9;
  background: #FFFFFF;
}

/* Düz beyaz (zaten çerçeveli ya da geniş alanlar) */
html:not([data-theme="dark"]) .section-alt,
html:not([data-theme="dark"]) .spotlight-section,
html:not([data-theme="dark"]) .footer,
html:not([data-theme="dark"]) .nav-menu,
html:not([data-theme="dark"]) .blog-img,
html:not([data-theme="dark"]) .cta-card,
html:not([data-theme="dark"]) .egitim-ticker,
html:not([data-theme="dark"]) .checkbox-grid,
html:not([data-theme="dark"]) .form-group input,
html:not([data-theme="dark"]) .form-group select,
html:not([data-theme="dark"]) .form-group textarea,
html:not([data-theme="dark"]) .other-detail input,
html:not([data-theme="dark"]) .btn-ghost:hover,
html:not([data-theme="dark"]) .checkbox-label:hover,
html:not([data-theme="dark"]) .detail-note,
html:not([data-theme="dark"]) .alt-soru,
html:not([data-theme="dark"]) .tesis-karti .field,
html:not([data-theme="dark"]) .kvkk-onay,
html:not([data-theme="dark"]) .bel-tesis-karti,
html:not([data-theme="dark"]) .kalem-satir,
html:not([data-theme="dark"]) .ozet-toplam,
html:not([data-theme="dark"]) .mail-modal-close:hover,
html:not([data-theme="dark"]) .proforma-musteri,
html:not([data-theme="dark"]) .proforma-odeme,
html:not([data-theme="dark"]) .proforma-kalemler tr.proforma-toplam td,
html:not([data-theme="dark"]) .kategori-baslik,
html:not([data-theme="dark"]) .radio-option:hover,
html:not([data-theme="dark"]) .check-option:hover,
html:not([data-theme="dark"]) .nace-item:hover,
html:not([data-theme="dark"]) .nace-eklenenler,
html:not([data-theme="dark"]) .iletisim-section,
html:not([data-theme="dark"]) .sonuc-not,
html:not([data-theme="dark"]) .rapor-cta,
html:not([data-theme="dark"]) .seo-bilgi,
html:not([data-theme="dark"]) .site-footer,
html:not([data-theme="dark"]) .teklif-ozet,
html:not([data-theme="dark"]) .form-section,
html:not([data-theme="dark"]) .olcum-panel,
html:not([data-theme="dark"]) .olcum-close:hover,
html:not([data-theme="dark"]) .maliyet-table tbody tr:hover,
html:not([data-theme="dark"]) .maliyet-toplam td,
html:not([data-theme="dark"]) .rapor-uyari,
html:not([data-theme="dark"]) .metric,
html:not([data-theme="dark"]) .mini-highlight,
html:not([data-theme="dark"]) .mode-banner,
html:not([data-theme="dark"]) .formula-details,
html:not([data-theme="dark"]) .optimum-not,
html:not([data-theme="dark"]) .aylik-table th,
html:not([data-theme="dark"]) .summary,
html:not([data-theme="dark"]) .screen-header,
html:not([data-theme="dark"]) .rapor-meta th,
html:not([data-theme="dark"]) .rapor-ozet,
html:not([data-theme="dark"]) .ek-metin th,
html:not([data-theme="dark"]) .ek-icindekiler,
html:not([data-theme="dark"]) .ek-dugme-ikinci:hover,
html:not([data-theme="dark"]) .ek-bedel,
html:not([data-theme="dark"]) .tep-katsayi th,
html:not([data-theme="dark"]) .ek-arac-etut .firma,
html:not([data-theme="dark"]) .ek-arac-etut .sonuc,
html:not([data-theme="dark"]) .ek-arac-etut th,
html:not([data-theme="dark"]) .ek-arac-su .alt-soru,
html:not([data-theme="dark"]) .ek-arac-su .iletisim-section {
  background: #FFFFFF;
}
/* Dekoratif açık mavi parıltılar */
html:not([data-theme="dark"]) .hero-gradient,
html:not([data-theme="dark"]) .hero-orb-1,
html:not([data-theme="dark"]) .cta-card::before,
html:not([data-theme="dark"]) [class*="detail-hero-gradient"] {
  background: none;
}

/* Çerçevesiz küçük öğeler: beyaz + ince halka */
html:not([data-theme="dark"]) .section-tag,
html:not([data-theme="dark"]) .feature-icon,
html:not([data-theme="dark"]) .contact-icon,
html:not([data-theme="dark"]) .service-icon,
html:not([data-theme="dark"]) .spotlight-badge,
html:not([data-theme="dark"]) .spotlight-icon-wrap,
html:not([data-theme="dark"]) .cat-iso,
html:not([data-theme="dark"]) [class*="detail-hero-badge"],
html:not([data-theme="dark"]) .step-num,
html:not([data-theme="dark"]) .step-dot,
html:not([data-theme="dark"]) .nace-tag.tag-yukumlu,
html:not([data-theme="dark"]) .multi-tag,
html:not([data-theme="dark"]) .gap-bar,
html:not([data-theme="dark"]) .cat-tag,
html:not([data-theme="dark"]) .cat-icon,
html:not([data-theme="dark"]) .ek-ilerleme-cubuk,
html:not([data-theme="dark"]) .ek-firma > summary::before,
html:not([data-theme="dark"]) .optional-tag,
html:not([data-theme="dark"]) .maliyet-table code,
html:not([data-theme="dark"]) .bilgi-ozet,
html:not([data-theme="dark"]) .sorgu-bilgi,
html:not([data-theme="dark"]) .proforma-konu,
html:not([data-theme="dark"]) .proforma-banka,
html:not([data-theme="dark"]) .ek-adimlar-liste li {
  background: #FFFFFF;
  box-shadow: inset 0 0 0 1px var(--ek-halka, #DCE3E9);
}
html:not([data-theme="dark"]) .tep-formul {
  background: #FFFFFF;
  box-shadow: inset 3px 0 0 var(--tema, #0D3A5E), inset 0 0 0 1px var(--ek-halka, #DCE3E9);
}
/* Seçili / etkin durumlar dolgu yerine renkli çerçeveyle */
html:not([data-theme="dark"]) .cat-card.selected {
  background: #FFFFFF;
  border-color: var(--primary, #176CA6);
}
html:not([data-theme="dark"]) .radio-option:has(input:checked),
html:not([data-theme="dark"]) .check-option:has(input:checked),
html:not([data-theme="dark"]) .ek-arac-su .radio-option:has(input:checked),
html:not([data-theme="dark"]) .ek-arac-su .check-option:has(input:checked),
html:not([data-theme="dark"]) .radio:has(input:checked) {
  background: #FFFFFF;
  border-color: var(--primary, #176CA6);
  box-shadow: inset 0 0 0 1px var(--primary, #176CA6);
}
html:not([data-theme="dark"]) .nace-item.active {
  background: #FFFFFF;
  box-shadow: inset 3px 0 0 var(--primary, #176CA6);
}
html:not([data-theme="dark"]) .ek-arac-etut .tabs button.on {
  background: #FFFFFF;
  border-color: var(--tema-baglanti, #176CA6);
  box-shadow: inset 0 0 0 1px var(--tema-baglanti, #176CA6);
}
/* Yazdırma (proforma PDF) — renkli bölgeler de beyaz */
@media print {
  html body.yazdir-proforma .proforma-musteri,
  html body.yazdir-proforma .proforma-konu,
  html body.yazdir-proforma .proforma-odeme,
  html body.yazdir-proforma .proforma-banka,
  html body.yazdir-proforma .proforma-kalemler tr.proforma-toplam td {
    background: #FFFFFF !important;
  }
}

/* Proforma başlığı: yalnız logo (firma adı logoda) — logo biraz büyük */
.proforma-header .proforma-logo { height: 84px; width: auto; }
.proforma-header .proforma-firma { align-items: center; gap: 16px; }

/* Eski tasarımlı hizmet sayfaları: rozet, adım numarası ve "İncele" bağlantıları tema renginde */
body[class*="tema-"] [class*="detail-hero-badge"],
body[class*="tema-"] .step-num { color: var(--tema-baglanti); }
body[class*="tema-"] [class*="detail-hero-badge"] { border-color: var(--tema-100); }
body[class*="tema-"] [style*="color:#0D7FA8"] { color: var(--tema-baglanti) !important; }
body[class*="tema-"] .obligation-card { border-left-color: var(--tema); }
body[class*="tema-"] .obligation-card h3 svg { color: var(--tema-orta); }
body[class*="tema-"] .obligation-card li::before { background: var(--tema); }
body[class*="tema-"] .badge-dot-color { background: var(--tema); }
/* Bilgi bankası: pasif filtre düğmeleri soluk mavi yerine beyaz */
html:not([data-theme="dark"]) .kb-filter:not(.kb-filter-active) {
  opacity: 1; background: #FFFFFF; color: #0D3A5E; box-shadow: inset 0 0 0 1px #C9D3DC;
}
html:not([data-theme="dark"]) .kb-filter:not(.kb-filter-active):hover {
  background: #FFFFFF; color: #0D3A5E; box-shadow: inset 0 0 0 1.5px #0D3A5E;
}
.proforma-header .proforma-firma { flex: 1 1 auto; min-width: 0; }
.proforma-header .proforma-baslik { flex: 0 0 auto; }
.proforma-header .proforma-baslik h1,
.proforma-header .proforma-meta-tbl th,
.proforma-header .proforma-meta-tbl td { white-space: nowrap; }