/* === ILANUP MOBILE HEADER FINAL CLEAN === */

@media (max-width:768px){

  #navContainer{
    width:100%!important;
    background:#fff!important;
    border-bottom:1px solid #eee!important;
    position:relative!important;
    z-index:9999!important;
  }

  #navContainer .site-header{
    width:100%!important;
    background:#fff!important;
  }

  #navContainer .container.nav-inner{
    width:100%!important;
    max-width:100%!important;
    height:68px!important;
    min-height:68px!important;
    padding:0 12px!important;
    margin:0!important;
    box-sizing:border-box!important;

    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow:visible!important;
  }

  /* Logo en solda */
  #navContainer .logo{
    order:1!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:135px!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;

    display:block!important;
    font-size:22px!important;
    font-weight:950!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    color:#080808!important;
    text-decoration:none!important;
  }

  #navContainer .logo span{
    color:#111!important;
  }

  /* Sağ grup: ülke/dil */
  #navContainer .nav-actions{
    order:2!important;
    flex:0 0 auto!important;
    margin:0!important;
    margin-left:8px!important;
    padding:0!important;
    position:static!important;
    transform:none!important;

    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
  }

  /* Hamburger en sağ */
  #navContainer .mobile-menu-btn{
    order:3!important;
    flex:0 0 48px!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    margin:0!important;
    margin-left:auto!important;
    padding:0!important;
    position:static!important;
    transform:none!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    background:#f7f7f7!important;
    border:1px solid #d8d8d8!important;
    border-radius:13px!important;
  }

  #navContainer .mobile-menu-btn span{
    display:block!important;
    width:22px!important;
    height:2.5px!important;
    background:#111!important;
    border-radius:2px!important;
    margin:3px 0!important;
  }

  #navContainer .nav-search-bar,
  #navContainer nav,
  #navContainer .nav-msg-link,
  #navContainer .nav-user,
  #navContainer .nav-auth-area,
  #navContainer #userMenu,
  #navContainer .nav-actions a[data-i18n="add_listing"],
  #navContainer .nav-actions .btn-primary{
    display:none!important;
  }

  #navContainer .region-selector,
  #navContainer .lang-switcher,
  #navContainer .language-selector{
    display:block!important;
    position:relative!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0!important;
  }

  #navContainer .region-selector-btn,
  #navContainer .lang-switcher-btn,
  #navContainer .language-selector-btn,
  #navContainer .lang-btn{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;

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

    border-radius:13px!important;
    background:#f7f7f7!important;
    border:1px solid #d8d8d8!important;
    color:#111!important;
    font-size:18px!important;
    font-weight:800!important;
  }

  #navContainer .region-current-code,
  #navContainer .lang-current-code,
  #navContainer .language-code,
  #navContainer .lang-code{
    display:none!important;
  }

  #navContainer .mobile-menu{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    top:68px!important;
    z-index:10000!important;
  }
}

@media (max-width:390px){

  #navContainer .container.nav-inner{
    height:64px!important;
    min-height:64px!important;
    padding:0 8px!important;
    gap:5px!important;
  }

  #navContainer .logo{
    max-width:112px!important;
    font-size:20px!important;
  }

  #navContainer .region-selector-btn,
  #navContainer .lang-switcher-btn,
  #navContainer .language-selector-btn,
  #navContainer .lang-btn{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
    height:42px!important;
  }

  #navContainer .mobile-menu-btn{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:46px!important;
  }

  #navContainer .mobile-menu{
    top:64px!important;
  }
}

/* HEADER CENTER SEARCH + AUTH */
@media (min-width: 900px){
  .iu-compact-header{
    gap:18px !important;
  }

  .iu-logo{
    flex:0 0 auto !important;
  }

  .iu-header-center{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:920px !important;
    margin:0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:14px !important;
  }

  .iu-header-search{
    flex:1 1 auto !important;
    max-width:620px !important;
    min-width:360px !important;
    height:48px !important;
    display:grid !important;
    grid-template-columns:170px minmax(0, 1fr) !important;
    gap:8px !important;
    padding:6px !important;
    border-radius:18px !important;
    background:#fff !important;
    border:1px solid rgba(15,23,42,.10) !important;
    box-shadow:0 10px 28px rgba(15,23,42,.06) !important;
  }

  #iuHeaderCategory,
  #iuHeaderSearchInput{
    width:100% !important;
    height:36px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:13px !important;
    background:#f3f5f7 !important;
    color:#111827 !important;
    font-size:14px !important;
    font-weight:800 !important;
  }

  #iuHeaderCategory{
    padding:0 12px !important;
    cursor:pointer !important;
  }

  .iu-header-search-row{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 40px !important;
    gap:6px !important;
  }

  #iuHeaderSearchInput{
    padding:0 13px !important;
  }

  #iuHeaderSearchInput::placeholder{
    color:#8a93a3 !important;
    font-weight:700 !important;
  }

  #iuHeaderSearchBtn{
    width:40px !important;
    height:36px !important;
    border:0 !important;
    border-radius:13px !important;
    background:#07110f !important;
    color:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
  }

  #iuHeaderSearchBtn svg{
    width:19px !important;
    height:19px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2.5 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  .iu-header-auth{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }

  .iu-header-auth a{
    height:40px !important;
    padding:0 16px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  .iu-header-login{
    background:#fff !important;
    color:#111827 !important;
    border:1px solid rgba(15,23,42,.14) !important;
  }

  .iu-header-register{
    background:#07110f !important;
    color:#fff !important;
    border:1px solid #07110f !important;
  }

  .iu-right{
    flex:0 0 auto !important;
  }
}

@media (max-width: 899px){
  .iu-header-center{
    display:none !important;
  }
}

@media (min-width: 900px) and (max-width: 1180px){
  .iu-header-search{
    min-width:300px !important;
    grid-template-columns:145px minmax(0, 1fr) !important;
  }

  .iu-header-auth a{
    padding:0 12px !important;
  }
}


/* HEADER SEARCH FORCE VISIBLE - logo ile bölge arası */
@media (min-width: 720px){
  .iu-compact-header{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
  }

  .iu-logo{
    flex:0 0 auto !important;
    margin-right:8px !important;
  }

  .iu-header-center{
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:760px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    margin:0 auto !important;
  }

  .iu-header-search{
    flex:1 1 auto !important;
    min-width:260px !important;
    max-width:520px !important;
    height:44px !important;
    display:grid !important;
    grid-template-columns:135px minmax(0, 1fr) !important;
    gap:6px !important;
    padding:5px !important;
    border-radius:16px !important;
    background:#fff !important;
    border:1px solid rgba(15,23,42,.10) !important;
    box-shadow:0 8px 24px rgba(15,23,42,.06) !important;
  }

  #iuHeaderCategory,
  #iuHeaderSearchInput{
    height:34px !important;
    min-height:34px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:12px !important;
    background:#f3f5f7 !important;
    color:#111827 !important;
    font-size:13px !important;
    font-weight:800 !important;
  }

  #iuHeaderCategory{
    padding:0 9px !important;
  }

  .iu-header-search-row{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 36px !important;
    gap:5px !important;
  }

  #iuHeaderSearchInput{
    padding:0 11px !important;
  }

  #iuHeaderSearchBtn{
    width:36px !important;
    height:34px !important;
    border:0 !important;
    border-radius:12px !important;
    background:#07110f !important;
    color:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
  }

  #iuHeaderSearchBtn svg{
    width:18px !important;
    height:18px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:2.4 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }

  .iu-header-auth{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
  }

  .iu-header-auth a{
    height:36px !important;
    padding:0 13px !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-decoration:none !important;
    font-size:13px !important;
    font-weight:900 !important;
    white-space:nowrap !important;
  }

  .iu-header-login{
    background:#fff !important;
    color:#111827 !important;
    border:1px solid rgba(15,23,42,.14) !important;
  }

  .iu-header-register{
    background:#07110f !important;
    color:#fff !important;
    border:1px solid #07110f !important;
  }

  .iu-right{
    flex:0 0 auto !important;
  }

  /* PC/tablet genişlikte hero içindeki büyük aramayı sakla */
  .hero-auth-search-desktop{
    display:none !important;
  }
}

/* Çok dar tablet/devtools görünümünde auth butonları küçülsün */
@media (min-width:720px) and (max-width:980px){
  .iu-header-center{
    max-width:520px !important;
    gap:6px !important;
  }

  .iu-header-search{
    min-width:260px !important;
    max-width:380px !important;
    grid-template-columns:110px minmax(0, 1fr) !important;
  }

  .iu-header-auth a{
    padding:0 9px !important;
    font-size:12px !important;
  }
}

/* Telefonda yine gizli */
@media (max-width:719px){
  .iu-header-center{
    display:none !important;
  }
}