/* =========================================================
   NAVY HEADER (lacivert) — SADECE SCROLL SONRASI İÇ MENÜ RENGİ
   Header degrade aynı kalır; dropdown/mega menü arka planları lacivert olur
   ========================================================= */

/* (Opsiyonel) Scroll öncesi/sonrası link renkleri – header'ın kendisi
   için, degrade'e dokunmadan sadece renkleri kontrol ediyoruz. İstemezsen
   bu ilk blok kalabilir. */
   body.navy-header-lacivert {
    --nav-pre: #ffffff;        /* scroll öncesi link */
    --nav-pre-hover: #ffffff;
    --nav-post: #E6ECF5;       /* scroll sonrası link */
    --nav-post-hover: #ffffff;
  }

  /* NAVY HEADER LACİVERT — Scroll sonrası navbar arka planını lacivert yap */
body.navy-header-lacivert header.sticky nav.navbar-fixed-top {
    background: #070e22 !important; /* aynı lacivert tonu */
    box-shadow: none !important;    /* istersen gölgeyi kapat */
  }
  
  
  /* Scroll öncesi (transparan header) link renkleri */
  body.navy-header-lacivert header nav.header-light.background-transparent.white-link .navbar-nav > li > a,
  body.navy-header-lacivert header nav.header-light.background-transparent.white-link .header-searchbar a,
  body.navy-header-lacivert header nav.header-light.background-transparent.white-link .header-social-icon a{
    color: var(--nav-pre) !important;
  }
  body.navy-header-lacivert header nav.header-light.background-transparent.white-link .navbar-nav > li > a:hover,
  body.navy-header-lacivert header nav.header-light.background-transparent.white-link .navbar-nav > li.active > a{
    color: var(--nav-pre-hover) !important;
  }
  
  /* Scroll sonrası (sticky) link renkleri — SADECE renk, arka plana dokunmuyoruz */
  body.navy-header-lacivert header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a,
  body.navy-header-lacivert header.sticky nav.navbar-fixed-top.header-light.white-link .header-searchbar a,
  body.navy-header-lacivert header.sticky nav.navbar-fixed-top.header-light.white-link .header-social-icon a{
    color: var(--nav-post) !important;
  }
  body.navy-header-lacivert header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li > a:hover,
  body.navy-header-lacivert header.sticky nav.navbar-fixed-top.header-light.white-link .navbar-nav > li.active > a{
    color: var(--nav-post-hover) !important;
  }
  
  /* (İsteğe bağlı) logo geçişi */
  body.navy-header-lacivert header.sticky .logo .logo-dark{visibility:hidden!important;opacity:0!important;width:0!important;}
  body.navy-header-lacivert header.sticky .logo .logo-light{visibility:visible!important;opacity:1!important;width:auto!important;}
  
  /* =========================================================
     İÇ MENÜLER (dropdown + mega menü) — SCROLL SONRASI LACİVERT
     ========================================================= */
  
  /* Dış kap (dropdown / mega menü) */
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav .dropdown-menu,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav .megamenu-content,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav .menu-back-div,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav li.dropdown .mega-menu-full{
    background: #070e22 !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
  }
  
  /* İç katmanlar koyu blok atmasın */
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav li.dropdown .mega-menu-full > ul,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav li.dropdown .menu-back-div > ul,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li.mega-menu-column,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li.mega-menu-column > ul{
    background: transparent !important;
    box-shadow: none !important;
  }
  
  /* Pseudo-element ile gelen koyu/çizgi efektlerini kapat */
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li.mega-menu-column::before,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav li.dropdown .mega-menu-full > ul > li.mega-menu-column::after,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav li.dropdown .mega-menu-full > ul::before,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav li.dropdown .mega-menu-full > ul::after{
    content: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  
  /* Metin renkleri – koyu zemine uygun */
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav .dropdown-menu a,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav .mega-menu-full > ul li a{
    color: #E6ECF5 !important;
  }
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav .dropdown-menu .dropdown-header,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav .mega-menu-full > ul li.dropdown-header{
    color: #ffffff !important;
    font-weight: 700;
  }
  
  /* Hover/aktif durum */
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav .dropdown-menu > li > a:hover,
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav .mega-menu-full > ul > li > ul > li > a:hover{
    background: rgba(255,255,255,.06) !important;
    color: #ffffff !important;
  }
  
  /* Kolon ayırıcı çizgileri kapalı (istersen geri açarız) */
  body.navy-header-lacivert header.sticky nav.navbar.bootsnav .mega-menu-full > ul > li.mega-menu-column{
    border-right: none !important;
  }
  
/* ================== MOBİL (≤991.98px) — Tek tip lacivert menü ================== */
@media (max-width: 991.98px){

    /* Üst bar: sabit lacivert/gradyan */
    body.navy-header-lacivert header nav.navbar-default.bootsnav.navbar-fixed-top{
      background: linear-gradient(90deg, #070e22 0%, #0b1733 100%) !important;
    }
  
    /* Açılan panel */
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-collapse{
      background: #070e22 !important;
      border-top: 1px solid rgba(255,255,255,.08) !important;
      box-shadow: none !important;
    }
  
    /* Üst seviye satırlar + linkler (tamamı aynı stil) */
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav > li{
      background: #070e22 !important;
    }
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav > li > a{
      color: #fff !important;
      background: transparent !important;
      border-bottom: 1px solid rgba(255,255,255,.10) !important;
      padding: 14px 18px !important;
    }
    /* Sol şerit/pseudo efektleri kapat */
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav > li > a::before,
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav > li::before,
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav > li::after{
      content: none !important;
    }
  
    /* --- TÜM dropdownlar (simple + mega) tek tip olsun --- */
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav li .dropdown-menu{
      position: static !important;      /* mobilde absolute olmasın */
      float: none !important;
      display: none;                     /* kapalıyken */
      background: #0b1733 !important;
      border: 0 !important;
      box-shadow: none !important;
      margin: 0 !important;
      padding: 0 !important;
      width: 100% !important;
    }
    /* Açık durum sınıfları (bootsnav/bs) */
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav li.open > .dropdown-menu,
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav li.show > .dropdown-menu,
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav li > .dropdown-menu[aria-expanded="true"]{
      display: block !important;
    }
  
    /* Dropdown iç linkleri */
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav li .dropdown-menu li > a{
      color: #E6ECF5 !important;
      border-bottom: 1px solid rgba(255,255,255,.08) !important;
      padding: 12px 22px !important;
      background: transparent !important;
    }
    body.navy-header-lacivert header nav.navbar-default.bootsnav .navbar-nav li .dropdown-menu li > a:hover{
      background: rgba(255,255,255,.06) !important;
      color: #fff !important;
    }
  
    /* === ÜRÜNLER (MEGA MENÜ) — mobilde normal dropdown gibi davransın === */
    /* Dış kapsayıcıları sıfırla */
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown.megamenu-fw .dropdown-menu,
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown .megamenu-content,
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown .menu-back-div,
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown .mega-menu-full{
      background: #0b1733 !important;
      border: 0 !important;
      box-shadow: none !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      left: 0 !important;
      transform: none !important;
    }
    /* İç layout'u tekele indir: kolon/flex/width kaldır */
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown .menu-back-div > ul,
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown .mega-menu-full > ul{
      display: block !important;
      width: 100% !important;
      background: transparent !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown .mega-menu-full > ul > li.mega-menu-column{
      width: 100% !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      position: static !important;
    }
    /* Pseudo çizgileri kapat */
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown .mega-menu-full > ul > li.mega-menu-column::before,
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown .mega-menu-full > ul > li.mega-menu-column::after{
      content: none !important;
    }
    /* Mega iç başlık ve linkler — diğer dropdownlarla aynı stil */
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown .mega-menu-full > ul li.dropdown-header{
      color: #ffffff !important;
      font-weight: 700;
      padding: 12px 18px !important;
      border-bottom: 1px solid rgba(255,255,255,.10) !important;
    }
    body.navy-header-lacivert header nav.navbar-default.bootsnav li.dropdown .mega-menu-full > ul li a{
      color: #E6ECF5 !important;
      padding: 12px 22px !important;
      border-bottom: 1px solid rgba(255,255,255,.08) !important;
      display: block !important;
    }
  
    /* Hamburger çizgileri ve logo (beyaz) */
    body.navy-header-lacivert header .navbar-toggler .icon-bar,
    body.navy-header-lacivert header .navbar-toggle .icon-bar,
    body.navy-header-lacivert header .heder-menu-button .mobile-toggle span{
      background: #ffffff !important;
    }
    body.navy-header-lacivert header .logo .logo-dark{ display:none !important; }
    body.navy-header-lacivert header .logo .logo-light{ display:inline-block !important; }

    /* ====== Hero alanı: sabit & responsive yükseklik ====== */
.hero{
    position:relative;
    width:100%;
    height:clamp(320px, 28vw, 560px); /* küçükte min 320px, büyükte ~560px */
    overflow:hidden;
  }
  
  /* Görsel davranışı:
     - <2300px: cover gibi, alanı doldursun (kırpma olabilir)
     - >=2300px: artık büyütme yok; doğal boyuta KİLİTLEN, merkezde sabit */
  .hero__img{
    position:absolute; inset:0;
    width:100%; height:100%;
    object-fit:cover;             /* küçük & orta ekranlarda boşluksuz görünüm */
    object-position:center;       /* odak merkez */
    z-index:0;
  }
  
  /* Overlay tüm alanı kaplasın (opsiyonel) */
  .hero__overlay{ position:absolute; inset:0; pointer-events:none; z-index:1; }
  
  /* İçerik üstte */
  .hero .container{ height:100%; position:relative; z-index:2; }
  
  /* ——— 2300px ve ÜSTÜ: büyütmeyi durdur ———
     Artık img’yi doğal eninde (2300px) sabitle,
     merkezde tut (yanlarda boşluk olabilir, zoom yok). */
  @media (min-width:2600px){
    .hero__img{
      width:2600px; height:auto;                 /* upscaling KAPALI */
      left:50%; top:50%;
      transform:translate(-50%, -50%);           /* tam ortala */
      /* object-fit devre dışı kalacak; doğal oran korunur */
    }
    .hero{ height:560px; }                       /* istersen üst limit yüksekliği sabitle */
  }
  
  /* Mobilde fixed/parallax yok; performans için normal scroll */
  @media (max-width:991.98px){
    .hero{ height:clamp(260px, 40vw, 420px); }
  }
  
}

/* Koyu degrade arkaplan – Açık ton versiyonu */
/* Açık tonlu koyu degrade arkaplan */
/* Koyu degrade arkaplan – Açık ton versiyonu */
.services-gradient {
    background: radial-gradient(1200px 600px at 10% -10%, rgba(71, 127, 255, .22) 0%, rgba(12, 21, 51, 0) 60%),
                radial-gradient(1000px 500px at 100% 0%, rgba(71, 255, 196, .15) 0%, rgba(12, 21, 51, 0) 55%),
                #111936;
}

.products-gradient {
    background: radial-gradient(1200px 600px at 90% 110%, rgba(71, 255, 196, .22) 0%, rgba(12, 21, 51, 0) 60%),
                radial-gradient(1000px 500px at 0% 100%, rgba(71, 127, 255, .15) 0%, rgba(12, 21, 51, 0) 55%),
                #111936;
}

.news-gradient {
    background: radial-gradient(1200px 600px at 85% 120%, rgba(71, 127, 255, .20) 0%, rgba(12, 21, 51, 0) 60%),
                radial-gradient(1000px 500px at 0% 100%, rgba(71, 255, 196, .12) 0%, rgba(12, 21, 51, 0) 55%),
                #111936;
}



    .products-gradient, .services-gradient, .news-gradient, .hero {
      color: #e7ecf7;
    }
    
    /* Cards: global dark style */
    .products-gradient .card,
    .products-gradient .card-body,
    .products-gradient .card .card-body {
      background: #0b1533 !important;
      color: #e7ecf7 !important;
      border: 1px solid rgba(255,255,255,0.06) !important;
      box-shadow: 0 8px 24px rgba(0,0,0,0.35) !important;
    }

   

    
    .products-gradient .card-title,
    .products-gradient h5,
    .products-gradient h6 {
      color: #e7ecf7 !important;
    }
    
    .products-gradient .card-text,
    .products-gradient p {
      color: #b9c4df !important;
    }
    /* "btn-white" on dark background = outline */
    .btn-white {
      background: transparent !important;
      color: #ffffff !important;
      border: 1.5px solid rgba(255,255,255,0.28) !important;
    }
    .btn-white:hover {
      background: rgba(255,255,255,0.1) !important;
      color: #ffffff !important;
      border-color: rgba(255,255,255,0.4) !important;
    }
    
    /* Footer bottom bar (was bg-light-gray) -> dark navy */
    .bg-light-gray {
      background-color: #0a1229 !important;
    }
    .text-dark-gray, .bg-light-gray a {
      color: #c9d6ff !important;
    }
/* Üst bölüm */
.services-gradient{
  background:
    radial-gradient(1200px 600px at 10% -10%, rgba(71,127,255,.18) 0%, rgba(10,16,35,0) 60%), /* mavi */
    radial-gradient(1100px 550px at 100% 100%, rgba(71,255,197,.33) 0%, rgba(10,16,35,0) 55%), /* YEŞİL (sağ-alt) */
    #111936;
}

/* Alt bölüm */
.products-gradient{
  background:
    radial-gradient(1200px 600px at 90% 110%, rgba(71,127,255,.18) 0%, rgba(10,16,35,0) 60%), /* mavi */
    radial-gradient(1100px 550px at 100% 0%,   rgba(71,255,197,.33) 0%, rgba(10,16,35,0) 55%), /* YEŞİL (sağ-üst) */
    #111936;
}


    

  .news-gradient {
      background: radial-gradient(1200px 600px at 85% 120%, rgba(71, 127, 255, .15) 0%, rgba(10, 16, 35, 0) 60%),
          radial-gradient(1000px 500px at 0% 100%, rgba(71, 255, 196, .1) 0%, rgba(10, 16, 35, 0) 55%),
          #111936;
  }

  



/* Scroll sonrası menü rengi (lacivert degrade gibi) */
.navbar.navbar-default.bootsnav.navbar-fixed-top.header-light.background-white {
    background-color: #070e22 !important;
}





   /* ====== Hero alanı: sabit & responsive yükseklik ====== */
   .hero {
    position: relative;
    width: 100%;
    height: clamp(320px, 28vw, 560px);
    /* küçükte min 320px, büyükte ~560px */
    overflow: hidden;
  }

  /* Görsel davranışı: - <2300px: cover gibi, alanı doldursun (kırpma olabilir) - >=2300px: artık büyütme yok; doğal boyuta KİLİTLEN, merkezde sabit */
  .hero__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* küçük & orta ekranlarda boşluksuz görünüm */
    object-position: center;
    /* odak merkez */
    z-index: 0;
  }

  /* Overlay tüm alanı kaplasın (opsiyonel) */
  .hero__overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
  }

  /* İçerik üstte */
  .hero .container {
    height: 100%;
    position: relative;
    z-index: 2;
  }

  /* ——— 2300px ve ÜSTÜ: büyütmeyi durdur ——— Artık img’yi doğal eninde (2300px) sabitle, merkezde tut (yanlarda boşluk olabilir, zoom yok). */
  @media (min-width:2600px) {
    .hero__img {
      width: 2600px;
      height: auto;
      /* upscaling KAPALI */
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      /* tam ortala */
      /* object-fit devre dışı kalacak; doğal oran korunur */
    }

    .hero {
      height: 560px;
    }

    /* istersen üst limit yüksekliği sabitle */
  }

  /* Mobilde fixed/parallax yok; performans için normal scroll */
  @media (max-width:991.98px) {
    .hero {
      height: clamp(260px, 40vw, 420px);
    }
  }

  .card-img-top { height: 200px !important; width: 100%; object-fit: cover; }


  /* Hakkımızda yardımcı stiller */
.about-icons .card{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}
.section-badge{
  display:inline-block; padding:.25rem .6rem; border-radius:999px;
  border:1px solid rgba(255,255,255,.28); color:#fff; font-size:.78rem; opacity:.9;
}
.brand-logos img{
  height:48px; width:auto; object-fit:contain;
  filter:grayscale(100%); opacity:.85; transition:all .2s ease;
}
.brand-logos img:hover{ filter:none; opacity:1; }


/* === HABERLER: tüm kartlar aynı boy + başlık 4 satır === */

/* Kartı sabit boyda tut ve içeriği sütun olarak düzenle */
#news-slider .swiper-slide > article{
  height: 340px !important;            /* hepsi aynı yükseklik */
  display: flex; 
  flex-direction: column;
}

/* Kartın altındaki metin alanı kalan yüksekliği kullansın */
#news-slider .swiper-slide > article .padding-25px-all{
  flex: 1 1 auto;                      /* üstteki görsel sabit, metin alanı esnek */
  display: flex; 
  flex-direction: column;
  padding: 20px 22px;                  /* istersen aynen bırak */
}

/* Kategori satırı (Blog, Haber vb.) sabit satır yüksekliği */
#news-slider .swiper-slide > article .blog-categories{
  margin-bottom: 8px;
  min-height: 18px;                    /* yoksa 0, varsa tek satır kadar yer tutsun */
}

/* Başlık: 4 satıra kadar göster, fazlasını üç nokta ile kes.
   Yükseklik de 4 satır olacak şekilde sabitlenir -> tüm kart alt boşluğu eşit. */
#news-slider .swiper-slide > article .padding-25px-all > a{
  font-weight: 500;                     /* çok kalınsa 600/500 yapabilirsiniz */
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 0 !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;                /* 4 satır */
  overflow: hidden;
  height: calc(4 * 1.4em);              /* 4 satır kadar alan ayır */
}

/* Üst görsel alanı zaten 3:2; gerekmez ama tutarlılık için bırakıyorum */
#news-slider .swiper-slide > article .position-relative{
  padding-top: 66.666%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

/* Mobilde de aynı davranış (gerekirse satır sayısını 3'e indir):
@media (max-width: 575.98px){
  #news-slider .swiper-slide > article .padding-25px-all > a{
    -webkit-line-clamp: 3;
    height: calc(3 * 1.4em);
  }
}
*/