/* 202) HEADER ICON GROUP ORDER
   Group 1: Home
   Group 2: Boutique + Abonnements + Add Listing
   Group 3: User + Cart (if cart has items) */
.site-header .header-navbar__menu .menu.wrap > li.menu-item-home{
  order: 1 !important;
}

.site-header .header-navbar__menu .menu.wrap > li.hr-menu-item--proshop{
  order: 2 !important;
  margin-inline-start: 18px !important;
}

.site-header .header-navbar__menu .menu.wrap > li.hr-menu-item--subscriptions{
  order: 3 !important;
}

.site-header .header-navbar__actions .hp-menu__item--listing-submit,
.site-header .header-navbar__menu .menu.wrap > li.hr-menu-item--listing-submit{
  order: 4 !important;
}

.site-header .header-navbar__menu .menu.wrap > li.menu-item--last.menu-item--user-account{
  order: 5 !important;
  margin-inline-start: 18px !important;
}

.site-header .hr-cart-wrap{
  order: 6 !important;
}

.site-header .hr-cart-wrap.hr-cart-empty{
  display: none !important;
}

@media (max-width: 768px){
  .site-header .header-navbar__menu .menu.wrap > li.menu-item--last.menu-item--user-account{
    margin-inline-start: 10px !important;
  }

  .site-header .header-navbar__menu .menu.wrap > li.hr-menu-item--proshop{
    margin-inline-start: 10px !important;
  }
}

/* 205) GLOBAL DROPDOWN RADIUS (single source, all pages) */
:root{
  --hr-dropdown-radius: 18px;
}

/* Header/burger account dropdown + cart dropdown */
body .site-header .menu-item-has-children > .sub-menu,
body .site-header .menu-item-has-children > ul.sub-menu,
body .site-header .header-navbar__burger .menu-item-has-children > .sub-menu,
body .site-header .hr-cart-wrap .hr-cart-dropdown{
  border-radius: var(--hr-dropdown-radius) !important;
  overflow: hidden !important;
}

/* Generic frontend nav dropdown panels (outside wp-admin bar) */
body:not(.wp-admin) .site-container .menu-item-has-children > .sub-menu,
body:not(.wp-admin) .site-container .menu-item-has-children > ul.sub-menu{
  border-radius: var(--hr-dropdown-radius) !important;
  overflow: hidden !important;
}

/* Select2 dropdowns (forms/search/tags/filters) */
body .select2-container .select2-dropdown,
body .select2-dropdown,
body .select2-dropdown.hr-tags-dropdown{
  border-radius: var(--hr-dropdown-radius) !important;
  overflow: hidden !important;
}

/* Keep correct joined corners with trigger when open */
body .select2-container--open .select2-dropdown--below{
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-left-radius: var(--hr-dropdown-radius) !important;
  border-bottom-right-radius: var(--hr-dropdown-radius) !important;
}
body .select2-container--open .select2-dropdown--above{
  border-top-left-radius: var(--hr-dropdown-radius) !important;
  border-top-right-radius: var(--hr-dropdown-radius) !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Inner list must follow container radius */
body .select2-results{
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* Optional: Mapbox geocoder suggestion dropdown */
body .mapboxgl-ctrl-geocoder .suggestions{
  border-radius: var(--hr-dropdown-radius) !important;
  overflow: hidden !important;
}

/* 207) HEADER DROPDOWN STRICT STATE + SCROLL LOCK (desktop + mobile) */
.site-header .header-navbar__menu .menu > li.menu-item--user-account.menu-item-has-children:not(.is-open):focus-within > .sub-menu,
.site-header .header-navbar__menu .menu > li.menu-item--user-account.menu-item-has-children:not(.is-open):focus-within > ul.sub-menu,
.site-header .header-navbar__menu .menu > li.menu-item--user-account.menu-item-has-children:not(.is-open):hover > .sub-menu,
.site-header .header-navbar__menu .menu > li.menu-item--user-account.menu-item-has-children:not(.is-open):hover > ul.sub-menu{
  display: none !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  overflow: hidden !important;
  transform: translateY(-6px) !important;
  padding: 0 !important;
}

html.hr-lock-scroll,
body.hr-lock-scroll{
  overflow: hidden !important;
  height: 100% !important;
  overscroll-behavior: none !important;
}

body.hr-lock-scroll{
  position: fixed !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
}