/* FINAL HEADER ORDER V2 */

/* Header container */
.site-header,
.iu-header,
header {
  width: 100% !important;
  background: #fff !important;
  overflow: visible !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

.site-header .container,
.site-header .nav-inner,
.iu-header-inner,
.iu-header .container,
.container.nav-inner,
.nav-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 14px 18px !important;
  box-sizing: border-box !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;

  overflow: visible !important;
}

/* Logo görünmez şekilde uzamasın */
a.iu-logo,
.iu-logo,
a.logo,
.logo,
.logo.notranslate {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: fit-content !important;
  min-width: 0 !important;
  max-width: fit-content !important;
  flex: 0 0 auto !important;

  margin: 0 14px 0 0 !important;
  padding: 0 !important;

  white-space: nowrap !important;
  overflow: visible !important;
  line-height: 1 !important;

  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;

  z-index: 30 !important;
}

a.iu-logo::before,
a.iu-logo::after,
.iu-logo::before,
.iu-logo::after,
.logo::before,
.logo::after {
  content: none !important;
  display: none !important;
}

/* Arama logo yanına gelsin */
.iu-header-search,
.nav-search-bar {
  order: 2 !important;

  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  transform: none !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;

  width: 620px !important;
  max-width: 620px !important;
  min-width: 420px !important;
  height: 54px !important;
  flex: 0 0 620px !important;

  margin: 0 14px 0 0 !important;
  padding: 6px !important;

  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.06) !important;

  box-sizing: border-box !important;
  overflow: visible !important;
  z-index: 20 !important;
}

/* Kategori select */
#iuHeaderCategory,
.nav-search-cat {
  width: 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
  height: 42px !important;
  flex: 0 0 170px !important;

  border: 0 !important;
  outline: 0 !important;
  background: #f8fafc !important;
  border-radius: 14px !important;

  padding: 0 12px !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #111827 !important;
}

/* Arama input satırı */
.iu-header-search-row {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 42px !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Input */
#iuHeaderSearchInput,
.nav-search-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 42px !important;

  border: 0 !important;
  outline: 0 !important;
  background: #f8fafc !important;
  border-radius: 14px 0 0 14px !important;

  padding: 0 14px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #111827 !important;
}

/* Siyah arama butonu */
#iuHeaderSearchBtn,
.nav-search-btn {
  position: static !important;
  transform: none !important;

  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 42px !important;
  flex: 0 0 52px !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 0 14px 14px 0 !important;
  background: #050b0b !important;
  color: #fff !important;

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

/* Smart önerileri kapat */
.ilanup-smart-filter-assist,
.iu-header-search .smart-hints,
.iu-header-search .search-hints,
.iu-header-search [class*="suggest"],
.iu-header-search [class*="hint"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Giriş/Kayıt arama sonrasına gelsin */
.iu-header-auth,
.iu-auth,
.auth-area,
.nav-auth,
.nav-user-actions {
  order: 3 !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Bölge/dil/menü sağa yaslansın */
.nav-actions,
.iu-header-actions,
.header-actions {
  order: 9 !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;

  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  z-index: 40 !important;
}

/* Hamburger */
.mobile-menu-btn {
  order: 10 !important;
  flex: 0 0 auto !important;
}

/* Orta ekran */
@media (max-width: 1350px) and (min-width: 761px) {
  .iu-header-search,
  .nav-search-bar {
    width: 500px !important;
    max-width: 500px !important;
    min-width: 340px !important;
    flex-basis: 500px !important;
  }

  #iuHeaderCategory,
  .nav-search-cat {
    width: 145px !important;
    min-width: 145px !important;
    flex-basis: 145px !important;
  }
}

/* Mobil */
@media (max-width: 760px) {
  .iu-header-search,
  .nav-search-bar {
    display: none !important;
  }
}