/* ───────────────────────────────────────────────────
   nav.css — TEK NOKTA: tüm sayfaların nav stili
   anasayfa + alt sayfalar burayı çeker
   ─────────────────────────────────────────────────── */

/* ═══ NAV · brand navy + beyaz stroke + shimmer (alt sayfalarla unified) ═══ */
.nav{
  position:fixed !important;top:18px !important;left:50% !important;transform:translateX(-50%) !important;
  display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;
  width:96vw !important;max-width:1080px !important;
  padding:6px 6px 6px 10px !important;z-index:9999 !important;
  background:rgba(12,14,20,.55) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:saturate(140%) blur(18px) !important;-webkit-backdrop-filter:saturate(140%) blur(18px) !important;
  border-radius:999px !important;
  box-shadow:0 16px 50px -16px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08) !important;
  transition:max-width .7s cubic-bezier(.2,.7,.2,1),padding .4s !important;
}
@keyframes navShimmer{0%{background-position:0% 50%}100%{background-position:300% 50%}}
.nav.scrolled{max-width:1080px !important;padding:6px 6px 6px 10px !important;}
/* style.css'teki [data-theme] .nav override'ını ez — tüm sayfalarda tutarlı koyu cam */
[data-theme="dark"] .nav,[data-theme="light"] .nav,.nav.scrolled{
  background:rgba(12,14,20,.55) !important;border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 16px 50px -16px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.nav__brand{display:inline-flex !important;align-items:center !important;color:#fff !important;transition:color .25s !important;}
.nav__brand svg{height:28px !important;width:auto !important;max-width:150px !important;display:block !important;}
.nav__brand:hover{color:#7DB0FF !important;}
.nav__brand-wrap{display:inline-flex !important;align-items:center !important;gap:14px !important;}
.nav__partner{display:none !important;}  /* desktop'ta gizli; mobilde nav'da logo yaninda gosterilir */
.nav__links{display:flex !important;gap:6px !important;align-items:center !important;flex:1 !important;justify-content:flex-end !important;padding-right:8px !important;}
.nav__links > a,.nav__item-trigger{
  padding:8px 14px !important;border-radius:999px !important;font-size:13px !important;font-weight:500 !important;
  color:rgba(255,255,255,.78) !important;background:none !important;border:0 !important;cursor:pointer !important;text-decoration:none !important;
  display:inline-flex !important;align-items:center !important;gap:6px !important;white-space:nowrap !important;
  transition:color .2s,background .2s !important;font-family:inherit !important;
}
.nav__links > a:hover,.nav__item-trigger:hover,.nav__item.is-open .nav__item-trigger{color:#fff !important;background:rgba(255,255,255,.08) !important;}
.nav__item{position:relative !important;}
.nav__item-trigger svg{width:10px !important;height:10px !important;opacity:.6 !important;transition:transform .25s !important;}
.nav__item.is-open .nav__item-trigger svg{transform:rotate(180deg) !important;}
.nav__dropdown{
  position:absolute !important;top:calc(100% + 14px) !important;left:50% !important;transform:translateX(-50%) translateY(-8px) !important;
  min-width:320px !important;
  background:rgba(16,17,22,.96) !important;
  border:1px solid rgba(255,255,255,.18) !important;border-radius:16px !important;padding:10px !important;
  backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;
  box-shadow:0 24px 60px -18px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.10) !important;
  opacity:0 !important;visibility:hidden !important;pointer-events:none !important;
  transition:opacity .2s,transform .25s,visibility .2s !important;z-index:101 !important;
}
/* Invisible hover bridge — trigger→dropdown geçişinde kaybolmasın */
.nav__dropdown::before{content:"" !important;position:absolute !important;top:-18px !important;left:0 !important;right:0 !important;height:18px !important;background:transparent !important;}
.nav__item:hover .nav__dropdown,.nav__item:focus-within .nav__dropdown,.nav__item.is-open .nav__dropdown{
  opacity:1 !important;visibility:visible !important;pointer-events:auto !important;transform:translateX(-50%) translateY(0) !important;
}
.nav__dropdown-label{font-size:9px !important;letter-spacing:1.5px !important;text-transform:uppercase !important;color:rgba(255,255,255,.55) !important;padding:10px 12px 6px !important;}
.nav__dropdown a{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;padding:10px 12px !important;border-radius:10px !important;font-size:13.5px !important;color:rgba(255,255,255,.88) !important;text-decoration:none !important;transition:background .2s,color .2s !important;}
.nav__dropdown a:hover{background:rgba(255,255,255,.08) !important;color:#fff !important;}
.nav__dropdown a small{font-size:9px !important;color:rgba(255,255,255,.55) !important;opacity:.85 !important;}
.nav__dropdown a:hover small{color:#7DB0FF !important;}
.nav__ext{display:inline-flex !important;align-items:center !important;justify-content:center !important;color:rgba(255,255,255,.5) !important;flex-shrink:0 !important;}
.nav__ext svg{width:13px !important;height:13px !important;display:block !important;}
.nav__dropdown a:hover .nav__ext{color:#7DB0FF !important;}
.nav__dropdown-divider{height:1px !important;background:rgba(255,255,255,.10) !important;margin:8px 4px !important;}
.nav__actions{display:flex !important;gap:6px !important;align-items:center !important;}
.nav__toggle{
  width:38px !important;height:38px !important;border-radius:999px !important;flex-shrink:0 !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  background:rgba(255,255,255,.08) !important;color:rgba(255,255,255,.78) !important;border:0 !important;cursor:pointer !important;
  transition:background .2s,color .2s,transform .25s !important;
}
.nav__toggle:hover{background:rgba(255,255,255,.16) !important;color:#fff !important;transform:rotate(180deg) !important;}
.nav__toggle svg{width:16px !important;height:16px !important;}
[data-theme="light"] .icon-moon{display:none !important;}
[data-theme="dark"] .icon-sun{display:none !important;}
.nav__cta{
  display:inline-flex !important;align-items:center !important;height:38px !important;
  padding:0 18px !important;border-radius:999px !important;
  background:#fff !important;color:#003153 !important;
  font-size:13px !important;font-weight:700 !important;line-height:1 !important;white-space:nowrap !important;text-decoration:none !important;
  transition:transform .25s,box-shadow .25s,background .2s !important;
}
.nav__cta:hover{transform:translateY(-1px) !important;background:#E6F0FF !important;box-shadow:0 10px 24px -8px rgba(125,176,255,.5) !important;}
.nav__burger{display:none !important;width:40px !important;height:40px !important;border-radius:50% !important;background:#fff !important;border:0 !important;align-items:center !important;justify-content:center !important;cursor:pointer !important;color:#003153 !important;padding:0 !important;flex-shrink:0 !important;}
.nav__burger svg{width:18px !important;height:18px !important;}
.nav__burger .nav__burger-close{display:none !important;}
.nav.is-open .nav__burger .nav__burger-open{display:none !important;}
.nav.is-open .nav__burger .nav__burger-close{display:block !important;}
.nav__mbar{display:none !important;}
@media(max-width:860px){
  .nav{
    flex-wrap:wrap !important;width:calc(100vw - 20px) !important;max-width:none !important;top:10px !important;
    padding:8px 8px 8px 14px !important;border-radius:22px !important;
    transition:border-radius .3s,padding .3s !important;
  }
  .nav.scrolled{max-width:none !important;padding:8px 8px 8px 14px !important;}
  .nav.is-open{padding-bottom:12px !important;}
  .nav__brand-wrap{order:0 !important;}
  .nav__actions{order:1 !important;}
  .nav__actions .nav__toggle,.nav__actions .nav__cta{display:none !important;}
  .nav__burger{display:inline-flex !important;}
  .nav__links{
    order:2 !important;flex-basis:100% !important;width:100% !important;flex-grow:0 !important;
    display:none !important;flex-direction:column !important;align-items:stretch !important;justify-content:flex-start !important;gap:2px !important;
    margin-top:6px !important;padding-top:8px !important;
    border-top:1px solid rgba(255,255,255,.10) !important;
  }
  .nav.is-open .nav__links{display:flex !important;max-height:calc(100dvh - 120px) !important;overflow-y:auto !important;overscroll-behavior:contain !important;}
  .nav__links > a,.nav__item-trigger{font-size:15px !important;padding:13px 14px !important;border-radius:12px !important;justify-content:space-between !important;width:100% !important;}
  .nav__item{width:100% !important;}
  .nav__dropdown{
    position:static !important;transform:none !important;min-width:0 !important;width:100% !important;
    background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;
    padding:2px 0 6px 14px !important;margin-left:10px !important;border-left:1px solid rgba(255,255,255,.10) !important;border-radius:0 !important;
    opacity:1 !important;visibility:visible !important;pointer-events:auto !important;display:none !important;
  }
  /* Mobilde sadece tıklamayla (is-open) açılır — :hover sticky kalıp submenüyü açık tutmasın */
  .nav__item.is-open .nav__dropdown{display:block !important;transform:none !important;}
  .nav__links{overflow-x:hidden !important;}
  .nav__links > a,.nav__item-trigger,.nav__dropdown a{min-width:0 !important;max-width:100% !important;}
  /* 01/RPA/AI etiketleri metne yakın dursun (geniş boşluk + yatay kayma giderildi) */
  .nav__dropdown a{padding:10px 12px !important;font-size:13.5px !important;justify-content:flex-start !important;gap:8px !important;flex-wrap:wrap !important;}
  .nav__dropdown a small{margin-left:0 !important;}
  /* Mobilde menü içindeki toggle + "Görüşme planla" gizli: toggle artık sticky footer'da, CTA mobilde gereksiz (sticky footer'da var). Desktop'ta nav__actions'taki sürümler görünür. */
  .nav__mbar{display:none !important;}
}

/* === Mobil menü: nav'da yalnızca logo, menü butonu sticky footer'da, alttan açılan panel === */
.msticky__menu{display:none;color:var(--fg,#cbd5e1)}
.msticky__menu svg{width:22px !important;height:22px !important}
.msticky__menu .ms-menu-close{display:none}
.msticky__menu.is-open .ms-menu-open{display:none}
.msticky__menu.is-open .ms-menu-close{display:block}
@media(max-width:860px){
  .msticky__menu{display:inline-flex !important}
  .nav__actions{display:none !important}
  .msticky__icon{flex:0 0 40px !important;width:40px !important}
  .nav__links.eks-sheet{
    display:flex !important;flex-direction:column !important;align-items:stretch !important;
    position:fixed !important;left:10px !important;right:10px !important;top:auto !important;
    bottom:calc(74px + env(safe-area-inset-bottom,0px)) !important;
    width:auto !important;max-height:min(64vh, calc(100dvh - 168px)) !important;overflow-y:auto !important;
    margin:0 !important;padding:10px !important;border-top:0 !important;
    background:rgba(12,14,20,.94) !important;
    -webkit-backdrop-filter:saturate(180%) blur(22px) !important;backdrop-filter:saturate(180%) blur(22px) !important;
    border:1px solid rgba(255,255,255,.12) !important;border-radius:20px !important;
    box-shadow:0 24px 60px -18px rgba(0,0,0,.62) !important;z-index:56 !important;
    animation:msSheet .26s cubic-bezier(.2,.8,.3,1.05) both !important;
  }
  @keyframes msSheet{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
  body.nav-locked::after{content:"";position:fixed;inset:0;background:rgba(4,10,20,.5);z-index:53;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
  body.nav-locked .ekscw-bot__bubble{display:none !important}  /* menü açıkken sohbet selam balonu CTA ile çakışmasın */
  /* "Görüşme planla" CTA menünün en altında (iletişime gider); footer'daki CTA kaldırıldı */
  .nav__mbar{display:flex !important;flex-direction:column !important;gap:8px !important;margin-top:8px !important;padding-top:10px !important;border-top:1px solid rgba(255,255,255,.10) !important}
  .nav__mbar .nav__toggle{display:none !important}
  .nav__mbar .nav__cta{display:flex !important;width:100% !important;justify-content:center !important;background:#2F6BFF !important;color:#fff !important;padding:14px !important;border-radius:12px !important;font-weight:700 !important;font-size:15px !important;letter-spacing:-.01em !important;text-decoration:none !important}
  body .msticky .msticky__cta{display:none !important}
}

/* === Mobil: nav pill kaldır. Anasayfa: branding hero lockup'ta (JS sticky). Alt sayfalar: logo+partner nav'da pill === */
@media(max-width:860px){
  [data-theme] .nav,.nav{background:transparent !important;border:0 !important;box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;padding:6px 4px !important;justify-content:center !important}
  body.is-home .nav{pointer-events:none !important;padding:0 !important}
  body.is-home .nav__brand-wrap{display:none !important}   /* anasayfa: logo hero lockup'ta */
  /* alt sayfalar: logo+partner okunur pill (anasayfa pinned hali gibi, sabit ustte) */
  body:not(.is-home) .nav__brand-wrap{display:inline-flex !important;gap:11px !important;align-items:center !important;padding:6px 15px !important;border-radius:99px !important;background:rgba(12,14,20,.72) !important;-webkit-backdrop-filter:saturate(160%) blur(16px) !important;backdrop-filter:saturate(160%) blur(16px) !important;border:1px solid rgba(255,255,255,.10) !important;box-shadow:0 10px 28px -12px rgba(0,0,0,.5) !important}
}

/* === DESKTOP: header'ı içeriğe sığan kompakt yüzen bar yap (ortadaki boşluk kalksın) === */
@media(min-width:861px){
  .nav{ width:auto !important; max-width:96vw !important; gap:30px !important; padding:6px 16px 6px 12px !important; }
  .nav.scrolled{ max-width:96vw !important; padding:6px 16px 6px 12px !important; }
  .nav__links{ flex:0 0 auto !important; justify-content:flex-end !important; padding-right:0 !important; }
  .nav__actions{ display:none !important; }   /* boş (burger zaten gizli) — sondaki boşluğu kaldır */
}

/* ============================================================
   MEGA MENU — Zoho / Hizmetler / Sektör dropdown'ları (Corgi-inspired)
   .nav__dropdown sınıfı korunur (JS + mobil aynı); .nav__mega masaüstünde genişletir
   ============================================================ */
@media(min-width:861px){
  .nav__mega{
    position:fixed !important; top:76px !important; left:50% !important;
    width:min(920px,94vw) !important; min-width:0 !important; max-width:none !important;
    display:grid !important; grid-template-columns:1fr 1fr 1.5fr !important; gap:8px 22px !important; padding:22px !important;
  }
  .nav__mega::before{top:-26px !important;height:30px !important;left:0 !important;right:0 !important}
  .nav__mega-col{display:flex;flex-direction:column;gap:1px}
  .nav__mega-col h4,.nav__mega-hl h4{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.42);font-weight:700;padding:2px 10px 9px;margin:0}
  .nav__mega-link{display:flex !important;align-items:center !important;gap:12px !important;padding:9px 10px !important;border-radius:12px !important;text-decoration:none !important;font-size:13.5px !important;font-weight:500 !important;color:rgba(255,255,255,.9) !important;justify-content:flex-start !important;transition:background .18s,color .18s !important}
  .nav__mega-link:hover{background:rgba(47,107,255,.16) !important;color:#fff !important}
  .nav__mega-ic{width:30px;height:30px;border-radius:9px;background:rgba(47,107,255,.14);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s}
  .nav__mega-link:hover .nav__mega-ic{background:rgba(125,176,255,.28)}
  .nav__mega-ic svg{width:16px;height:16px;stroke:#7DB0FF;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .nav__mega-all{display:inline-flex !important;align-items:center;gap:6px;margin-top:6px;padding:8px 10px;color:#7DB0FF !important;font-size:12.5px;font-weight:700;text-decoration:none}
  .nav__mega-hl{display:flex;flex-direction:column;gap:11px;padding-left:14px;border-left:1px solid rgba(255,255,255,.10)}
  .nav__hcard{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);padding:15px 16px;min-height:84px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none !important;color:#fff !important;transition:transform .25s,border-color .25s}
  .nav__hcard:hover{transform:translateY(-3px);border-color:rgba(125,176,255,.55)}
  .nav__hcard b{font-size:14px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
  .nav__hcard span{font-size:11.5px;color:rgba(255,255,255,.72);margin-top:3px;line-height:1.4}
  .nav__hcard .tag{position:absolute;top:11px;left:14px;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.18)}
  .nav__hcard--dark{background:linear-gradient(125deg,#13233d,#0c1729)}
  .nav__hcard--cta{background:linear-gradient(125deg,#1f4fe0,#3f7bff)}
  .nav__hcard--cta span{color:rgba(255,255,255,.9)}
  .nav__hcard .play{position:absolute;top:50%;right:15px;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}
  .nav__hcard .play svg{width:15px;height:15px;fill:#fff}
}
@media(max-width:860px){
  .nav__mega-col h4,.nav__mega-hl h4{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.42);font-weight:700;padding:10px 14px 4px;margin:0;display:block}
  .nav__mega-ic{display:none !important}
  .nav__mega-hl{display:none !important}
  .nav__mega-link{display:flex !important;align-items:center !important;width:100% !important;padding:12px 14px !important;border-radius:12px !important;font-size:14.5px !important;font-weight:500 !important;color:rgba(255,255,255,.9) !important;text-decoration:none !important}
  .nav__mega-all{display:block !important;padding:12px 14px !important;color:#7DB0FF !important;font-weight:700 !important;font-size:13.5px !important;text-decoration:none}
}

/* mega: temel .nav__dropdown a kurallarını ez (specificity) — ikon+metin sola hizalı */
@media(min-width:861px){
  .nav__mega .nav__mega-link{justify-content:flex-start !important;gap:12px !important}
  .nav__mega .nav__mega-link:hover{background:rgba(47,107,255,.16) !important;color:#fff !important}
  .nav__mega .nav__mega-all{justify-content:flex-start !important;color:#7DB0FF !important;gap:6px !important}
}
@media(max-width:860px){
  .nav__mega .nav__mega-link{justify-content:flex-start !important}
}

/* ===== ÖNE ÇIKAN kartları — sol hizalı, ikon + metin + ok (premium) ===== */
@media(min-width:861px){
  .nav__mega .nav__hcard{
    flex-direction:row !important; align-items:center !important; justify-content:flex-start !important;
    gap:13px !important; text-align:left !important; min-height:0 !important; padding:15px 16px !important;
  }
  .nav__mega .nav__hcard__ic{width:42px !important;height:42px !important;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);transition:transform .25s}
  .nav__mega .nav__hcard:hover .nav__hcard__ic{transform:scale(1.06)}
  .nav__mega .nav__hcard__ic svg{width:20px;height:20px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .nav__mega .nav__hcard--video .nav__hcard__ic{background:#2F6BFF}
  .nav__mega .nav__hcard--video .nav__hcard__ic svg{fill:#fff;stroke:none}
  .nav__mega .nav__hcard--cta .nav__hcard__ic{background:rgba(255,255,255,.22)}
  .nav__mega .nav__hcard__txt{flex:1 !important;min-width:0 !important;margin:0 !important;font-size:inherit !important;display:block}
  .nav__mega .nav__hcard b{display:block;font-size:14px;font-weight:700;line-height:1.25;margin:0}
  .nav__mega .nav__hcard__sub{display:block;font-size:11.5px;line-height:1.4;color:rgba(255,255,255,.66);margin-top:3px}
  .nav__mega .nav__hcard--cta .nav__hcard__sub{color:rgba(255,255,255,.85)}
  .nav__mega .nav__hcard__arrow{flex-shrink:0;display:flex;color:#fff;opacity:.7;transition:transform .2s,opacity .2s}
  .nav__mega .nav__hcard:hover .nav__hcard__arrow{transform:translateX(3px);opacity:1}
  .nav__mega .nav__hcard__arrow svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
}