/* ORTAK HEADER (.cnav) - anasayfa (home-v2-i18n) nav tasarimi, tum web sayfalarinda.
   Kaynak: home-v2-i18n.css NAV blogu (tek kaynak artik burasi).
   Ic sayfalar: sticky + solid (anasayfanin scrolled gorunumu).
   Anasayfa (body.hv2): fixed + transparan, scroll'da .scrolled. */

.cnav{
  --indigo:#0f70bd; --indigo-d:#2536C4; --teal:#0EA5A4; --teal-d:#0b8df2; --cyan:#22D3EE;
  --ink:#0F172A; --body:#4a4f63; --line:#e8e1d4; --cream:#fbf8f3; --paper:#fcfcfd;
  --grad:linear-gradient(135deg,#3D5AFE 0%,#2536C4 100%);
  --sh-1:0 4px 14px -10px rgba(15,23,42,.18);
  --sh-2:0 18px 40px -28px rgba(15,23,42,.4);
  --ease:cubic-bezier(.2,.8,.2,1);
}

/* kok: ic sayfa varsayilani = anasayfanin scrolled hali */
.cnav{display:block;position:sticky;top:0;z-index:50;padding:11px 0;background:rgba(251,248,243,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line);transition:.3s}
.cnav .wrap{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
.cnav .logo img{height:29px;width:auto;display:block;transition:height .3s}
.cnav a{color:inherit;text-decoration:none}

/* anasayfa varyanti (body.hv2): fixed + transparan, scroll'da solid */
body.hv2 .cnav{position:fixed;inset:0 0 auto 0;padding:16px 0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
body.hv2 .cnav .logo img{height:45px}
body.hv2 .cnav.scrolled{background:rgba(251,248,243,.86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--line);padding:11px 0}
body.hv2 .cnav.scrolled .logo img{height:29px}

/* desktop menu */
.cnav .nlinks{display:flex;gap:4px;align-items:center}
.cnav .nitem{position:relative}
.cnav .nitem>a,.cnav .nlinks>a{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:8px 12px;border-radius:10px;font-size:14.5px;font-weight:500;color:var(--body);transition:color .2s,background .2s}
.cnav .nitem>a:hover,.cnav .nlinks>a:hover,.cnav .nitem:hover>a,.cnav .nitem:focus-within>a{color:var(--ink);background:rgba(61,90,254,.06)}
.cnav .nitem .caret{width:15px;height:15px;transition:transform .25s var(--ease)}
.cnav .nitem:hover .caret,.cnav .nitem:focus-within .caret{transform:rotate(180deg)}

/* dropdown */
.cnav .dd{position:absolute;top:calc(100% + 10px);left:0;min-width:266px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-2);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s var(--ease),transform .22s var(--ease),visibility .22s;z-index:60;display:block}
.cnav .nitem:hover .dd,.cnav .nitem:focus-within .dd{opacity:1;visibility:visible;transform:translateY(0)}
.cnav .nitem::after{content:'';position:absolute;top:100%;left:0;right:0;height:14px}
.cnav .dd a{display:flex;align-items:flex-start;gap:11px;padding:10px 12px;border-radius:11px;min-height:44px;color:var(--ink)}
.cnav .dd a:hover,.cnav .dd a:focus-visible{background:rgba(61,90,254,.07)}
.cnav .dd .di{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(61,90,254,.10);color:var(--indigo)}
.cnav .dd .di.a{background:rgba(14,165,164,.12);color:var(--teal-d)}
.cnav .dd .di.b{background:rgba(34,211,238,.14);color:#0b8f8b}
.cnav .dd .di.g{background:rgba(61,90,254,.10);color:var(--indigo)}
.cnav .dd .di svg{width:17px;height:17px}
.cnav .dd .dt{display:flex;flex-direction:column;gap:1px}
.cnav .dd .dt b{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;color:var(--ink)}
.cnav .dd .dt span{font-size:12.5px;color:var(--body);line-height:1.35}

/* mega */
.cnav .dd--mega{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:524px;left:0}
.cnav .dd-col{padding:6px}
.cnav .dd-col .ddh{display:block;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--indigo);padding:8px 12px 6px}
.cnav .dd--mega a{min-height:40px;padding:8px 12px;font-size:13.5px;font-weight:500}
.cnav .nitem--right .dd{left:auto;right:0}

/* nav-cta + lang */
.cnav .nav-cta{display:flex;align-items:center;gap:13px}
.cnav .hlang{position:relative}
.cnav .hlang-btn{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--body);background:transparent;border:1px solid var(--line);border-radius:10px;padding:7px 11px;min-height:36px;cursor:pointer;transition:border-color .2s,color .2s}
.cnav .hlang-btn:hover{color:var(--ink);border-color:var(--indigo)}
.cnav .hlang-btn .glb{width:15px;height:15px}
.cnav .hlang-btn .caret{width:13px;height:13px;transition:transform .25s var(--ease)}
.cnav .hlang:hover .hlang-btn .caret,.cnav .hlang:focus-within .hlang-btn .caret{transform:rotate(180deg)}
.cnav .hlang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:172px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-2);padding:6px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s;z-index:60}
.cnav .hlang:hover .hlang-menu,.cnav .hlang:focus-within .hlang-menu,.cnav .hlang-menu.open{opacity:1;visibility:visible;transform:translateY(0)}
.cnav .hlang-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;min-height:40px;font-size:13.5px;color:var(--ink)}
.cnav .hlang-menu a:hover,.cnav .hlang-menu a:focus-visible{background:rgba(61,90,254,.06)}
.cnav .hlang-menu a.on{font-weight:700;box-shadow:inset 3px 0 0 var(--indigo)}
.cnav .hlang-menu .lc{font-family:ui-monospace,monospace;font-size:11px;font-weight:700;color:var(--indigo)}
.cnav .login{color:var(--body);font-weight:600;font-size:14.5px;padding:9px 6px;min-height:40px;display:inline-flex;align-items:center;transition:color .2s}
.cnav .login:hover{color:var(--ink)}

/* CTA butonlari (anasayfa .btn gorunumu, header kapsaminda) */
.cnav .btn{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-weight:600;font-size:15px;padding:14px 26px;border-radius:14px;cursor:pointer;border:0;transition:transform .25s,box-shadow .25s}
.cnav .btn svg{width:17px;height:17px;flex-shrink:0}
.cnav .btn-p{background:var(--grad);color:#fff;box-shadow:0 14px 34px -12px rgba(61,90,254,.6)}
.cnav .btn-p:hover{box-shadow:0 20px 44px -12px rgba(61,90,254,.7)}
.cnav .btn-g{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.cnav .hvi-nav-btn{padding:15px;font-size:14px}

/* burger + mobil */
.cnav .burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:11px;color:var(--ink);cursor:pointer}
.cnav .burger:hover{border-color:var(--indigo)}
.cnav .burger svg{width:24px;height:24px}
.cnav .mobile-nav{display:none;position:fixed;inset:62px 0 0;background:var(--cream);overflow-y:auto;padding:16px 24px 48px;flex-direction:column;gap:2px;z-index:48}
.cnav .mobile-nav.open{display:flex}
.cnav .macc-group{border-bottom:1px solid var(--line)}
.cnav .macc{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;padding:14px 4px;font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--ink);cursor:pointer;min-height:48px;text-align:left}
.cnav .macc .caret{width:18px;height:18px;transition:transform .25s var(--ease);flex-shrink:0}
.cnav .macc[aria-expanded="true"] .caret{transform:rotate(180deg)}
.cnav .mpanel{display:none;flex-direction:column;padding:0 4px 12px}
.cnav .mpanel.open{display:flex}
.cnav .msub{padding:11px 12px;border-radius:9px;font-size:14.5px;color:var(--body);min-height:44px;display:flex;align-items:center;transition:color .2s,box-shadow .2s}
.cnav .msub:hover,.cnav .msub:focus-visible{color:var(--ink);box-shadow:inset 3px 0 0 var(--indigo)}
.cnav .mflat{padding:14px 4px;border-bottom:1px solid var(--line);font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--ink);min-height:48px;display:flex;align-items:center}
.cnav .mlang{display:flex;gap:8px;padding:16px 0}
.cnav .mlang a{flex:1;text-align:center;padding:10px;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:14px;color:var(--body);min-height:44px;display:flex;align-items:center;justify-content:center}
.cnav .mlang a[aria-current="true"]{background:var(--indigo);color:#fff;border-color:var(--indigo)}
.cnav .mcta{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.cnav .mcta .btn{width:100%;justify-content:center}

/* focus */
.cnav .nitem>a:focus-visible,.cnav .dd a:focus-visible,.cnav .hlang-btn:focus-visible,.cnav .burger:focus-visible,.cnav .macc:focus-visible,.cnav .nlinks>a:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.cnav .dd,.cnav .nitem .caret,.cnav .hlang-menu,.cnav .macc .caret,.cnav .hlang-btn .caret{transition:none}}

/* breakpoint */
@media(max-width:920px){.cnav .nlinks,.cnav .nav-cta{display:none}.cnav .burger{display:inline-flex}}
@media(min-width:921px){.cnav .burger{display:none}.cnav .mobile-nav{display:none!important}}