/* =========================================================
   TURKUAZ YAZILIM — MODERN DESIGN SYSTEM
   Temiz & Kurumsal · Turkuaz modernize
   Tek dosya: tüm ortak iskeleti (navbar, banner, bloklar,
   menü, footer, splash) ve ana sayfa bileşenlerini kapsar.
   ========================================================= */

/* Premium başlık fontu — banner ve footer markası için (Türkçe destekli) */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Sora:wght@600;700;800&display=swap');

/* ---------- 1. TOKENS ---------- */
:root {
  --brand:       #06b6d4;   /* turkuaz */
  --brand-bright:#22d3ee;   /* canlı vurgu (fintech) */
  --brand-600:   #0891b2;
  --brand-700:   #0e7490;
  --brand-50:    #ecfeff;
  --brand-100:   #cffafe;

  --deep:        #05222e;   /* derin teal — footer / koyu alanlar */
  --deep-2:      #0a3a47;

  --ink:         #0f172a;   /* başlık */
  --body:        #475569;   /* gövde metni */
  --muted:       #64748b;
  --line:        #e2e8f0;

  --bg:          #ffffff;
  --bg-soft:     #f8fafc;
  --bg-soft-2:   #f1f5f9;

  --grad: linear-gradient(135deg, #22d3ee 0%, #0891b2 50%, #0e7490 100%);
  --grad-soft: linear-gradient(135deg, #ecfeff 0%, #f8fafc 100%);

  --shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08);
  --shadow:    0 10px 25px -5px rgba(15,23,42,.10), 0 8px 10px -6px rgba(15,23,42,.06);
  --shadow-lg: 0 25px 50px -12px rgba(15,23,42,.22);
  --shadow-brand: 0 16px 38px -10px rgba(6,182,212,.55);

  --radius:    16px;
  --radius-sm: 12px;
  --radius-lg: 24px;
  --radius-xl: 32px;

  --nav-height: 96px;
  --container: 1200px;
}

/* ---------- 2. BASE ---------- */
* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', 'Segoe UI', Tahoma, sans-serif;
  color: var(--body);
  background: var(--bg);
  line-height: 1.72;
  font-size: 1.12rem;
  margin: 0;
  padding-top: var(--nav-height);
  padding-bottom: 0;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Poppins', 'Segoe UI', sans-serif;
  color: var(--ink);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.01em;
}

p { color: var(--body); }

a { text-decoration: none !important; color: var(--brand-700); transition: color .2s ease; }
a:hover { color: var(--brand-600); }

img { max-width: 100%; }

.container { max-width: var(--container); }

/* Modern bölüm başlığı yardımcıları */
.eyebrow {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: .92rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--brand-700);
  background: var(--brand-50);
  border: 1px solid var(--brand-100);
  padding: .4rem .9rem;
  border-radius: 999px;
  margin-bottom: 1rem;
}
.section-title { font-size: clamp(2.05rem, 3.4vw, 2.9rem); margin-bottom: .85rem; }
.section-lead  { font-size: 1.22rem; color: var(--muted); max-width: 780px; }
.text-gradient {
  background: var(--grad);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ---------- 3. NAVBAR ---------- */
.navbar {
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: saturate(180%) blur(14px);
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  box-shadow: none;
  border-bottom: 1px solid var(--line);
  height: var(--nav-height);
  padding: .5rem 1.5rem;
  transition: box-shadow .3s ease, background .3s ease;
  z-index: 1050;
}
.navbar.scrolled,
.navbar.shadow-lg {
  box-shadow: 0 8px 30px rgba(15,23,42,.08) !important;
  background: rgba(255,255,255,.92) !important;
}
.navbar .container-fluid.icon-links-containe,
.navbar .icon-links-container {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  max-width: var(--container);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
.navbar .d-flex { flex-wrap: nowrap !important; gap: .5rem !important; align-items: center; }

.logo { height: 72px; width: auto; transition: transform .3s ease; filter: drop-shadow(0 4px 10px rgba(6,182,212,.22)); }
.navbar-brand { padding: 0; }
.navbar-brand:hover .logo { transform: scale(1.07); }

/* Üst menü ikon linkleri */
.icon-link {
  flex-direction: row !important;
  gap: 8px;
  color: var(--ink) !important;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  padding: .55rem .9rem !important;
  border-radius: 10px;
  border: 0 !important;
  transition: all .2s ease;
}
.icon-link::before { font-size: 1.05rem; color: var(--brand-600); }
.icon-link:not(:last-child) { border: 0 !important; }
.icon-link2:not(:last-child) { border: 0 !important; }
.icon-link:hover { color: var(--brand-700) !important; background: var(--brand-50); }

/* Hamburger buton */
.navbar .btn-outline-dark {
  border: 1px solid var(--line);
  color: var(--ink);
  border-radius: 12px;
  width: 46px; height: 46px;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0;
  transition: all .2s ease;
}
.navbar .btn-outline-dark:hover { background: var(--brand); border-color: var(--brand); color: #fff; }

/* ---------- 4. BUTTONS ---------- */
.btn { font-family: 'Poppins', sans-serif; font-weight: 600; border-radius: 12px; padding: .7rem 1.5rem; transition: all .25s ease; }
.btn-primary {
  background: var(--grad); border: 0;
  box-shadow: var(--shadow-brand);
}
.btn-primary:hover { transform: translateY(-2px); filter: brightness(1.05); box-shadow: 0 22px 45px -12px rgba(8,145,178,.55); }
.btn-outline-primary {
  border: 1.5px solid var(--brand-600); color: var(--brand-700); background: transparent;
}
.btn-outline-primary:hover { background: var(--brand-600); border-color: var(--brand-600); color: #fff; transform: translateY(-2px); }
.btn-lg { padding: .9rem 2rem; font-size: 1.05rem; }

/* ---------- 5. HERO CAROUSEL (ana sayfa) ---------- */
#heroCarousel { margin-top: 0; }
.hero-slide {
  position: relative;
  min-height: calc(100vh - var(--nav-height));
  padding: 80px 20px;
  display: flex; align-items: center; justify-content: center;
  background-size: cover !important;
  background-position: center !important;
  overflow: hidden;
}
.hero-slide::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(4,26,36,.90) 0%, rgba(13,110,130,.70) 45%, rgba(124,58,237,.46) 100%);
  z-index: 1;
}
.hero-slide > div { position: relative; z-index: 2; max-width: 820px; animation: heroUp 1s ease both; }
.hero-slide h1 {
  color: #fff;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 800;
  text-shadow: 0 4px 30px rgba(0,0,0,.25);
  margin-bottom: 1rem;
}
.hero-slide .lead { color: rgba(255,255,255,.92); font-size: clamp(1.05rem, 2vw, 1.4rem); font-weight: 400; }
.hero-slide .display-4 { font-weight: 800; }

@keyframes heroUp { from { opacity: 0; transform: translateY(28px);} to { opacity: 1; transform: translateY(0);} }

.carousel-control-prev, .carousel-control-next { width: 6%; z-index: 3; opacity: .85; }
.carousel-control-prev-icon, .carousel-control-next-icon {
  background-color: rgba(255,255,255,.18);
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 50%;
  width: 52px; height: 52px;
  background-size: 44%;
  backdrop-filter: blur(4px);
}

/* ---------- 6. SECTIONS / SURFACES ---------- */
section { padding: 84px 0; }
.bg-light { background: var(--bg-soft) !important; }
.bg-soft  { background: var(--bg-soft); }

/* Modern kart */
.feature-card,
.m-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 2rem 1.75rem;
  height: 100%;
  box-shadow: var(--shadow-sm);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.feature-card:hover,
.m-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow);
  border-color: var(--brand-100);
}
.feature-icon {
  width: 58px; height: 58px;
  border-radius: 14px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.7rem; color: #fff;
  background: var(--grad);
  box-shadow: var(--shadow-brand);
  margin-bottom: 1.1rem;
}

/* Ana sayfadaki "Neden Nebim V3" ikonlarını modernize et */
section .bi.display-5.text-primary {
  display: inline-flex; align-items: center; justify-content: center;
  width: 64px; height: 64px; border-radius: 16px;
  background: var(--grad-soft);
  color: var(--brand-700) !important;
  font-size: 1.8rem !important;
  margin-bottom: 1rem !important;
  border: 1px solid var(--brand-100);
}

.text-primary { color: var(--brand-700) !important; }
.text-muted   { color: var(--muted) !important; }

/* Sürüm satırları (ana sayfa) */
.v3-surumleri, .nebimv3-kapsam, .v3-erp { background: #fff; color: var(--body); }

/* Görsel çerçeveleri */
.img-fluid { border-radius: var(--radius); }

/* ---------- 7. BANNER (iç sayfa hero) ---------- */
.banner {
  position: relative;
  width: 100%;
  min-height: 360px;
  overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  background: var(--deep);
}
.banner .imgBlock {
  position: absolute; inset: 0;
  width: 100% !important; height: 100% !important;
  object-fit: cover;
  margin: 0 !important;
  opacity: .55;
}
.banner::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(120deg, rgba(4,26,36,.90) 0%, rgba(8,145,178,.58) 52%, rgba(79,70,229,.52) 100%);
}
.bannerCaption {
  position: relative;
  top: auto; left: auto; transform: none;
  color: #fff;
  font-family: 'Sora', 'Plus Jakarta Sans', 'Poppins', sans-serif;
  font-size: clamp(2.2rem, 4.6vw, 3.6rem);
  font-weight: 700;
  letter-spacing: -.02em;
  line-height: 1.14;
  text-transform: none;
  text-shadow: 0 2px 30px rgba(0,0,0,.42);
  padding: 2rem 1.5rem;
  z-index: 2;
  will-change: transform;
  /* Banner yazısı SÜREKLİ hareket: belirgin süzülme + turkuaz parıltı */
  animation: bannerFloat 4.5s ease-in-out infinite;
}
@keyframes bannerFloat {
  0%, 100% { transform: translateY(0);     text-shadow: 0 2px 26px rgba(0,0,0,.45); }
  50%      { transform: translateY(-13px); text-shadow: 0 14px 30px rgba(0,0,0,.45), 0 0 34px rgba(34,211,238,.85); }
}

/* Banner başlığı altında zarif, sürekli parlayan turkuaz vurgu çizgisi */
.bannerCaption::after {
  content: "";
  display: block;
  width: 68px; height: 4px;
  margin: 1.3rem auto 0;
  background: linear-gradient(90deg, var(--brand-bright), var(--brand-700));
  border-radius: 999px;
  animation: bannerLineGlow 3.2s ease-in-out infinite;
}
@keyframes bannerLineGlow {
  0%, 100% { box-shadow: 0 0 16px rgba(34,211,238,.45); opacity: .9; }
  50%      { box-shadow: 0 0 34px rgba(34,211,238,.9);  opacity: 1; }
}

/* Hareket azaltma tercihine saygı */
@media (prefers-reduced-motion: reduce) {
  .bannerCaption { animation: none; }
  .bannerCaption::after { animation: none; box-shadow: 0 0 24px rgba(34,211,238,.55); }
}

/* ---------- 8. İÇERİK BLOKLARI (.scroll-section / .block) ---------- */
.scroll-section { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 1.25rem; }
.block {
  display: flex; align-items: center; gap: 56px;
  margin: 0 auto 32px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius-lg);
  padding: 2.25rem;
  box-shadow: var(--shadow-sm);
  transition: box-shadow .3s ease, transform .3s ease;
}
.block:hover { box-shadow: var(--shadow); }
.scroll-section:nth-child(even) .block { flex-direction: row-reverse; }
.left-image { flex: 1 1 0; }
.left-image img { width: 100%; height: auto; display: block; border-radius: var(--radius); box-shadow: var(--shadow-sm); }
.right-content { flex: 1 1 0; text-align: left; }
.right-content h2, .right-content h3 { margin-bottom: 1rem; }
.right-content ul { padding-left: 1.1rem; margin: 0; }
.right-content ul li { margin-bottom: .6rem; position: relative; }
.right-content p { margin-bottom: 1rem; }

/* PC: foto YAPIŞKAN (sticky) — uzun metin yanından kayarken foto sabit kalır,
   blok bitince sonraki foto+metne geçilir. Foto da biraz büyütüldü. */
@media (min-width: 993px) {
  .block { align-items: flex-start; }
  .block .left-image {
    flex: 1.12 1 0;
    position: sticky;
    top: calc(var(--nav-height) + 24px);
    align-self: flex-start;
  }
  .block .right-content { flex: 1 1 0; }
}

.fw-bold { font-size: 1.85rem; font-family: 'Poppins', sans-serif; }

/* nebimv3-kapsam başlık alanı */
.nebimv3-kapsam { padding: 84px 0; }
.nebimv3-kapsam h1, .nebimv3-kapsam h2 { font-size: clamp(2rem, 3.4vw, 2.8rem); }
.nebimv3-kapsam .text-center p { max-width: 820px; margin: 1rem auto; color: var(--muted); }

/* v3-link (iç sayfa metin linkleri) */
.v3-link {
  display: inline-flex; align-items: center; gap: .4rem;
  margin-top: .6rem;
  color: var(--brand-700); font-weight: 600;
  border-bottom: 2px solid transparent;
}
.v3-link::after { content: "→"; transition: transform .2s ease; }
.v3-link:hover { color: var(--brand-600); }
.v3-link:hover::after { transform: translateX(4px); }

/* ---------- 8b. ÇARK SAYFALARI: kategori başlığı (sol uygulama listesi üstü) ----------
   üretim / depo / satış / crm vb. çark sayfalarında, uygulama linklerinin
   üstündeki sade "Üretim" başlığını modern hale getirir. Yalnızca masaüstü;
   mobil accordion (.item h3 mavi bar) etkilenmez. */
@media (min-width: 769px) {
  .lfSldArea .item > h3 {
    position: relative;
    font-family: 'Sora', 'Plus Jakarta Sans', sans-serif !important;
    font-weight: 800;
    font-size: clamp(1.9rem, 2.6vw, 2.6rem);
    line-height: 1.12;
    letter-spacing: -.02em;
    color: var(--ink);
    margin: 0 0 1.6rem;
    padding-bottom: 1rem;
  }
  .lfSldArea .item > h3::before {
    content: "Nebim V3 Uygulamaları";
    display: block;
    font-family: 'Sora', sans-serif;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--brand-700);
    margin-bottom: .6rem;
  }
  .lfSldArea .item > h3 span {
    background: var(--grad);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .lfSldArea .item > h3::after {
    content: "";
    position: absolute;
    left: 0; bottom: 0;
    width: 58px; height: 4px;
    border-radius: 999px;
    background: var(--grad);
    box-shadow: 0 0 18px rgba(34,211,238,.5);
  }
}

/* ---------- 8c. ÇARK SAYFALARI: yanındaki uygulama linkleri (.uygulama-list) ----------
   Sade beyaz kartları modern turkuaz kartlara çevirir; eski mavi rengi ve
   görünmez-hover bug'ını (yazı beyaza dönüp beyaz zeminde kaybolması) düzeltir.
   Yalnızca masaüstü çark alanı; mobil ayrı menü kullanır. */
@media (min-width: 769px) {
  .uygulama-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin: 28px 0;
    padding: 0;
    list-style: none;
  }
  .uygulama-list .uygulama-link {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
  }
  .uygulama-list .uygulama-link a {
    position: relative;
    display: flex;
    align-items: center;
    gap: .6rem;
    min-height: 0;
    height: 100%;
    padding: .95rem 1.05rem .95rem 1.2rem;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: var(--radius-sm);
    color: var(--ink);
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: .98rem;
    line-height: 1.35;
    box-shadow: var(--shadow-sm);
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background .25s ease, color .25s ease;
  }
  /* sol turkuaz aksan şeridi — hover'da büyür */
  .uygulama-list .uygulama-link a::before {
    content: "";
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 4px;
    background: var(--grad);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .25s ease;
  }
  /* sağdan kayan ok */
  .uygulama-list .uygulama-link a::after {
    content: "→";
    margin-left: auto;
    flex: 0 0 auto;
    color: var(--brand-600);
    font-weight: 700;
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity .25s ease, transform .25s ease;
  }
  .uygulama-list .uygulama-link a span {
    display: block;
    word-break: break-word;
  }
  .uygulama-list .uygulama-link a:hover {
    color: var(--brand-700);
    background: var(--brand-50);
    border-color: var(--brand-100);
    transform: translateY(-3px);
    box-shadow: var(--shadow);
  }
  .uygulama-list .uygulama-link a:hover::before { transform: scaleY(1); }
  .uygulama-list .uygulama-link a:hover::after { opacity: 1; transform: translateX(0); }
}

/* ---------- 9. OFFCANVAS MENÜ ---------- */
.offcanvas { transition: transform .35s ease-in-out !important; border: 0; }
.offcanvas.text-white { background: var(--deep) !important; }
.offcanvas-header { border-bottom: 1px solid rgba(255,255,255,.08) !important; padding: 1.25rem 1.5rem; }
.offcanvas-title { font-family: 'Poppins', sans-serif; letter-spacing: .02em; }
.accordion-item { background: transparent !important; border: 0 !important; }
.accordion-button {
  background: transparent !important; color: #e2e8f0 !important;
  font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 1.12rem;
  padding: .9rem 1rem; border-radius: 10px !important;
}
.accordion-button:not(.collapsed) { color: var(--brand) !important; background: rgba(6,182,212,.08) !important; box-shadow: none; }
.accordion-button:focus { box-shadow: none; }
.accordion-button::after { filter: invert(1); opacity: .6; }
.accordion-body { background: transparent !important; }
.offcanvas-body a {
  color: #cbd5e1 !important; border-radius: 8px; transition: all .2s ease;
}
.offcanvas-body a:hover { color: #fff !important; background: rgba(255,255,255,.06); padding-left: 1.4rem !important; }

/* ---------- 10. FOOTER ---------- */
footer.bg-dark { background: var(--deep) !important; padding-top: 4rem !important; }
footer h5, footer h6 { color: #fff; font-family: 'Poppins', sans-serif; }

/* Footer marka kilidi (lockup) */
footer .footer-brand {
  font-family: 'Sora', 'Plus Jakarta Sans', 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 1.65rem;
  letter-spacing: -.02em;
  text-transform: none;
  color: #fff;
  margin-bottom: .7rem;
}
footer .footer-brand .grad {
  background: linear-gradient(120deg, var(--brand-bright) 0%, var(--brand) 55%, var(--brand-700) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
footer .footer-tagline {
  color: #94a3b8;
  font-size: .95rem;
  line-height: 1.65;
  max-width: 250px;
  margin: 0;
}
@media (max-width: 767px) {
  footer .footer-tagline { margin-left: auto; margin-right: auto; }
}
footer h6 { letter-spacing: .08em; font-size: .85rem; color: #94a3b8; }
.footer-link { color: #cbd5e1; transition: color .2s ease, padding .2s ease; }
.footer-link:hover { color: var(--brand) !important; }
footer .social-icons a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 10px;
  background: rgba(255,255,255,.06); color: #cbd5e1 !important;
  font-size: 1.1rem; transition: all .25s ease;
}
footer .social-icons a:hover { background: var(--brand); color: #fff !important; transform: translateY(-3px); }
footer hr { border-color: rgba(255,255,255,.1) !important; }

/* ---------- 11. SPLASH ---------- */
#splash-screen {
  position: fixed; inset: 0;
  background: #fff;
  z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  transition: opacity .8s ease, visibility .8s ease;
}
#splash-logo {
  width: 34vw; max-width: 480px; opacity: 0; transform: scale(.85);
  animation: logoFadeIn 1.8s ease-in-out forwards;
}
@keyframes logoFadeIn { 0%{opacity:0;transform:scale(.85)} 50%{opacity:1;transform:scale(1.06)} 100%{opacity:1;transform:scale(1)} }
#splash-screen.fade-out { opacity: 0; visibility: hidden; }

/* ---------- 12. MOBİL ALT BAR ---------- */
.mobile-footer-links { display: none; }
@media (max-width: 992px) {
  .navbar .d-flex > a.icon-link { display: none !important; }
  .mobile-footer-links {
    display: flex; justify-content: space-around; align-items: center;
    position: fixed; bottom: 0; left: 0; width: 100%;
    padding: .6rem .5rem;
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(12px);
    border-top: 1px solid var(--line);
    box-shadow: 0 -8px 24px rgba(15,23,42,.06);
    z-index: 1040;
  }
  .mobile-footer-links a {
    color: var(--ink); font-size: .9rem; font-weight: 600;
    display: inline-flex; flex-direction: column; align-items: center; gap: 3px;
  }
  .mobile-footer-links a::before { font-size: 1.4rem; color: var(--brand-600); }
  body { padding-bottom: 70px; }
}
@media (min-width: 993px) { .mobile-footer-links { display: none !important; } }

/* ---------- 13. RESPONSIVE ---------- */
@media (max-width: 992px) {
  section { padding: 56px 0; }
  .block { flex-direction: column !important; gap: 28px; padding: 1.5rem; }
  .scroll-section:nth-child(even) .block { flex-direction: column !important; }
  .banner { min-height: 240px; }
}
@media (max-width: 768px) {
  :root { --nav-height: 84px; }
  .logo { height: 60px; }
}
@media (max-width: 576px) {
  :root { --nav-height: 74px; }
  .logo { height: 52px; }
  .hero-slide { min-height: 78vh; }
}

/* ---------- 14. RENK ÇEŞİTLİLİĞİ (kart ikonları dönüşümlü) ----------
   Turkuaz markayı korur, ama kart ikonlarını sırayla farklı renklerle
   boyar: 1=turkuaz, 2=indigo, 3=mor, 4=yeşil (sonra tekrar). */
.row > [class*="col-"]:nth-child(4n+2) .feature-icon {
  background: linear-gradient(135deg, #818cf8 0%, #4f46e5 100%);
  box-shadow: 0 16px 38px -10px rgba(79,70,229,.5);
}
.row > [class*="col-"]:nth-child(4n+3) .feature-icon {
  background: linear-gradient(135deg, #c084fc 0%, #7c3aed 100%);
  box-shadow: 0 16px 38px -10px rgba(124,58,237,.5);
}
.row > [class*="col-"]:nth-child(4n+4) .feature-icon {
  background: linear-gradient(135deg, #34d399 0%, #059669 100%);
  box-shadow: 0 16px 38px -10px rgba(5,150,105,.5);
}

/* Ana sayfadaki "Neden Nebim V3" display-5 ikonları için de çeşitlilik */
.row > [class*="col-"]:nth-child(4n+2) .bi.display-5.text-primary { color: #4f46e5 !important; }
.row > [class*="col-"]:nth-child(4n+3) .bi.display-5.text-primary { color: #7c3aed !important; }
.row > [class*="col-"]:nth-child(4n+4) .bi.display-5.text-primary { color: #059669 !important; }

/* NOT: .fade-in stillerini bilerek tanımlamıyoruz — mevcut style.css
   .fade-in'i kendiliğinden oynayan bir animasyon olarak kullanıyor
   (içerik her zaman görünür biter). Override etmek bazı sayfalarda
   içeriği gizliyordu. */

/* ---------- 15. YÜZEN BUTONLAR ---------- */
.float-btn {
  display: inline-flex; align-items: center; gap: .5rem;
  font-family: 'Sora', 'Poppins', sans-serif; font-weight: 600; font-size: .98rem;
  border: 0; cursor: pointer; text-decoration: none !important;
  border-radius: 999px; padding: .8rem 1.25rem;
  color: #fff; background: var(--grad);
  box-shadow: var(--shadow-brand);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease, background .25s ease;
}
.float-btn i { font-size: 1.15rem; line-height: 1; }
.float-btn:hover { transform: translateY(-3px); filter: brightness(1.05); color: #fff;
  box-shadow: 0 22px 45px -12px rgba(8,145,178,.6); }

/* Sol alt — Biz Kimiz? */
.float-about { position: fixed; left: 24px; bottom: 24px; z-index: 1035; }

/* Sağ alt yığın — İletişim + Yukarı çık */
.float-stack {
  position: fixed; right: 24px; bottom: 24px; z-index: 1035;
  display: flex; flex-direction: column; align-items: flex-end; gap: .7rem;
}

/* Yukarı çık — yalnız scroll'da görünür, yuvarlak */
.float-top {
  width: 48px; height: 48px; padding: 0; justify-content: center;
  background: var(--deep);
  opacity: 0; visibility: hidden; transform: translateY(12px);
}
.float-top.show { opacity: 1; visibility: visible; transform: translateY(0); }
.float-top:hover { background: var(--brand-700); }

/* Mobil: alt bar ile çakışmasın; İletişim'i gizle (alt barda zaten var), diğerleri ikon-yuvarlak */
@media (max-width: 992px) {
  .float-about, .float-stack { bottom: 84px; }
  .float-contact { display: none !important; }
  .float-about { width: 50px; height: 50px; padding: 0; justify-content: center; }
  .float-about span { display: none; }
  .float-about i { font-size: 1.3rem; }
}

/* ---------- 16. SCROLL İLE BELİREN İÇERİK ---------- */
.reveal {
  opacity: 0; transform: translateY(26px);
  transition: opacity .7s ease, transform .7s cubic-bezier(.22,.7,.2,1);
  will-change: opacity, transform;
}
.reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none; }
}

/* ---------- 17. ANA SAYFA: GÜVEN BÖLÜMÜ + LOGO ŞERİDİ ---------- */
.trust-section { padding: 84px 0 70px; background: var(--bg-soft); overflow: hidden; }
.trust-stats .stat { padding: 1rem .5rem; }
.trust-stats .stat-num {
  font-family: 'Sora', sans-serif; font-weight: 800; line-height: 1;
  font-size: clamp(2.4rem, 5vw, 3.4rem);
  background: var(--grad);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  display: inline-block;
}
.trust-stats .stat-suffix {
  font-family: 'Sora', sans-serif; font-weight: 800; color: var(--brand-600);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}
.trust-stats .stat-num.gold {
  background: linear-gradient(135deg, #f4c14e, #d99a1c);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  font-size: clamp(1.9rem, 3.6vw, 2.7rem); letter-spacing: .04em;
}
.trust-stats p { margin: .45rem 0 0; color: var(--muted); font-weight: 600; }

.logo-marquee {
  margin-top: 3.5rem; position: relative;
  overflow: hidden;                 /* geniş şerit sayfayı yatayda taşırmasın */
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.logo-track {
  display: flex; align-items: center; gap: 1.5rem; width: max-content;
  animation: logoScroll 50s linear infinite;
}
.logo-marquee:hover .logo-track { animation-play-state: paused; }
.logo-chip {
  flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
  height: 84px; width: 168px; padding: 0 22px;
  background: #fff; border: 1px solid var(--line); border-radius: 16px;
  box-shadow: var(--shadow-sm);
}
.logo-chip img {
  max-height: 48px; max-width: 100%; width: auto;
  filter: grayscale(1); opacity: .7; transition: filter .3s ease, opacity .3s ease;
}
.logo-chip:hover img { filter: grayscale(0); opacity: 1; }
@keyframes logoScroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .logo-track { animation: none; } }
@media (max-width: 576px) {
  .logo-chip { height: 70px; width: 138px; }
  .logo-chip img { max-height: 40px; }
}

/* ---------- 18. KARANLIK / AYDINLIK MOD GEÇİŞ TUŞU ---------- */
/* Sol altta "Biz Kimiz?" (Hakkımızda) butonunun ÜSTÜNDE yüzer */
.float-theme {
  position: fixed; left: 24px; bottom: 84px; z-index: 1036;
  width: 48px; height: 48px; padding: 0; justify-content: center;
  background: var(--deep); color: #fff;
}
.float-theme i { font-size: 1.25rem; line-height: 1; }
.float-theme:hover { background: var(--brand-700); transform: translateY(-3px); }
@media (max-width: 992px) {
  .float-theme { bottom: 146px; width: 50px; height: 50px; }
}

/* ---------- 19. KARANLIK MOD (referans paleti: ink + pembe→mor→camgöbeği) ----------
   Beyaz mod DEĞİŞMEZ. data-theme="dark" olunca token'lar ezilir; site
   değişkene dayalı olduğu için çoğu yüzey otomatik uyum sağlar. Sabit
   #fff yüzeyler ve Bootstrap utility sınıfları için ek kurallar altta. */
:root[data-theme="dark"] {
  --brand:        #22d3ee;
  --brand-bright: #22d3ee;
  --brand-600:    #38bdf8;
  --brand-700:    #7dd3fc;   /* koyu zeminde link/vurgu açık olmalı */
  --brand-50:     rgba(34,211,238,.10);
  --brand-100:    rgba(34,211,238,.24);

  --deep:         #0B0E1B;
  --deep-2:       #07080F;

  --ink:          #EEF1F8;   /* başlıklar → açık */
  --body:         #C7CCDB;   /* gövde metni → açık gri */
  --muted:        #9298AE;
  --line:         rgba(255,255,255,.10);

  --bg:           #07080F;
  --bg-soft:      #0B0E1B;
  --bg-soft-2:    #0f1526;

  /* referans imza gradyanı: pembe → mor → camgöbeği */
  --grad:      linear-gradient(100deg,#FF2D7E 0%,#A855F7 48%,#22D3EE 100%);
  --grad-soft: linear-gradient(135deg, rgba(168,85,247,.16) 0%, rgba(34,211,238,.10) 100%);

  --shadow-sm:    0 1px 2px rgba(0,0,0,.5), 0 1px 3px rgba(0,0,0,.6);
  --shadow:       0 12px 28px -6px rgba(0,0,0,.65);
  --shadow-lg:    0 28px 55px -12px rgba(0,0,0,.75);
  --shadow-brand: 0 16px 40px -10px rgba(168,85,247,.5);

  color-scheme: dark;
}

/* Sabit beyaz (#fff) yüzeyleri karanlığa çevir */
:root[data-theme="dark"] body { background: var(--bg); }
:root[data-theme="dark"] .navbar { background: rgba(11,14,27,.82) !important; border-bottom-color: var(--line); }
:root[data-theme="dark"] .navbar.scrolled,
:root[data-theme="dark"] .navbar.shadow-lg { background: rgba(11,14,27,.94) !important; box-shadow: 0 8px 30px rgba(0,0,0,.5) !important; }

:root[data-theme="dark"] .feature-card,
:root[data-theme="dark"] .m-card,
:root[data-theme="dark"] .block,
:root[data-theme="dark"] .v3-surumleri,
:root[data-theme="dark"] .nebimv3-kapsam,
:root[data-theme="dark"] .v3-erp { background: #0B0E1B; border-color: var(--line); color: var(--body); }

:root[data-theme="dark"] .logo-chip { background: rgba(255,255,255,.05); border-color: var(--line); }
:root[data-theme="dark"] .logo-chip img { filter: grayscale(1) brightness(2.4); opacity: .85; }
:root[data-theme="dark"] .logo-chip:hover img { filter: none; opacity: 1; }

:root[data-theme="dark"] #splash-screen { background: #07080F; }

:root[data-theme="dark"] .uygulama-list .uygulama-link a { background: rgba(255,255,255,.035); border-color: var(--line); color: var(--ink); }
:root[data-theme="dark"] .uygulama-list .uygulama-link a:hover { background: rgba(34,211,238,.10); border-color: var(--brand-100); color: var(--brand-700); }

:root[data-theme="dark"] .icon-link { color: var(--ink) !important; }
:root[data-theme="dark"] .icon-link:hover { color: var(--brand-700) !important; background: rgba(34,211,238,.12); }

:root[data-theme="dark"] .mobile-footer-links { background: rgba(11,14,27,.94); border-top-color: var(--line); }
:root[data-theme="dark"] .mobile-footer-links a { color: var(--ink); }

:root[data-theme="dark"] .float-theme { background: rgba(255,255,255,.08); border: 1px solid var(--line); }
:root[data-theme="dark"] .float-theme:hover { background: rgba(255,255,255,.16); }

/* Bootstrap yüzey / utility sınıfları */
:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .bg-light,
:root[data-theme="dark"] .bg-body,
:root[data-theme="dark"] .bg-body-tertiary { background: var(--bg-soft) !important; }
:root[data-theme="dark"] .card { background: #0B0E1B; border-color: var(--line); color: var(--body); }
:root[data-theme="dark"] .text-dark { color: var(--ink) !important; }
:root[data-theme="dark"] .text-body,
:root[data-theme="dark"] .text-secondary { color: var(--body) !important; }
:root[data-theme="dark"] .border,
:root[data-theme="dark"] .border-top,
:root[data-theme="dark"] .border-bottom { border-color: var(--line) !important; }
:root[data-theme="dark"] .table { --bs-table-color: var(--body); --bs-table-bg: transparent; --bs-table-border-color: var(--line); color: var(--body); }
:root[data-theme="dark"] hr { border-color: var(--line); }

/* Üst menü linkleri (İletişim / Eğitim Takvimi / Demo Talebi) — dark modda
   her birine GEÇİŞLİ (gradyan) renk. İkon + yazı gradyanla boyanır
   (background-clip: text). href ile hedeflenir, tüm sayfalarda geçerli. */
:root[data-theme="dark"] .icon-link[href="iletisim.html"],
:root[data-theme="dark"] .icon-link[href="iletisim.html"]::before,
:root[data-theme="dark"] .icon-link[href="egitimtakvimi.html"],
:root[data-theme="dark"] .icon-link[href="egitimtakvimi.html"]::before,
:root[data-theme="dark"] .icon-link[href="Demotalebi.html"],
:root[data-theme="dark"] .icon-link[href="Demotalebi.html"]::before {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
/* İletişim — camgöbeği → mor */
:root[data-theme="dark"] .icon-link[href="iletisim.html"],
:root[data-theme="dark"] .icon-link[href="iletisim.html"]::before { background-image: linear-gradient(120deg,#22D3EE 0%,#A855F7 100%) !important; }
/* Eğitim Takvimi — mor → pembe */
:root[data-theme="dark"] .icon-link[href="egitimtakvimi.html"],
:root[data-theme="dark"] .icon-link[href="egitimtakvimi.html"]::before { background-image: linear-gradient(120deg,#A855F7 0%,#FF2D7E 100%) !important; }
/* Demo Talebi — pembe → camgöbeği */
:root[data-theme="dark"] .icon-link[href="Demotalebi.html"],
:root[data-theme="dark"] .icon-link[href="Demotalebi.html"]::before { background-image: linear-gradient(120deg,#FF2D7E 0%,#22D3EE 100%) !important; }

/* hover: gradyanı koru, hafifçe parlat (arka plan hap yok — clip'i bozar) */
:root[data-theme="dark"] .icon-link[href="iletisim.html"]:hover,
:root[data-theme="dark"] .icon-link[href="egitimtakvimi.html"]:hover,
:root[data-theme="dark"] .icon-link[href="Demotalebi.html"]:hover {
  filter: brightness(1.18) saturate(1.12);
  transform: translateY(-1px);
}

/* Mobil alt bar linkleri (.mobile-footer-links) — dark modda aynı gradyanlı
   renkler. Bu linkler .icon-link kullanmadığı için ayrıca hedeflenir. */
:root[data-theme="dark"] .mobile-footer-links a[href="iletisim.html"],
:root[data-theme="dark"] .mobile-footer-links a[href="iletisim.html"]::before,
:root[data-theme="dark"] .mobile-footer-links a[href="egitimtakvimi.html"],
:root[data-theme="dark"] .mobile-footer-links a[href="egitimtakvimi.html"]::before,
:root[data-theme="dark"] .mobile-footer-links a[href="Demotalebi.html"],
:root[data-theme="dark"] .mobile-footer-links a[href="Demotalebi.html"]::before {
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}
:root[data-theme="dark"] .mobile-footer-links a[href="iletisim.html"],
:root[data-theme="dark"] .mobile-footer-links a[href="iletisim.html"]::before { background-image: linear-gradient(120deg,#22D3EE 0%,#A855F7 100%) !important; }
:root[data-theme="dark"] .mobile-footer-links a[href="egitimtakvimi.html"],
:root[data-theme="dark"] .mobile-footer-links a[href="egitimtakvimi.html"]::before { background-image: linear-gradient(120deg,#A855F7 0%,#FF2D7E 100%) !important; }
:root[data-theme="dark"] .mobile-footer-links a[href="Demotalebi.html"],
:root[data-theme="dark"] .mobile-footer-links a[href="Demotalebi.html"]::before { background-image: linear-gradient(120deg,#FF2D7E 0%,#22D3EE 100%) !important; }

/* ---------- 20. ÇARK/ÜRÜN SAYFALARI (üretim, depo, satış, crm...) — DARK MOD ----------
   style.css kaynaklı beyaz alanlar ve siyah buton yazıları dark modda düzeltilir. */
:root[data-theme="dark"] section.custom-links,
:root[data-theme="dark"] .info-banner { background-color: var(--bg-soft) !important; color: var(--body); border-color: var(--line) !important; }
:root[data-theme="dark"] .info-banner * { color: var(--body); }

:root[data-theme="dark"] .detail-box { background-color: #0B0E1B !important; border-color: var(--line) !important; }
:root[data-theme="dark"] .detail-box,
:root[data-theme="dark"] .detail-box .bg-light,
:root[data-theme="dark"] .detail-box .bg-light * { color: var(--body) !important; }
:root[data-theme="dark"] .detail-box .bg-light { background-color: #0f1526 !important; border-color: var(--line) !important; }

/* Mobil menü (#takvimContainer) buton yazıları — siyahtı, açık yapıyoruz */
:root[data-theme="dark"] #takvimContainer .btn-outline-primary {
  color: var(--ink) !important;
  border-color: var(--line) !important;
  background-color: rgba(255,255,255,.03) !important;
}
:root[data-theme="dark"] #takvimContainer .btn-outline-primary:hover {
  background-color: var(--brand) !important; color: #fff !important; border-color: var(--brand) !important;
}
/* Açılan kutular (.border) ve genel çerçeveler */
:root[data-theme="dark"] .mobile-menu .border,
:root[data-theme="dark"] .border { border-color: var(--line) !important; }

/* Masaüstü çark linkleri (a.bLink) beyaz zeminliydi */
:root[data-theme="dark"] .lfSldArea ul li a.bLink { background: rgba(255,255,255,.04) !important; color: var(--ink) !important; border-color: var(--line) !important; }

/* Bu sayfalardaki farklı navbar (navbar-light bg-white) */
:root[data-theme="dark"] .navbar.bg-white { background-color: rgba(11,14,27,.9) !important; border-bottom: 1px solid var(--line); }
:root[data-theme="dark"] .navbar.bg-white .navbar-brand { color: var(--ink) !important; }
/* Cark beyaz-kutu KESIN duzeltmesi - custom-links icindeki tum zeminleri seffaf yap */
:root[data-theme="dark"] section.custom-links * { background-color: transparent !important; }
:root[data-theme="dark"] section.custom-links { background-color: var(--bg-soft) !important; }
:root[data-theme="dark"] .info-banner * { background-color: transparent !important; }
:root[data-theme="dark"] section.custom-links .uygulama-list .uygulama-link a {
  background-color: rgba(255,255,255,.05) !important; color: var(--ink) !important; border-color: var(--line) !important;
}