/* ============================================================
   İKASYON — Header (mega-menü) + Footer
   ============================================================ */

/* ---- Header ---- */
.site-header{position:sticky;top:0;z-index:100;height:var(--nav-h);
  background:rgba(255,255,255,.78);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
  border-bottom:1px solid transparent;transition:border-color var(--t),box-shadow var(--t),background var(--t)}
.site-header.scrolled{border-color:var(--line);box-shadow:var(--sh-sm)}
.nav{height:var(--nav-h);display:flex;align-items:center;gap:1.5rem}
.nav__logo{display:flex;align-items:center;flex:none}
.nav__logo img{height:34px;width:auto}
.nav__menu{display:none;align-items:center;gap:.3rem;margin-inline:auto}
.nav__item{position:relative}
.nav__link{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .8rem;border-radius:var(--r-sm);
  font-weight:600;font-size:.96rem;color:var(--ink-2);transition:color var(--t-fast),background var(--t-fast)}
.nav__link:hover{color:var(--brand);background:var(--surface)}
.nav__link svg{width:1rem;height:1rem;transition:transform var(--t-fast)}
.nav__item:hover .nav__link svg{transform:rotate(180deg)}
.nav__right{display:flex;align-items:center;gap:.6rem;flex:none}

/* dil değiştirici */
.langsw{display:none;align-items:center;gap:.15rem;font-family:var(--font-mono);font-size:.78rem;font-weight:600;
  border:1px solid var(--line);border-radius:var(--r-pill);padding:.25rem;background:var(--white)}
.langsw a{padding:.22rem .5rem;border-radius:var(--r-pill);color:var(--muted);letter-spacing:.04em}
.langsw a[aria-current="true"]{background:var(--brand);color:#fff}

/* mega dropdown */
.mega{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%) translateY(8px);
  width:min(640px,92vw);background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--sh-lg);padding:1rem;opacity:0;visibility:hidden;transition:opacity var(--t),transform var(--t);z-index:110}
.nav__item:hover .mega,.nav__item:focus-within .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.mega::before{content:"";position:absolute;top:-14px;left:0;right:0;height:14px}
.mega__grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}
.mega__link{display:flex;gap:.7rem;align-items:flex-start;padding:.65rem .7rem;border-radius:var(--r-sm);transition:background var(--t-fast)}
.mega__link:hover{background:var(--surface)}
.mega__ic{flex:none;width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;
  background:var(--lav-050);border:1px solid var(--line)}
.mega__ic svg,.mega__ic img{width:18px;height:18px;color:var(--violet)}
.mega__tx b{display:block;font-size:.92rem;color:var(--brand);font-weight:600}
.mega__tx span{display:block;font-size:.8rem;color:var(--muted);line-height:1.4}
.mega__foot{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem;padding:.8rem .7rem 0;border-top:1px solid var(--line)}
.mega__foot span{font-family:var(--font-mono);font-size:.76rem;color:var(--muted)}

/* hamburger */
.burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
  border-radius:var(--r-sm);border:1px solid var(--line);background:var(--white)}
.burger i{display:block;width:20px;height:2px;margin-inline:auto;background:var(--brand);border-radius:2px;transition:transform var(--t),opacity var(--t)}
.burger[aria-expanded="true"] i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] i:nth-child(2){opacity:0}
.burger[aria-expanded="true"] i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* mobil drawer */
.drawer{position:fixed;inset:0;z-index:120;visibility:hidden;pointer-events:none}
.drawer__bg{position:absolute;inset:0;background:rgba(20,19,46,.4);opacity:0;transition:opacity var(--t)}
.drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(380px,86vw);background:var(--white);
  box-shadow:var(--sh-lg);transform:translateX(100%);transition:transform var(--t-slow) var(--ease-out);
  display:flex;flex-direction:column;padding:1.2rem;overflow-y:auto}
.drawer.open{visibility:visible;pointer-events:auto}
.drawer.open .drawer__bg{opacity:1}
.drawer.open .drawer__panel{transform:none}
.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.drawer__head img{height:30px}
.drawer__close{width:40px;height:40px;border-radius:var(--r-sm);border:1px solid var(--line);font-size:1.4rem;color:var(--brand)}
.drawer__nav{display:flex;flex-direction:column;gap:.1rem;margin-bottom:1rem}
.drawer__nav a{padding:.85rem .6rem;font-weight:600;font-size:1.05rem;color:var(--brand);border-bottom:1px solid var(--line)}
.drawer__lang{display:flex;gap:.5rem;margin:1rem 0}
.drawer__lang a{flex:1;text-align:center;padding:.6rem;border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-mono);font-weight:600;color:var(--muted)}
.drawer__lang a[aria-current="true"]{background:var(--brand);color:#fff;border-color:var(--brand)}

/* mobilde header CTA gizli (drawer'da mevcut), burger görünür */
@media (max-width:999px){
  .nav__right > .btn{display:none}
  .nav{gap:.75rem}
}
@media (min-width:1000px){
  .nav__menu{display:flex}
  .langsw{display:flex}
  .burger{display:none}
}

/* ---- Footer ---- */
.site-footer{background:var(--brand);color:var(--on-dark-mut);padding-block:clamp(3rem,6vw,5rem) 2rem;position:relative;overflow:hidden}
.site-footer::before{content:"";position:absolute;inset:0;opacity:.4;
  background-image:linear-gradient(rgba(153,153,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(153,153,255,.08) 1px,transparent 1px);
  background-size:54px 54px;-webkit-mask-image:radial-gradient(100% 60% at 80% 0%,#000,transparent 70%);mask-image:radial-gradient(100% 60% at 80% 0%,#000,transparent 70%)}
.footer__grid{position:relative;display:grid;grid-template-columns:1.5fr;gap:2.5rem 2rem;margin-bottom:2.5rem}
@media (min-width:680px){.footer__grid{grid-template-columns:1.6fr 1fr 1fr}}
@media (min-width:980px){.footer__grid{grid-template-columns:1.8fr 1fr 1fr 1.2fr}}
.footer__brand img{height:34px;margin-bottom:1rem}
.footer__brand p{color:var(--on-dark-mut);font-size:.94rem;max-width:30ch;margin-bottom:1.2rem}
.footer__social{display:flex;gap:.6rem}
.footer__social a{width:40px;height:40px;border-radius:var(--r-sm);display:grid;place-items:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--on-dark);transition:background var(--t-fast),transform var(--t-fast)}
.footer__social a:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.footer__social svg{width:18px;height:18px}
.footer__col h3{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lav);margin-bottom:1rem}
.footer__col ul{display:flex;flex-direction:column;gap:.6rem}
.footer__col a{color:var(--on-dark-mut);font-size:.94rem;transition:color var(--t-fast)}
.footer__col a:hover{color:#fff}
.footer__contact li{display:flex;gap:.6rem;align-items:flex-start;font-size:.92rem;margin-bottom:.7rem;color:var(--on-dark-mut)}
.footer__contact svg{width:17px;height:17px;flex:none;margin-top:3px;color:var(--lav)}
.footer__bottom{position:relative;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;
  padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:var(--on-dark-mut)}
.footer__bottom a:hover{color:#fff}