/* ====== Theme tokens ====== */
  :root{
    --bg:#0E1129; --brand:#6C78F0; --bubble:#535DDB; --ink:#8A93F9; --nav-h:64px;
    --edge: clamp(12px, 4vw, 36px);
  }

  /* ====== Base ====== */
  html, body { background:#0B0F26; color:#e8ebff; }
  body { padding-top: var(--nav-h); }
  img{max-width:100%; height:auto; display:block}

  /* linkler */
  a{ color:#cfd3ff; text-decoration:none; }
  a:hover{ color:#fff; text-decoration:underline; }
  :where(a, button, .btn):focus-visible{
    outline:3px solid rgba(108,120,240,.55);
    outline-offset:2px;
  }

  /* container yerleşimi */
  main { width: 100%; }
  main .container-fluid{
    width: 100%;
    max-width: 100%;
    padding-left: var(--edge);
    padding-right: var(--edge);
  }
  main .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } /* sayfa özel bloklar için */
  main .row { --bs-gutter-x: 0; }
  .bleed { padding-left: 0 !important; padding-right: 0 !important; }

  /* global wrap yardımcı sınıfı (sayfa içi bloklar için) */
  .wrap{ max-width:1200px; margin-inline:auto; padding-inline: var(--edge); }

  /* ====== Navbar ====== */
  .navbar{
    height: var(--nav-h);
    background:
      radial-gradient(1200px 600px at -10% -10%, rgba(83,93,219,.20), transparent 60%),
      linear-gradient(180deg, #0F1433 0%, #0B0F26 100%) !important;
    border-bottom: 1px solid rgba(143,151,255,.12);
    z-index: 1060;
  }
  .navbar .nav-link, .navbar .navbar-brand { color: #dfe3ff !important; }
  .navbar .nav-link:hover { color: #fff !important; }
  .navbar .dropdown-menu {
    background: #161b3f; border: 1px solid rgba(143,151,255,.25);
    box-shadow: 0 12px 28px rgba(12,15,35,.35); z-index: 2000;
  }
  .navbar .dropdown-item { color:#e8ebff; }
  .navbar .dropdown-item:hover { background: rgba(143,151,255,.12); color:#fff; }

  /* ====== Side menu ====== */
  .side-menu{
    position:fixed; top:0; left:0; width:260px; height:100%;
    background: linear-gradient(180deg, #12163A 0%, #0E122F 100%); color:#fff;
    border-right:1px solid rgba(143,151,255,.18); z-index:1040;
    transform: translateX(-100%); transition: transform .25s; will-change: transform;
  }
  .side-menu.open{ transform: translateX(0); }
  .side-menu .menu-header{
    padding:14px 16px; font-size:1.05rem; font-weight:700;
    background: rgba(143,151,255,.12); border-bottom:1px solid rgba(143,151,255,.18);
    display:flex; align-items:center; justify-content:space-between;
  }
  .side-menu .close-btn{ font-size:1.5rem; cursor:pointer; line-height:1; }
  .side-menu ul{ list-style:none; margin:0; padding:6px 0; }
  .side-menu ul li a{
    display:block; padding:10px 16px; color:#e8ebff; text-decoration:none;
    border-bottom:1px solid rgba(143,151,255,.10);
  }
  .side-menu ul li a:hover{ background: rgba(143,151,255,.10); color:#fff; }

  .overlay{
    position:fixed; inset:0; background: rgba(0,0,0,.35); z-index:1035;
    opacity:0; visibility:hidden; transition:.2s;
  }
  .overlay.show{ opacity:1; visibility:visible; }

  /* ====== Cards ====== */
  main .card{ border-radius: 14px; background: linear-gradient(180deg, #11163A 0%, #0E122F 100%); border:1px solid rgba(143,151,255,.18); color:#e8ebff; }

  /* ====== Buttons (marka uyumlu) ====== */
  .btn-brand{
    background: linear-gradient(180deg, var(--bubble), var(--brand));
    color:#fff !important;
    border:1px solid rgba(255,255,255,.18);
    border-radius:14px;
    padding:12px 18px;
    font-weight:800; letter-spacing:.2px;
    box-shadow:0 10px 24px rgba(83,93,219,.28);
    transition:transform .12s ease, filter .12s ease;
    display:inline-flex; align-items:center; gap:.5rem;
  }
  .btn-brand:hover{ transform: translateY(-1px); filter: brightness(1.05); }

  .btn-ghost{
    background:transparent;
    color:#e8ebff !important;
    border:1px solid rgba(143,151,255,.40);
    border-radius:14px;
    padding:11px 18px;
    font-weight:700;
    transition:background .12s ease, border-color .12s ease, transform .12s ease;
    display:inline-flex; align-items:center; gap:.5rem;
  }
  .btn-ghost:hover{
    background:rgba(143,151,255,.08);
    border-color:rgba(143,151,255,.55);
    transform: translateY(-1px);
  }

  /* Bootstrap’ın outline-light’ını koyu zeminde daha görünür yap */
  .btn-outline-light{
    color:#fff; border-color: rgba(255,255,255,.7);
  }
  .btn-outline-light:hover{
    color:#0B0F26; background:#fff; border-color:#fff;
  }

  /* buton arası boşluk */
  .btn + .btn{ margin-left:.5rem; }

  /* ====== Breadcrumb (orta hizalı & koyu temaya uygun) ====== */
  nav[aria-label="breadcrumb"]{ margin-top:8px; }
  nav[aria-label="breadcrumb"] .breadcrumb{
    background:transparent; padding:0; margin:0 auto;
    display:flex; justify-content:center; flex-wrap:wrap; gap:.25rem;
  }
  .breadcrumb .breadcrumb-item,
  .breadcrumb .breadcrumb-item a{ color:#cbd1ff; }
  .breadcrumb .breadcrumb-item a:hover{ color:#fff; text-decoration:underline; }
  .breadcrumb .breadcrumb-item.active{ color:#fff; }
  .breadcrumb-item + .breadcrumb-item::before{
    color:#8A93F9; content:"/"; padding:0 .35rem;
  }

  /* ====== WhatsApp CTA ====== */
  .whatsapp-float{
    position:fixed; bottom:20px; right:20px; width:50px; height:50px;
    display:flex; align-items:center; justify-content:center; color:#25D366; background:transparent;
    z-index:1200; transition: transform .2s, color .2s; text-decoration:none; border:none; outline:none;
  }
  .whatsapp-float i{ font-size:30px; }
  .whatsapp-float:hover{ color:#128C7E; transform: translateY(-3px); }

  /* ====== Footer ====== */
  footer.footer{
    background:#161b3f; color:#dfe3ff; border-top:1px solid rgba(143,151,255,.12); font-size:14px;
  }
  footer .footer-link{
    text-decoration:none; color:#e8ebff; padding:8px 16px; border-radius:20px; display:inline-block; transition: all .2s;
  }
  footer .footer-link:hover{ color:#fff; background: rgba(143,151,255,.16); transform: translateY(-2px); }
  .footer-title{ color:#fff; font-weight:800; letter-spacing:.2px; margin-bottom:.75rem; }
  .text-footer-dim{ color:#c8ceff; } .text-footer-accent{ color:#8A93F9; }
  .btn-footer-icon{
    width:38px; height:38px; border-radius:12px; background: rgba(143,151,255,.10); color:#fff;
    display:flex; align-items:center; justify-content:center; border:1px solid rgba(143,151,255,.18);
    transition: transform .15s, background .2s, border-color .2s;
  }
  .btn-footer-icon:hover{ transform: translateY(-2px); background: rgba(143,151,255,.18); border-color: rgba(143,151,255,.28); }
  .footer-divider{ border-color: rgba(143,151,255,.18); opacity:1; }
  .footer-chip{
    display:inline-block; padding:8px 14px; border-radius:22px; color:#fff; text-decoration:none; font-weight:700;
    background: linear-gradient(180deg, #6C78F0, #535DDB); border:1px solid rgba(255,255,255,.12); box-shadow: 0 8px 22px rgba(0,0,0,.25);
    transition: transform .15s, filter .2s;
  }
  .footer-chip:hover{ transform: translateY(-1px); filter: brightness(1.07); }

  /* ====== Text tweaks ====== */
  .text-muted, small.text-muted { color:#BFC6FF !important; }

  /* ====== Responsive ====== */
  @media (min-width: 992px){ #menuToggle{ display:none !important; } }

  /* Navbar logo boyutları */
/* NAVBAR LOGO — sadece navbar içindeki img'yi hedefle */
.navbar-brand { display:flex; align-items:center; gap:.5rem; min-width:0; }
.navbar-brand img { display:block; height:24px; width:auto; }  /* <<< asıl düzeltme */
@media (min-width: 992px){
  .navbar-brand img { height:30px; } /* lg ve üstü biraz daha büyük, yine kontrollü */
}

/* Eğer iki parçalı (mark + wordmark) kullanacaksan: */
.navbar-brand .brand-mark{ height:22px; width:auto; display:block; }
.navbar-brand .brand-word{ height:22px; width:auto; display:none; }
@media (min-width: 992px){
  .navbar-brand .brand-mark{ height:24px; }
  .navbar-brand .brand-word{ display:block; height:24px; }
}

/* Navbar yüksekliğini sabit tut (iç padding’i azalt) */
.navbar { padding-block: .375rem; }  /* .5rem’den biraz küçük; taşmayı engeller */

/* ====== Performans / Erişilebilirlik ufak ekler ====== */

/* Kullanıcı 'az hareket' tercih ediyorsa animasyon/transition’ları minimize et */
@media (prefers-reduced-motion: reduce){
  * {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}

/* Font Awesome yüklenene kadar ikonlar görünmez boşluk yapmasın diye
   küçük bir fallback; metin akışı bozulmaz */
.fa, .fas, .far, .fal, .fab { font-display: swap; }

/* Tam genişlik bloklar için (isterseniz bölüm bazlı uygulayın) */
.full-bleed {
  margin-left: 50%;
  transform: translateX(-50%);
  width: 100vw;
}

/* Container padding’ini bölüm bazlı sıfırlamak için:
   <div class="container-fluid bleed"> ... */
.container-fluid.bleed { padding-left: 0 !important; padding-right: 0 !important; }

/* Kartların gerçekten tam genişlik görünmesini istediğiniz sayfalarda:
   <div class="card card-edge-0"> ... */
.card-edge-0 { border-radius: 0 !important; margin: 0 !important; }
.card-edge-0 > .card-body { padding: 0 !important; }