/* HEADER */
.header{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:50;
}

.header .container{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 20px;
}

/* LOGO */
.logo{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
}

.logo img{ height:72px; }
.logo span{
  font-family:Poppins,sans-serif;
  font-weight:600;
  font-size:18px;
  color:#1b2740;
}

/* HAMBURGER */
.hamburger{
  width:48px;
  height:48px;
  display:flex;
  margin-left:auto;
  cursor:pointer;
}

.hamburger svg{
  width:36px;
  height:36px;
}

.hamburger line{
  stroke:#ffffff;
  stroke-width:2.5;
  stroke-linecap:round;
}

/* OVERLAY */
.menu-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.25);
  backdrop-filter:blur(6px);
  opacity:0;
  pointer-events:none;
  transition:.3s ease;
  z-index:90;
}
.menu-overlay.show{
  opacity:1;
  pointer-events:auto;
}

/* MOBILE MENU */
.mobile-menu{
  position:fixed;
  top:0;
  right:0;
  height:100vh;
  width:52vw;
  max-width:520px;
  background:#2b2d42;
  padding:48px 40px;
  transform:translateX(100%);
  transition:.35s ease;
  z-index:100;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mobile-menu.show{
  transform:translateX(0);
}

.menu-close{
  position:absolute;
  top:24px;
  right:24px;
  font-size:28px;
  background:none;
  border:none;
  cursor:pointer;
}

.menu-main{
  margin-top:80px;
  display:flex;
  flex-direction:column;
  gap:18px;
}

.menu-main a{
  font-size:28px;
  font-weight:500;
  color:#fff;
  text-decoration:none;
}

.menu-main a.muted{ opacity:.4; }

.menu-footer{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  font-size:13px;
  color:#064b45;
}

.menu-footer a{
  text-decoration:none;
  color:inherit;
}

.menu-footer .linkedin{
  margin-left:auto;
  font-size:22px;
}

/* BODY LOCK */
body.menu-open{
  overflow:hidden;
}

/* DİL SEÇİCİ */
.lang-switch{
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:auto;
  margin-right:16px;
  font-weight:600;
  font-size:14px;
  color:#fff;
  z-index:60; /* 🔒 header içi garanti */
}

.lang-switch a{
  text-decoration:none;
  color:rgba(255,255,255,.6);
  transition:color .2s ease;
}

.lang-switch a:hover{
  color:#fff;
}

.lang-switch a.active{
  color:#ffffff;
}

/* Mobilde dil switch üstte kalsın */
@media (max-width:1024px){
  .lang-switch{
    position:absolute;
    top:env(safe-area-inset-top, 18px); /* 🔒 iOS güvenli */
    left:24px;
    margin:0;
    z-index:110;
  }
}

/* ==================================================
   MOBILE ONLY – FULL SCREEN MENU
================================================== */
@media (max-width:1024px){

  .menu-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.35);
    backdrop-filter:blur(6px);
    opacity:0;
    pointer-events:none;
    transition:opacity .35s ease;
    z-index:90;
  }

  .menu-overlay.show{
    opacity:1;
    pointer-events:auto;
  }

  .mobile-menu{
    position:fixed;
    top:0;
    right:0;
    width:100vw;
    height:100dvh;
    max-width:none;
    padding:64px 32px 32px;
    background:#2b2d42;
    transform:translateX(100%);
    transition:transform .35s ease;
    z-index:100;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .mobile-menu.show{
    transform:translateX(0);
  }

  .menu-close{
    position:absolute;
    top:env(safe-area-inset-top, 24px);
    right:env(safe-area-inset-right, 24px);
    font-size:28px;
    background:none;
    border:none;
    color:#fff;
    cursor:pointer;
  }

  .menu-main{
    display:flex;
    flex-direction:column;
    gap:26px;
    align-items:center;
    text-align:center;
  }

  .menu-main a{
    font-size:26px;
    font-weight:500;
    color:#fff;
    text-decoration:none;
  }

  .menu-footer{
    position:absolute;
    bottom:env(safe-area-inset-bottom, 24px);
    left:0;
    width:100%;
    text-align:center;
  }

  .menu-footer .linkedin{
    font-size:22px;
    color:#fff;
    opacity:.7;
  }

  body.menu-open{
    overflow:hidden;
  }
}