/* === 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;
  }
}