.colorheader {
    max-width: 100%;
    margin: 0 auto;
}

.header-inner {
    max-width: 1440px;
    margin: 0 auto;
}

/* =====================
   MENÜ & NAV YAZI AYARLARI
===================== */
.nav,
.nav a,
.nav a span,
.menu a,
.menu a span {
  font-weight: 500;
  color: rgba(242,246,252,0.9);
}

/* =====================
   NAV
===================== */
.nav{
  position:absolute;
  top:20px;
  left:0;
  right:0;
  border-radius: 10px;
  height:64px;
  display:flex;
  justify-content:space-between;
  align-items:stretch;
  background:var(--nav-bg);
  backdrop-filter:var(--blur);
  -webkit-backdrop-filter:var(--blur);
  z-index:200;
  padding: 0;
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
}

.nav-left{
  display:flex;
  padding-left: 20px; /* içeriden boşluk, ekran küçüldükçe sabit kalacak */
}

/* =====================
   LOGO
===================== */
.logo {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  cursor: pointer;
}

.logo a {
  display: flex;
  padding: 0 20px; /* hover alanı için sağ-sol boşluk */
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  text-decoration: none;
  color: #383C3F;
  position: relative;
  overflow: hidden;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.logo a:hover {
    transform: scale(1.08); /* logoyu büyütme efekti */
}

.logo a img {
  position: relative;
  z-index: 2;
  height: 28px;
  width: auto;
}

.logo a img,
.logo a img * {
  user-select: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
  pointer-events: none; /* dokunmatik etkileşimi engeller */
}

.logo a span {
  z-index:2;
}

.logo a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid rgba(255,255,255,0.15);
  opacity: 0;
  border-radius: 20px;
}

.logo a:hover::before { opacity: 1; }
.logo a:hover span { color: #F2F6FC; }

.header-logo, .header-logo * {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    user-select: none;
    cursor: pointer;
    position: relative;
}

/* =====================
   MENU
===================== */
.menu{display:flex}
.menu a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content: center; /* ortalamak için */
  padding: 0 20px;         /* hover alanını sağ-sol genişletir */
  height: 100%;
  color:#383C3F;
  text-decoration:none;
  overflow:hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.menu a:hover {
    transform: scale(1.1); /* logoyu büyütme efekti */
}

.menu a span{ z-index:2; }

.menu a::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(255,255,255,0.08); /* hafif cam tonu */
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid rgba(255,255,255,0.15);
  opacity:0;
  border-radius: 20px;
}
.menu a:hover::before{ opacity:1; }
.menu a:hover span{ color:#F2F6FC; }

/* =====================
   RIGHT
===================== */
.nav-right{
  display:flex;
  padding-right: 20px; /* sağdan genel boşluk */
}

.nav-right .language {
    position: relative;
    overflow: hidden; /* taştığı yerde gizler */
}

.nav-right .language::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.08); /* hafif cam tonu */
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid rgba(255,255,255,0.15);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
    border-radius: 20px;
}

.nav-right .language:hover::before {
    opacity: 1;
}

/* ================================
   HAMBURGER & CLOSE (Temiz, Düzeltilmiş)
================================ */

/* Hamburger wrap */
.hamburger-wrap {
  position: relative;
  width: 64px;
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 20px;
  overflow: hidden;
  z-index: 1010;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hamburger çizgileri */
.hamburger,
.hamburger::before,
.hamburger::after {
  position: absolute;
  width: 24px;
  height: 2px;
  background: rgba(242,246,252,0.8);
  border-radius: 1px;
  transition: all 0.3s ease;
  left: 50%;
  transform: translateX(-50%);
}
.hamburger::before { content: ""; top: -7px; }
.hamburger::after  { content: ""; top: 7px; }

/* Hamburger → X animasyonu */
.hamburger-wrap.open .hamburger {
  background: transparent; /* orta çizgi kaybolur */
}
.hamburger-wrap.open .hamburger::before {
  top: 0;
  transform: translateX(-50%) rotate(45deg);
}
.hamburger-wrap.open .hamburger::after {
  top: 0;
  transform: translateX(-50%) rotate(-45deg);
}

/* -------------------------------
   Tüm cihazlarda X arkasında sabit hover
-------------------------------- */
.hamburger-wrap.open::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid rgba(255,255,255,0.15);
  opacity: 1;
  border-radius: 20px;
  z-index: 0;
}

/* -------------------------------
   Hover destekleyen (mouse) cihazlar
-------------------------------- */
@media (hover: hover) and (pointer: fine) {
  .hamburger-wrap:hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid rgba(255,255,255,0.15);
    opacity: 1;
    border-radius: 20px;
  }

  .hamburger-wrap:hover {
    transform: scale(1.1);
  }
}

/* ================================
   Dokunmatik cihazlar – open durumunda X arkasını sabitle
================================ */
@media (hover: none) and (pointer: coarse) {
  .hamburger-wrap.touch-scale {
    transform: scale(1.1);
    transition: transform 0.3s ease; /* kısa animasyon */
  }
  .hamburger-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    border-radius: 20px;
    z-index: 0;
    transition: background 0.3s ease, opacity 0.3s ease;
  }
  /* Open olduğunda X arkasını sabitle */
  .hamburger-wrap.open::before {
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border: 1px solid rgba(255,255,255,0.15);
    opacity: 1;
  }
}

/* =====================
   OVERLAY
===================== */
.overlay {
  position: fixed;
  top: 105px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,0.15);
  display: none;
  flex-direction: column;
  z-index: 100;
  font-size: 1.2em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow-y: auto;
}

/* =====================
   Overlay ve hamburger yazıları kesin renk
===================== */
.overlay a,
.overlay a span {
  color: #F2F6FC !important;
  font-weight: 500 !important;
}

.overlay a {
  flex: 0 0 auto;
  height: var(--overlay-item-height);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--overlay-font-size);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  pointer-events: auto;
  border-bottom: 1px solid var(--line-color);
}

.overlay a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  opacity: 0;
  z-index: 0;
}

.overlay a:hover::before {
  opacity: 1;
}

.overlay a span {
  position: relative;
  z-index: 3;
  display: inline-block; /* scale için gerekli */
  transition: transform 0.3s ease;
}

.overlay a:hover span {
  transform: scale(1.1); /* yazıyı %110 büyütür */
}

/* =====================
   DROPDOWN
===================== */
.dropdown{ position:relative; }
.dropdown-content{
  display:none; position:absolute; top:67px; min-width:auto;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(3px);
  overflow: hidden;   /* ← BU ŞART */
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid rgba(255,255,255,0.15); z-index:100; border-radius:20px; padding-left: 0px; padding-right: 0px; width: max-content; box-sizing: content-box; left: -5.5px;
}

/* Dropdown hover açılması */
.dropdown:hover .dropdown-content {
  display: flex;       /* hover ile görünür */
  flex-direction: column;
}

.dropdown-content.show {
  display: flex;
}

.dropdown-content a{
  position: relative; display:flex; align-items: center; height: 64px; padding:0px 20px; color: rgba(242,246,252,1); text-decoration:none; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.15); transition: none;
}

.dropdown-content a:hover {
    transform: none; /* hover büyümesini iptal et */
}

/* Son elemana çizgi koyma */
.dropdown-content a:last-child {
  border-bottom: none;
}

.dropdown-content a::before{
  content:""; 
  position:absolute; 
  inset:0;
  background: rgba(255,255,255,0.08);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 0px solid rgba(255,255,255,0.15);
  opacity:0; 
  z-index:0;
  border-radius: 0 !important;
}
.dropdown-content a:hover::before { opacity:1; }
.dropdown-content a span{ position:relative; z-index:1; }

/* Dropbtn */
.menu .dropdown {
    position: relative; /* dropbtn’in referansı için şart */
}

.menu .dropdown > .dropbtn{
  pointer-events:auto; z-index:2;
  display:flex; align-items:center; justify-content:center;
  height: calc(var(--overlay-item-height) - 1px);
  padding:0 20px;
}
.menu .dropdown > .dropbtn::before{
  content:""; position:absolute; inset:0;   background: rgba(255,255,255,0.08);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border: 1px solid rgba(255,255,255,0.15);
  opacity:0; border-radius:20px; z-index:0;
}
.menu .dropdown > .dropbtn:hover::before{ opacity:1; }
.menu .dropdown > .dropbtn span{ position:relative; z-index:2; }
.menu .dropdown > .dropbtn:hover span{ color: rgba(242,246,252,1); }

/* Responsive */
@media (max-width:1024px){
  .menu { display:none; }
  .nav-right .language { display:none !important; }
  .hamburger-wrap { display:flex !important; }
}

@media (max-width:1024px) and (orientation: landscape){
  .overlay { display:flex; flex-direction:column; max-height: calc(100vh - 20px); overflow-y:auto; }
  .overlay a { min-height:50px; padding:8px 0; }
}

/* Logo swap */
.logo a img.logo-big { display:block; }
.logo a img.logo-small { display:none; }

@media(max-width:350px){
  .logo a img.logo-big { display:none; }
  .logo a img.logo-small { display:block; height:28px; width:auto; }
}