.header-action-bar {
  position: relative;
  display: flex;
  flex: 0;
  flex-wrap: nowrap;
  column-gap: var(--header-column-gap);
  order: 40;
  align-items: center;
  padding-block: 12px;
  margin-inline-start: auto;
}

.header__container[layout="center_logo_wrap_menu"] .header-action-bar {
  flex: 1;
}

.header-action-bar .button--icon {
  display: inline-flex;
  justify-self: end;
  width: 24px;
  height: 24px;
}
.button--hidden-desktop {
  position: relative;
}

.header-action-bar .button--hidden {
  display: none;
}

.header-action-bar > * {
  position: relative;
  z-index: calc(var(--header-nav-dropdown-menu-z-index) + 1);
}

@media (min-width: 960px) {
  .header-action-bar .button--hidden-desktop {
    display: none;
  }
}

.header-action-bar .header-action-bar__search {
  margin-inline-end: 0;
  padding: 0;
  color: currentColor;
  background: transparent;
  border: 0;
  box-shadow: none;
  cursor: pointer;
}

.header-action-bar.left {
  display: none;
  grid-area: action-bar-left;
  order: 0;
}

.header-action-bar.left .header-action-bar__search {
  display: none;
}

/* 右侧 action-bar 桌面端隐藏（桌面端图标由左侧 action-bar 提供?*/
@media (min-width: 960px) {
  .header-action-bar.right {
    grid-area: action-bar-right;
    justify-content: end;
    column-gap: 0;
  }

  .header-action-bar.right .button-mobile-user {
    display: none;
  }

  .header-action-bar.right .cart-bubble {
    display: none;
  }

  .header-action-bar.right .header-action-bar__search {
    visibility: hidden;
    width: 0;
  }

  .header-action-bar.right .plugin-isv-multiLanguage {
    margin-right: 10px;
  }
}

[type="drawer"] .header-action-bar.left,
[layout^="center_logo_"] .header-action-bar.left {
  display: flex;
}

/* 桌面端：抽屉模式下左侧栏虽显示，但不展示汉堡（抽屉入口仅移动端） */
@media (min-width: 960px) {
  .header__container[type="drawer"] .header-action-bar.left .header-action-bar__menu {
    display: none;
  }
}

[layout="center_logo_wrap_menu"]
  .header-action-bar.left
  .header-action-bar__search {
  display: inline-flex;
}

[layout="center_logo_wrap_menu"]
  .header-action-bar.right
  .header-action-bar__search {
  display: none;
}

.header-action-bar [layout="left_logo_left_menu"] .header__logo {
  order: 0;
}

@media (max-width: 959px) {
  .header-action-bar theme-locale-picker,
  .header-action-bar .button--hidden-mobile {
    display: none;
  }

  .header-action-bar {
    display: flex;
    column-gap: var(--header-column-gap-mobile);
    flex: 1;
    padding: 0;
  }


  /* 右侧 action-bar 隐藏汉堡菜单 */
  .header-action-bar.right .header-action-bar__menu {
    display: none;
  }

  /* 左侧 action-bar 显示 */
  .header-action-bar.left {
    display: flex;
    flex: 0;
    margin-inline-start: 0;
  }

  /* 左侧 action-bar 隐藏搜索图标（移动端搜索在右侧） */
  .header-action-bar.left .header-action-bar__search {
    display: none !important;
  }

  /* 左侧 action-bar 移动端隐?ISV 多语言插件 */
  .header-action-bar.left .plugin-isv-multiLanguage {
    display: none;
  }

  /* 右侧 action-bar 显示搜索、用户、购物车图标 */
  .header-action-bar.right {
    display: flex;
    flex: 0;
    column-gap: 4px;
    margin-inline-start: auto;
  }

  .header-action-bar.right .plugin-isv-multiLanguage {
    display: none;
  }


  /* 右侧 action-bar 显示用户图标 */
  .header-action-bar.right .header-action-bar__user {
    padding: 2px;
    display: inline-flex;
  }
}

@media (max-width: 959px) {
  .header-action-bar .button-mobile-left,
  .header-action-bar .button-mobile-right,
  .header-action-bar .button-mobile-user,
  .header-action-bar .button--icon:not(.header-action-bar__menu),
  .button-mobile-right .cart-bubble,
  .button-mobile-right .cart-bubble > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    color: currentColor !important;
  }

  .header-action-bar .top-bar__nav-icon,
  .header-action-bar .top-bar__nav-icon path {
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  .header-action-bar__menu .top-bar__nav-icon--menu {
    width: 22px !important;
    height: 18px !important;
  }

  .header-action-bar__search.button-mobile-right .top-bar__nav-icon--search {
    width: 19px !important;
    height: 21px !important;
  }

  .header-action-bar__user.button-mobile-right .top-bar__nav-icon--account {
    width: 17px !important;
    height: 20px !important;
  }

  .button-mobile-right .cart-bubble .top-bar__nav-icon--cart,
  .button-mobile-right .cart-bubble > a .top-bar__nav-icon--cart {
    width: 17px !important;
    height: 20px !important;
  }

  .header-action-bar.right [data-relocated-to-top-bar] {
    order: 10;
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: currentColor !important;
    line-height: 1 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  .header-action-bar.right .header-action-bar__search {
    order: 20;
    display: inline-flex !important;
    width: var(--club-action-hit-area-mobile, 24px) !important;
    min-width: var(--club-action-hit-area-mobile, 24px) !important;
    height: var(--club-action-hit-area-mobile, 24px) !important;
    overflow: visible !important;
  }

  .header-action-bar.right .header-action-bar__user {
    order: 30;
  }

  .header-action-bar.right .header-action-bar__cart,
  .header-action-bar.right .cart-bubble {
    order: 40;
  }

  .header-action-bar.right .header-action-bar__menu {
    display: none !important;
  }

  .header-action-bar.right [data-relocated-to-top-bar] > a,
  .header-action-bar.right [data-relocated-to-top-bar] > button,
  .header-action-bar.right [data-relocated-to-top-bar] > [role="button"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  .header-action-bar.right [data-relocated-to-top-bar] .top-bar__app-wishlist-icon {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    pointer-events: none;
  }

  .header-action-bar.right [data-relocated-to-top-bar] .top-bar__app-wishlist-icon path {
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}
/* Club L mobile action-bar alignment */
@media (max-width: 959px) {
  .header-action-bar {
    column-gap: var(--club-action-gap-mobile, 9px);
  }

  .header-action-bar theme-locale-picker,
  .header-action-bar .plugin-isv-multiLanguage {
    display: none !important;
  }

  .header-action-bar.right {
    column-gap: var(--club-action-gap-mobile, 9px);
    align-items: center;
    justify-content: flex-end;
  }

  .header-action-bar .button-mobile-left,
  .header-action-bar .button-mobile-right,
  .header-action-bar .button-mobile-user,
  .header-action-bar .button--icon:not(.header-action-bar__menu),
  .button-mobile-right .cart-bubble,
  .button-mobile-right .cart-bubble > a,
  .header-action-bar.right [data-relocated-to-top-bar] {
    width: var(--club-action-hit-area-mobile, 24px) !important;
    min-width: var(--club-action-hit-area-mobile, 24px) !important;
    height: var(--club-action-hit-area-mobile, 24px) !important;
    flex: 0 0 var(--club-action-hit-area-mobile, 24px) !important;
  }

  .header-action-bar.right [data-relocated-to-top-bar] {
    order: 10;
  }

  .header-action-bar.right .header-action-bar__search {
    order: 20;
    display: inline-flex !important;
    width: var(--club-action-hit-area-mobile, 24px) !important;
    min-width: var(--club-action-hit-area-mobile, 24px) !important;
    height: var(--club-action-hit-area-mobile, 24px) !important;
    overflow: visible !important;
  }

  .header-action-bar.right .header-action-bar__user {
    order: 30;
  }

  .header-action-bar.right .header-action-bar__cart,
  .header-action-bar.right .cart-bubble {
    order: 40;
  }

  .header-action-bar .top-bar__nav-icon,
  .header-action-bar .top-bar__nav-icon path {
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  .header-action-bar__search.button-mobile-right .top-bar__nav-icon--search,
  .header-action-bar.right [data-relocated-to-top-bar] .top-bar__app-wishlist-icon {
    width: var(--club-action-icon-mobile, 18px) !important;
    height: var(--club-action-icon-mobile, 18px) !important;
  }

  .header-action-bar__user.button-mobile-right .top-bar__nav-icon--account,
  .button-mobile-right .cart-bubble .top-bar__nav-icon--cart,
  .button-mobile-right .cart-bubble > a .top-bar__nav-icon--cart {
    width: var(--club-action-icon-mobile, 18px) !important;
    height: var(--club-action-icon-mobile, 18px) !important;
  }
}
/* Mobile: keep search on the right action bar only. */
@media (max-width: 959px) {
  .header-action-bar.left .header-action-bar__search,
  .header-action-bar.left [data-role="search-bar-switch"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    flex: 0 0 0 !important;
    overflow: hidden !important;
  }

  .header-action-bar.right .header-action-bar__search,
  .header-action-bar.right [data-role="search-bar-switch"] {
    display: inline-flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}
@media (max-width: 959px) {
  .header-action-bar.right [data-wishlist-entry="mobile"] {
    order: 10;
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 var(--club-action-hit-area-mobile, 24px) !important;
    width: var(--club-action-hit-area-mobile, 24px) !important;
    min-width: var(--club-action-hit-area-mobile, 24px) !important;
    height: var(--club-action-hit-area-mobile, 24px) !important;
    padding: 0 !important;
    margin: 0 !important;
    color: currentColor !important;
    line-height: 1 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  .header-action-bar.right [data-wishlist-entry="mobile"] .top-bar__app-wishlist-icon {
    display: block !important;
    width: var(--club-action-icon-mobile, 18px) !important;
    height: var(--club-action-icon-mobile, 18px) !important;
    color: currentColor !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    pointer-events: none;
  }

  .header-action-bar.right [data-wishlist-entry="mobile"] .top-bar__app-wishlist-icon path {
    fill: currentColor !important;
    stroke: currentColor !important;
  }
}
