/* =====================================================
   RESPONSIVE
   Mobile-first fixes for header
===================================================== */

@media (min-width:1025px) and (max-width:1260px){

  #desktop-menu > ul > li > a{
    font-size: clamp(8px, 0.5vw, 13px);
    padding-left: clamp(4px, 0.6vw, 10px);
    padding-right: clamp(4px, 0.6vw, 10px);
    white-space: nowrap;
  }

  #desktop-menu > ul{
    display:flex;
    flex-wrap:nowrap;
    gap: clamp(2px, 0.4vw, 8px);
  }

}

/* -----------------------------------------------------
   > 1024px
----------------------------------------------------- */
@media (min-width:1025px){
  .m-fixedbar{
    display:none !important;
  }
}

/* -----------------------------------------------------
   ≤ 1024px
----------------------------------------------------- */
@media (max-width:1024px){
  .header{
    padding-left:14px;
    padding-right:14px;
  }

  .greet-prefix{
    display:inline;
    white-space:pre;
  }

  #desktop-menu{
    display:none;
  }

  #loginWrap{
    display:inline-flex !important;
    align-items:center;
  }

  #loginWrap .logo-register{
    display:none !important;
  }

  .logo img{
    max-height:42px;
  }

  .header-right{
    gap:12px;
  }

  #globalSearch{
    display:block !important;
  }

  #globalSearch li{
    display:block !important;
  }

  .m-fixedbar{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    height:64px;
    background:#fff;
    border-top:1px solid #e9e9e9;
    display:flex !important;
    justify-content:space-around;
    align-items:center;
    z-index:9999;
  }

  .m-fixedbar .m-item{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    text-align:center;
    text-decoration:none;
    color:#111;
    font-size:11px;
    line-height:1;
  }

  .m-fixedbar .m-item i{
    font-size:20px;
    line-height:1;
  }

  .m-fixedbar .m-item em{
    font-style:normal;
    font-size:11px;
    line-height:1;
  }

  .m-fixedbar .m-item > *{
    pointer-events:none;
  }

  main{
    padding-bottom:76px;
  }
}



  #userGreetingLeft{
  display:flex;
  align-items:center;
  gap:4px;
}

#userGreetingLeft .greet-prefix{
  white-space:nowrap;
}

#userGreetingNameLeft{
  white-space:nowrap;
}