:root{
  --iy-text: rgba(255,255,255,.92);
  --iy-muted: rgba(255,255,255,.72);
  --iy-border: rgba(255,255,255,.10);

  /* logo sarısı */
  --iy-gold: #F6C945;

  /* mevcut tonlar */
  --iy-accent: #7c3aed;
  --iy-accent2:#22d3ee;

  /* footer ile aynı container ölçüsü */
  --iy-container: min(1180px, calc(100% - 36px));
}



/* ======================================================
   HEADER
   ====================================================== */

header {
margin-bottom:100px;
   }
.iy-navbar{
  min-height: 72px;
  display: flex;
  align-items: center;

  background:
    radial-gradient(700px 120px at 15% 0%, rgba(34,211,238,.12), transparent 60%),
    radial-gradient(700px 120px at 85% 0%, rgba(124,58,237,.12), transparent 60%),
    linear-gradient(135deg, #0b1020 0%, #141a3a 42%, #1c0f2e 100%) !important;

  border-bottom: 1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 10px 30px rgba(0,0,0,.25),
    0 0 26px rgba(34,211,238,.08),
    0 0 26px rgba(124,58,237,.08);

  padding: 0;
}

/* ✅ Footer ile aynı sağ/sol hizalama + kesin ortalama */
.iy-navbar > .container{
  width: var(--iy-container) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;

  padding-left: 0 !important;
  padding-right: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* ✅ Bootstrap float'ları flex düzenini bozmasın */
.iy-navbar .navbar-header{ float: none !important; }
.iy-navbar .navbar-collapse{ float: none !important; }

/* Sağ blok: menü + user sağa yapışsın */
.iy-navbar .navbar-collapse{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
  padding: 0 !important;
}

/* ======================================================
   BRAND (İSİM DİKEY ORTALI)
   ====================================================== */
.iy-navbar .navbar-header{
  display: flex;
  align-items: center;
  height: 72px;
  margin: 0 !important;
}

.iy-navbar .navbar-brand{
  display: flex;
  align-items: center;
  height: 72px;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* Brand wrapper */
.iy-brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding: 8px 10px;
  border-radius: 14px;
  text-decoration:none !important;
 
}
.iy-brand:hover{
  text-decoration:none !important;
}
.iy-brand-logo{
  width: 34px;
  height: 34px;
  object-fit: contain;
  border-radius: 12px;

  /* koyu zeminde kaybolmasın */
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  box-shadow:
    0 10px 22px rgba(0,0,0,.22),
    0 0 0 3px rgba(246,201,69,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 6px;
}

.iy-brand-text{
  font-weight: 900;
  letter-spacing: .6px;
  color: rgba(255,255,255,.92);
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  text-decoration:none !important;
  display:inline-block;
}
/* Hover: çok hafif premium glow */
.iy-brand:hover .iy-brand-logo{
  box-shadow:
    0 12px 26px rgba(0,0,0,.26),
    0 0 0 3px rgba(246,201,69,.16),
    0 0 24px rgba(124,58,237,.18);
  transform: translateY(-.5px);
  transition: .18s ease;
}

/* Mobilde yazıyı kapat, sadece ikon kalsın */
@media (max-width: 680px){
  .iy-brand-text{ display:none; }
  .iy-brand-logo{ width: 36px; height: 36px; }
}
/* ======================================================
   NAV LINKLER (AYNI)
   ====================================================== */
.iy-nav{
  display:flex;
  align-items:center;
  margin: 0 !important;
}

.iy-nav > li > a.iy-link{
  color: var(--iy-muted) !important;
  font-weight:650;
  letter-spacing:.2px;

  padding:14px 14px;
  border-radius:12px;

  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  line-height:1;
  box-sizing:border-box;

  transition: color .18s ease, background .18s ease, transform .18s ease;
}

.iy-nav > li > a.iy-link:hover,
.iy-nav > li.open > a.iy-link{
  color: var(--iy-text) !important;
  background: rgba(255,255,255,.06);
  transform: translateY(-1px);
}

/* Hover alt çizgi */
.iy-nav > li > a.iy-link::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:6px;
  height:2px;
  border-radius:10px;

  background: linear-gradient(90deg, transparent, var(--iy-gold), transparent);
  box-shadow: 0 0 12px rgba(246,201,69,.35);

  opacity:0;
  transform: scaleX(.55);
  transition: opacity .18s ease, transform .18s ease;
  pointer-events:none;
}

.iy-nav > li > a.iy-link:hover::after,
.iy-nav > li.open > a.iy-link::after{
  opacity:.95;
  transform: scaleX(1);
}

.iy-caret{
  margin-left:6px;
  opacity:.75;
}

/* ======================================================
   USER ICON (DİKEY ORTALI)
   ====================================================== */
.iy-userbtn{
  display:flex !important;
  align-items:center;
  justify-content:center;

  width:42px;
  height:42px;
  padding:0;
  margin:0 !important;

  border-radius:999px;
  align-self:center;

  color:#fff !important;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);

  line-height:1;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.iy-userbtn:hover{
  background: rgba(124,58,237,.22);
  border-color: rgba(246,201,69,.55);
  transform: translateY(-1px);
}

.iy-userbtn i{
  line-height:1;
  transform:none;
}

/* ======================================================
   DROPDOWN (AYNI)
   ====================================================== */
.iy-dropdown{
  min-width:260px;
  padding:10px;
  border-radius:16px;

  background: rgba(10,12,28,.92);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 20px 50px rgba(0,0,0,.45);
}

.iy-dropdown .dropdown-item{
  display:block;
  padding:10px 12px;
  border-radius:12px;

  color: rgba(255,255,255,.86);
  font-weight:650;
  text-decoration:none;

  transition: background .16s ease, color .16s ease, transform .16s ease;
}

.iy-dropdown .dropdown-item:hover{
  background: rgba(124,58,237,.18);
  color: rgba(255,255,255,.98);
  transform: translateX(2px);
}

/* Bootstrap open background fix */
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover{
  background: transparent;
}

/* ======================================================
   MOBİL
   ====================================================== */

@media (max-width:992px){

  /* Navbar yüksekliği */
  .iy-navbar{ 
    min-height:62px;
  }

  /* ✅ Kritik: Mobilde container flex OLMASIN (bootsnav collapse bozulur) */
  .iy-navbar > .container{
    width: calc(100% - 24px) !important;
    display: block !important;          /* flex -> block */
  }

  /* ✅ Brand solda, toggle sağda */
  .iy-navbar .navbar-header{
    width: 100% !important;
    height: 62px;
    display: block !important;
    position: relative;
  }

  .iy-navbar .navbar-brand{
    height: 62px;
    line-height: 62px !important;
    float: left !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  /* Toggle (hamburger) sağda */
  .iy-navbar .navbar-toggle{
    display: inline-block !important;
    float: right !important;
    margin: 14px 0 0 0 !important;      /* dikey ortalama */
    padding: 10px 10px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.06) !important;
  }

  .iy-navbar .navbar-toggle i{
    color: rgba(255,255,255,.92) !important;
  }

  /* ✅ Collapse alanı mobilde tam genişlik ve dikey akış */
  .iy-navbar .navbar-collapse{
    float: none !important;
    width: 100% !important;
    display: block !important;
    padding: 0 0 18px 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }

  /* Bootsnav’in açılmış hali */
  nav.navbar.bootsnav .navbar-collapse.collapse.in{
    padding-bottom: 18px !important;
  }

  /* Menü linkleri mobilde alt alta */
  .iy-nav{
    display: block !important;
    width: 100% !important;
    margin: 6px 0 0 0 !important;
  }

  .iy-nav > li{
    float: none !important;
    display: block !important;
    width: 100% !important;
  }

  .iy-nav > li > a.iy-link{
    display: block !important;
    width: 100% !important;
    padding: 14px 10px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    min-height: auto !important;
  }

  /* Hover alt çizgi mobilde gereksiz; istersen kapat */
  .iy-nav > li > a.iy-link::after{
    display: none !important;
  }

  /* Dropdown menüler mobilde daha “liste” gibi dursun */
  .iy-dropdown{
    min-width: 100% !important;
    margin: 6px 0 10px 0 !important;
    border-radius: 14px !important;
  }

  /* User icon mobilde sağ üst yerine menü içinde normal satır gibi kalsın */
  .iy-userbtn{
    width: auto !important;
    height: auto !important;
    border-radius: 12px !important;
    padding: 12px 10px !important;
    display: block !important;
  }




   /* 1) Çok çizgi hissini azalt: linklere minimal “sarı kısa vurgu” */
  .iy-nav > li > a.iy-link{
    position: relative !important;
    border-bottom: 0 !important;
  }

  .iy-nav > li > a.iy-link::before{
    content:"";
    position:absolute;
    left:10px;
    bottom:6px;
    width:52px;
    height:2px;
    border-radius:999px;
    background: rgba(246,201,69,.85);
    opacity:.14;                 /* normalde çok silik */
    pointer-events:none;
  }

  /* açık olan / aktif olan daha belirgin */
  .iy-nav > li.open > a.iy-link::before,
  .iy-nav > li.active > a.iy-link::before{
    opacity:.55;
    width:72px;
  }

  /* 2) Oklar sağa değil aşağı baksın (bootsnav caret) */
  nav.navbar.bootsnav li.dropdown > a.dropdown-toggle:after{
    transform: rotate(90deg) !important;   /* sağ ok -> aşağı ok */
    opacity: .75;
  }
  nav.navbar.bootsnav li.dropdown.open > a.dropdown-toggle:after{
    transform: rotate(270deg) !important;  /* açıkken yukarı baksın */
  }

  /* 3) Dropdown içini daha “minimal” yap: kart hissini azalt */
  .iy-dropdown{
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: none !important;
  }

  .iy-dropdown .dropdown-item{
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 12px 12px !important;
    border-radius: 0 !important;
    color: rgba(255,255,255,.86) !important;
  }

  .iy-dropdown .dropdown-item + .dropdown-item{
    border-top: 1px solid rgba(255,255,255,.06) !important; /* çok ince ayırıcı */
  }

  .iy-dropdown .dropdown-item:hover{
    background: rgba(246,201,69,.08) !important;
    color: rgba(255,255,255,.98) !important;
  }

  /* 4) User satırı: kutu gibi görünmesin */
  .iy-userbtn{
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  /* 5) Mobil menü scroll bar: ince sarı */
  .iy-navbar .navbar-collapse{
    scrollbar-width: thin;
    scrollbar-color: rgba(246,201,69,.85) rgba(255,255,255,.06);
  }

  .iy-navbar .navbar-collapse::-webkit-scrollbar{
    width: 3px;
  }

  .iy-navbar .navbar-collapse::-webkit-scrollbar-track{
    background: rgba(255,255,255,.06);
    border-radius: 999px;
  }

  .iy-navbar .navbar-collapse::-webkit-scrollbar-thumb{
    background: rgba(246,201,69,.85);
    border-radius: 999px;
  }
}


.iy-toparea,
.iy-navbar,
.navbar-fixed{
  position: relative;
  z-index: 99999;
}