/* Header Fix Overrides */
/* Kalıcı opak lacivert arka plan ve scroll sonrası görünürlük iyileştirmesi */

.header {
  background: linear-gradient(135deg, #003b80, #0059c9) !important;
  --background-color: #003b80 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.35);
}

body.scrolled .header {
  background: linear-gradient(135deg, #002d63, #004a9a) !important;
}

.header .logo h1,
.header .logo h1 span,
.header .logo h1::after {
  color: #ffffff !important;
}

/* NavX linkleri header üzerinde tam kontrast */
.navx--light .navx__link { color: #ffffff !important; }
.navx--light .navx__link:focus-visible,
.navx--light .navx__link:hover { color: #cfe8ff !important; }

/* Hero arka plan üzerinde ilk yüklemede flash olmaması için */
body:not(.scrolled) .header { backdrop-filter: blur(6px); }

/* Küçük ekranlarda panel açıldığında header opak kalsın */
body.navx-open .header { background: #003b80 !important; }

/* Mobile panel açıkken (navx--open) linkler siyah isteniyor */
.navx--light.navx--open .navx__panel { background:#ffffff !important; }
.navx--light.navx--open .navx__link { color:#111111 !important; background:transparent !important; }
.navx--light.navx--open .navx__link:hover,
.navx--light.navx--open .navx__link:focus { background:rgba(0,0,0,0.06) !important; color:#000000 !important; }
.navx--light.navx--open .navx__link.active,
.navx--light.navx--open .navx__link[aria-current="page"] { background:rgba(0,0,0,0.10) !important; color:#000000 !important; }
.navx--light.navx--open .navx__item--cta .navx__link { background:linear-gradient(135deg,#0a5cc4,#1f8dff) !important; color:#ffffff !important; }

/* Fallback: bazı durumlarda tema sınıfı değişmezse body.navx-lock (scroll kilidi) üzerinden zorla */
body.navx-lock .navx--light .navx__panel { background:#ffffff !important; }
body.navx-lock .navx--light .navx__link { color:#111111 !important; background:transparent !important; }
body.navx-lock .navx--light .navx__link:hover,
body.navx-lock .navx--light .navx__link:focus { background:rgba(0,0,0,0.06) !important; color:#000000 !important; }
body.navx-lock .navx--light .navx__link.active,
body.navx-lock .navx--light .navx__link[aria-current="page"] { background:rgba(0,0,0,0.10) !important; color:#000000 !important; }
body.navx-lock .navx--light .navx__item--cta .navx__link { background:linear-gradient(135deg,#0a5cc4,#1f8dff) !important; color:#ffffff !important; }

/* Mobil panel arka planı opak ve belirgin gölgeli olsun */
.navx--light.navx--open .navx__panel,
body.navx-lock .navx--light .navx__panel {
  background: linear-gradient(140deg, rgba(6,52,110,0.95), rgba(12,96,190,0.90)) !important;
  box-shadow: -8px 0 28px -8px rgba(0,35,85,0.45), 0 4px 10px -2px rgba(0,60,120,0.22) !important;
  backdrop-filter: blur(14px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
  border-left: 1px solid rgba(255,255,255,0.14) !important;
  max-width: 300px !important;
  padding: 78px 20px 28px !important;
}

/* Panel başlığı (profesyonel küçük etiket) */
.navx__panel .navx__meta-label { 
  position:absolute; 
  top:18px; left:22px; 
  font-size:11px; 
  letter-spacing:1.6px; 
  font-weight:600; 
  color:rgba(255,255,255,0.55); 
  text-transform:uppercase; 
  pointer-events:none; 
}

/* Liste kompaktlaştırma */
.navx--light .navx__list { gap:2px !important; }
.navx--light .navx__link { 
  padding:10px 12px !important; 
  font-size:14px !important; 
  border-radius:10px !important; 
  font-weight:500 !important; 
  position:relative; 
  overflow:hidden; 
}

/* Hover efekti: soldan ince bar + hafif degrade lift */
.navx--light .navx__link::before { 
  content:''; position:absolute; left:0; top:0; bottom:0; width:0; background:linear-gradient(180deg,#4db8ff,#ffffff33); transition:width .35s ease; }
.navx--light .navx__link:hover::before, 
.navx--light .navx__link:focus::before { width:4px; }

/* Active link minimal vurgusu */
.navx--light .navx__link.active, 
.navx--light .navx__link[aria-current="page"] { 
  background:linear-gradient(120deg, rgba(255,255,255,0.16), rgba(255,255,255,0.05)) !important; 
  color:#ffffff !important; 
}

/* CTA buton daha kompakt */
.navx--light .navx__item--cta .navx__link { 
  padding:10px 16px !important; 
  font-size:13px !important; 
  letter-spacing:.5px; 
  background:linear-gradient(135deg,#0084ff,#00b4ff) !important; 
  box-shadow:0 4px 14px -4px rgba(0,140,255,0.55) !important; 
}

/* Desktop'a geçince panel sınırlaması kalksın */
@media (min-width:992px){
  .navx--light.navx--open .navx__panel, body.navx-lock .navx--light .navx__panel { 
    max-width:none !important; padding:0 !important; background:transparent !important; box-shadow:none !important; border:none !important; backdrop-filter:none !important; 
  }
  .navx__panel .navx__meta-label { display:none; }
  .navx--light .navx__link::before { display:none; }
}

/* Dinamik aktif çentik göstergesi */
.navx__indicator { 
  position:absolute; 
  left:6px; 
  top:0; 
  width:4px; 
  height:40px; 
  background:linear-gradient(180deg,#4db8ff,#0a6edc); 
  border-radius:4px; 
  box-shadow:0 0 0 1px rgba(255,255,255,0.15), 0 4px 10px -2px rgba(0,120,255,0.55); 
  opacity:0; 
  transform:translateX(-6px); 
  transition: top .45s cubic-bezier(.68,-0.55,.27,1.55), height .35s ease, opacity .4s ease; 
  pointer-events:none; 
}

/* Desktopta gizle */
@media (min-width:992px){
  .navx__indicator { display:none; }
}

/* Backdrop daha hafif blur + koyu transparan */
.navx--light.navx--open .navx__backdrop,
body.navx-lock .navx--light .navx__backdrop {
  background: radial-gradient(circle at 35% 30%, rgba(0,110,210,0.55), rgba(0,45,110,0.65)) !important;
  backdrop-filter: blur(14px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.12), inset 0 0 24px rgba(0,140,255,0.15);
}