/* ======================================================================
   AK-AY — "Lacivert" tema denemesi (müşteri talebi, 2026-09-30)
   ----------------------------------------------------------------------
   style.css'e DOKUNMAZ; üstüne yazan ayrı katman. Site Ayarları → Tema
   "Lacivert" seçilince layouts/app.blade style.css'ten SONRA, preflight.css'ten
   ÖNCE yükler (preflight sırası kuralı korunur — CLAUDE.md). Tema "Klasik"e
   dönünce bu dosya hiç yüklenmez → tek tıkla geri alınır.

   İstenenler (website to do.docx → TASARIMSAL):
   1) Üst menü barı hafif saydam beyaz, menü yazıları AK-AY laciverti.
   2) Siyah zemin → çok koyu AK-AY laciverti.
   3) Turuncu (amber) vurgular → "engineering" mavisi.
   4) Logo büyük, ana sayfa banner başlığı biraz küçük.
   AK-AY laciverti = Pantone 2766 C ≈ #211A52 (müşteri logo PDF'i).
   ====================================================================== */

:root {
  --navy:      #211A52;               /* logo rengi */
  --bg:        #0B0B24;               /* çok koyu lacivert zemin */
  --bg-soft:   #11112F;
  --bg-card:   #0F0F2A;
  --line:      #232452;
  --line-2:    #2E3066;
  --wm-land:   #3a3f78;

  /* 3) amber → engineering mavisi (tüm kicker, aktif menü, kart kenarları) */
  --amber:      var(--blue);
  --amber-soft: var(--blue-soft);
}

/* Karanlık "scrim"/vinyetler siyah yerine lacivert tonla (rgba(11,14,20) → navy) */
.hero-scrim {
  background:
    linear-gradient(90deg, rgba(11,11,36,0.95) 0%, rgba(11,11,36,0.82) 42%, rgba(11,11,36,0.45) 78%, rgba(11,11,36,0.28) 100%),
    linear-gradient(0deg, rgba(11,11,36,0.92) 0%, transparent 52%),
    linear-gradient(90deg, rgba(46,111,242,0.05), transparent 55%);
}
.hero-media-tag { background: rgba(11,11,36,0.6); }
.worldmap::after { background: radial-gradient(130% 100% at 60% 42%, transparent 62%, rgba(11,11,36,0.35)); }
.worldmap .wm-real path:not(.wm-link) { stroke: #14143a; }
.skip-link { color: #fff; }

/* Mavi-üstüne-mavi olmasın: birincil buton alt çizgisi/hover kenarı beyaz */
.btn-primary::after { background: #fff; }
.btn-primary:hover { border-color: #fff; }

/* ---------- 1) Üst menü: hafif saydam beyaz + lacivert yazı ---------- */
.site-header {
  background: rgba(255,255,255,0.9);
  border-bottom-color: rgba(33,26,82,0.12);
}
.nav-inner { height: 84px; }
.nav-link { color: var(--navy); font-weight: 500; }
.nav-link:hover { color: var(--blue); }
.nav-link::after { background: var(--blue); }
.nav-item.active .nav-link { color: var(--blue); }
.hamburger { color: var(--navy); border-color: rgba(33,26,82,0.25); }

/* Logo beyaz zeminde: çipe gerek yok, daha büyük (4) */
.site-header .brand-chip { background: transparent; padding: 0; }
.site-header .brand-logo { height: 46px; }

/* Açılır menü de açık zemin */
.dropdown {
  background: #fff;
  border-color: rgba(33,26,82,0.12);
  box-shadow: 0 24px 50px -20px rgba(11,11,36,0.45);
}
.dropdown a { color: var(--navy); }
.dropdown a:hover { color: var(--blue); background: rgba(46,111,242,0.08); }
.dropdown .dd-tag { color: var(--navy); }

@media (max-width: 760px) {
  .nav-inner { height: 72px; }
  .site-header .brand-logo { height: 38px; }
  .nav-links {
    inset: 72px 0 auto 0;
    background: #fff;
    border-bottom-color: rgba(33,26,82,0.12);
    box-shadow: 0 30px 60px -20px rgba(11,11,36,0.5);
  }
  .dropdown { background: transparent; box-shadow: none; border-left-color: rgba(33,26,82,0.15); }
}

/* ---------- 4) Ana sayfa banner başlığı biraz küçük ---------- */
.hero h1 { font-size: clamp(2.1rem, 4.4vw, 3.4rem); }

/* Header'daki sosyal kisayollar acik zeminde lacivert */
.nav-social { border-left-color: rgba(33,26,82,0.18); }
.nav-social a { color: var(--navy); }
.nav-social a:hover { color: var(--blue); }