/* ============================================================
   ETİBAS TEMA KATMANI
   mini.css'ten SONRA yüklenir; onu değiştirmez, üzerine yazar.
   Amaç: ana sayfada kurulan tasarım dilini tüm sayfalara
   tek yerden uygulamak. Sayfa başına <style> kopyalamak yerine
   burada duruyor — 60+ dosyaya dağılsaydı zamanla saparlardı.

   Geri almak: 3 head dosyasındaki tema.css satırını kaldır.
   ============================================================ */

/* ---- 1. YAZI TİPİ ------------------------------------------
   Site sistem fontundaydı (Mac'te SF Pro, Windows'ta Segoe).
   Instrument Sans latin-ext taşıyor: ğ Ğ ş Ş ı İ ç ö ü tam.  */
body,
button,
input,
select,
textarea {
  font-family: "Instrument Sans", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
h1, h2, h3, h4 { letter-spacing: -0.022em; }

/* ---- 2. RİTİM ----------------------------------------------
   80px bölüm boşluğu koyu hero'dan sonra sayfayı dağıtıyordu. */
.section { padding: 62px 0; }
.section-sm { padding: 40px 0; }
@media (max-width: 700px) {
  .section { padding: 46px 0; }
}

/* ---- 3. ÜST BAŞLIK -----------------------------------------
   Navbar sticky, akışta yer kaplıyor; saydam bırakılırsa
   arkasında hero değil sayfa zemini görünür. Hero rengiyle
   bitişik duruyor, kaydırınca kenarlık kazanıyor.            */
.topbar-koyu {
  background: #050b09;
  color: #7f9e94;
  border-bottom: 1px solid #17241f;
  font-size: 0.75rem;
  padding: 6px 0;
}
.topbar-koyu strong { color: #cfe4dd; }
.topbar-koyu a { color: #4fd0a8; }

.navbar-koyu {
  background: #070f0c;
  backdrop-filter: none;
  border-bottom: 1px solid transparent;
}
.navbar-koyu.tema-yapisti {
  background: rgba(7, 15, 12, 0.94);
  backdrop-filter: blur(12px);
  border-bottom-color: #17241f;
}
.navbar-koyu .container { height: 54px; }
.navbar-koyu .logo img { height: 26px; }
.navbar-koyu .nav-links { gap: 2px; }
.navbar-koyu .nav-links > a,
.navbar-koyu .dropdown > a { padding: 6px 12px; font-size: 0.875rem; color: #cfe4dd; }
.navbar-koyu .nav-links > a:hover,
.navbar-koyu .nav-links > a.active,
.navbar-koyu .dropdown:hover > a { color: #fff; background: rgba(255, 255, 255, 0.08); }
.navbar-koyu .nav-right { gap: 8px; }
.navbar-koyu .nav-right .btn { padding: 8px 16px; font-size: 0.8125rem; }
.navbar-koyu .btn-ghost { color: #cfe4dd; border: 1px solid #35544b; background: transparent; }
.navbar-koyu .btn-ghost:hover { color: #fff; border-color: #4fd0a8; }
.navbar-koyu .btn-primary { background: #22c096; color: #04211a; border-color: #22c096; }
.navbar-koyu .btn-primary:hover { background: #38d3aa; color: #04211a; }
.navbar-koyu .hamburger span { background: #cfe4dd; }

/* Beyaz mega menü koyu başlığın altında yamalık duruyordu. */
.navbar-koyu .dropdown-menu {
  background: #0b1512;
  border-color: #1e2f2a;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.5);
}
.navbar-koyu .dropdown-menu a { color: #a9c4bb; }
.navbar-koyu .dropdown-menu a:hover { color: #fff; background: rgba(255, 255, 255, 0.06); }
.navbar-koyu .dropdown-group-title { color: #6f8a81; }
.navbar-koyu .nav-new { background: #123028; color: #4fd0a8; }

.navbar-koyu ~ .mobile-menu,
body:has(.navbar-koyu) .mobile-menu {
  background: #070f0c;
  border-top: 1px solid #17241f;
}
body:has(.navbar-koyu) .mobile-menu a { color: #cfe4dd; border-bottom-color: #17241f; }
body:has(.navbar-koyu) .mobile-menu a:hover { color: #4fd0a8; }

/* ---- 4. SAYFA AÇILIŞLARI -----------------------------------
   Bütün hero'lar ve .page-header ana sayfayla aynı zemine alındı.
   Sayfa <style> blokları tema.css'ten SONRA geldiği için burada
   seçiciler bilerek daha güçlü (öznitelik + sınıf); aynı özgüllükte
   yazsaydık sayfa kuralları kazanır, hiçbiri uygulanmazdı.       */
section[class$="-hero"],
.page-header {
  background: #070f0c;
  border-bottom: 1px solid #17241f;
  color: #93aca3;
  padding: 56px 0 48px;
}
section[class$="-hero"] h1,
section[class$="-hero"] h2,
section[class$="-hero"] h3,
.page-header h1 { color: #fff; }
section[class$="-hero"] h1 { line-height: 1.1; }
section[class$="-hero"] p,
section[class$="-hero"] .lead,
.page-header p,
.page-header .lead { color: #93aca3; }
section[class$="-hero"] .lead strong,
section[class$="-hero"] > .container > p strong { color: #e6f0ec; }

/* Rozet: açık mint hap koyu zeminde fazla parlaktı, sakin çipe alındı */
section[class$="-hero"] [class$="-badge"] {
  background: rgba(255, 255, 255, 0.07);
  border-color: #2e4740;
  color: #cfe4dd;
}

section[class$="-hero"] .btn-primary {
  background: #22c096; color: #04211a; border-color: #22c096;
}
section[class$="-hero"] .btn-primary:hover { background: #38d3aa; color: #04211a; }
section[class$="-hero"] .btn-outline {
  border-color: #35544b; color: #cfe4dd; background: transparent;
}
section[class$="-hero"] .btn-outline:hover { border-color: #4fd0a8; color: #fff; }

/* Hero içi hap/çip aileleri */
section[class$="-hero"] [class$="-pill"],
section[class$="-hero"] [class$="-chip"] {
  background: rgba(255, 255, 255, 0.06);
  border-color: #2e4740;
  color: #cfe4dd;
}
section[class$="-hero"] [class$="-pills"],
section[class$="-hero"] [class$="-chips"],
section[class$="-hero"] [class$="-stats"] { border-top-color: #1e2f2a; }

/* ---- 4b. MARKA AKSANLARI -----------------------------------
   Her sayfanın hero'sunda kendi marka rengi vardı (Hepsiburada
   turuncusu, Boyner kırmızısı, QNB moru...). Koyu zeminde okunmaz
   hale geliyorlardı. Yeşile çevirip markayı silmek yerine her renk
   TONU KORUNARAK açıldı; hepsi 150+ parlaklığa çıkarıldı.
   Panel maketlerinin içindekilere dokunulmadı — onlar kendi beyaz
   kartlarının üstünde ve zaten okunuyor.                        */
section[class$="-hero"] .aks-accent,
section[class$="-hero"] .aks-stat strong { color: #f8a377; }
section[class$="-hero"] .bb-accent-b2b,
section[class$="-hero"] .rpr-accent,
section[class$="-hero"] .rpr-stat strong { color: #b894f5; }
section[class$="-hero"] .bb-accent-b2c,
section[class$="-hero"] .bb-stat strong,
section[class$="-hero"] .crm-accent,
section[class$="-hero"] .chat-accent,
section[class$="-hero"] .iy-accent,
section[class$="-hero"] .om-accent { color: #84ebd3; }
section[class$="-hero"] .boyn-accent,
section[class$="-hero"] .boyn-stat strong { color: #ec8383; }
section[class$="-hero"] .ccs-accent,
section[class$="-hero"] .ccs-stat strong { color: #b090f9; }
section[class$="-hero"] .drf-accent,
section[class$="-hero"] .drf-stat strong { color: #81eea9; }
section[class$="-hero"] .heps-accent,
section[class$="-hero"] .heps-stat strong { color: #ffa670; }
section[class$="-hero"] .idfx-accent,
section[class$="-hero"] .idfx-stat strong,
section[class$="-hero"] .zk-accent { color: #8aa2e5; }
section[class$="-hero"] .luc-accent,
section[class$="-hero"] .luc-stat strong { color: #76e0f9; }
section[class$="-hero"] .mk-accent,
section[class$="-hero"] .txj-accent,
section[class$="-hero"] .txj-stat strong { color: #9d98f1; }
section[class$="-hero"] .mhb-accent,
section[class$="-hero"] .mhb-stat strong { color: #80efe6; }
section[class$="-hero"] .nbm-accent,
section[class$="-hero"] .nbm-stat strong { color: #7bcef5; }
section[class$="-hero"] .ons-accent,
section[class$="-hero"] .ons-stat strong { color: #c795f4; }
section[class$="-hero"] .prs-accent,
section[class$="-hero"] .prs-stat strong { color: #7ca1f3; }
section[class$="-hero"] .pzrm-accent,
section[class$="-hero"] .pzrm-stat strong { color: #70ffb5; }
section[class$="-hero"] .ptt-accent,
section[class$="-hero"] .ptt-stat strong { color: #9e96f3; }
section[class$="-hero"] .qnb-accent,
section[class$="-hero"] .qnb-stat strong { color: #cd8fe0; }
section[class$="-hero"] .rkb-accent,
section[class$="-hero"] .rkb-stat strong { color: #78d0f7; }
section[class$="-hero"] .tbv-accent,
section[class$="-hero"] .tbv-stat strong { color: #fbbc74; }
section[class$="-hero"] .trnd-accent,
section[class$="-hero"] .trnd-stat strong { color: #f7b178; }
section[class$="-hero"] .uys-accent,
section[class$="-hero"] .uys-stat strong { color: #eb8484; }

/* ---- 5. BÖLÜM BAŞLIKLARI -----------------------------------
   Ortak kalıp: küçük mono etiket + başlık + tek cümle.       */
.tema-k {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.6875rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--primary);
  margin-bottom: 12px;
}

/* ---- 6. KARTLAR --------------------------------------------
   Gölgeli kart yerine saç teli kenarlık: daha sakin, daha
   "seçilmiş" duruyor.                                        */
.card,
.testimonial-card,
.int-platform-card {
  box-shadow: none;
  border: 1px solid var(--border);
}
.card:hover,
.int-platform-card:hover {
  box-shadow: none;
  border-color: var(--primary);
}

/* ---- 7. SSS ------------------------------------------------ */
.faq-q { font-size: 0.9375rem; padding: 15px 22px; }
.faq-a-inner { font-size: 0.875rem; line-height: 1.65; padding: 0 22px 15px; }

/* ---- 8. KOYU FOOTER ---------------------------------------- */
.footer { background: #070f0c; color: #93aca3; padding-top: 44px; }
.footer a { color: #93aca3; font-size: 0.8125rem; padding: 2px 0; }
.footer a:hover { color: #4fd0a8; }
.footer h4 { color: #fff; font-size: 0.8125rem; margin-bottom: 11px; }
.footer-desc { color: #7f9e94; font-size: 0.8125rem; line-height: 1.6; margin-top: 9px; }
.footer-more { color: #4fd0a8 !important; font-size: 0.75rem; margin-top: 4px; }
.footer-usp li { color: #a9c4bb; font-size: 0.75rem; line-height: 1.45; padding-left: 17px; }
.footer-intro { gap: 24px 40px; padding-bottom: 26px; border-color: #17241f; }
.footer-cols { padding: 26px 0; gap: 20px 26px; border-color: #17241f; }
.footer-contact { padding: 17px 0 22px; font-size: 0.75rem; border-color: #17241f; }
.footer-contact address strong { color: #e6f0ec; }
.footer-social { gap: 8px; }
.footer-social a { width: 30px; height: 30px; border-color: #243029; color: #93aca3; }
.footer-social a:hover { border-color: #4fd0a8; color: #4fd0a8; }
/* .footer a (0,1,1) buton rengini eziyor; daha güçlü seçiciyle geri alınıyor. */
.footer .btn-primary { background: #22c096; color: #04211a; border-color: #22c096; }
.footer .btn-primary:hover { background: #38d3aa; color: #04211a; }