/* Shared account/cart divider used by every header. */
:root {
  --header-action-divider: rgba(255, 255, 255, 0.18);
  --header-action-divider-height: 28px;
  --header-action-divider-gap: 12px;
}
.account-wrap {
  padding-left: var(--header-action-divider-gap);
  margin-left: 4px;
  border-left: 1px solid var(--header-action-divider);
}
.page-account-toggle,
.search-account {
  position: relative;
  margin-left: var(--header-action-divider-gap);
}
.page-account-toggle:after,
.search-account:after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc((var(--header-action-divider-gap) + 1px) * -1);
  width: 1px;
  height: var(--header-action-divider-height);
  background: var(--header-action-divider);
  transform: translateY(-50%);
  pointer-events: none;
}
@media (max-width: 991px) {
  .account-wrap {
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
  }
  .page-account-toggle,
  .search-account {
    margin-left: 0;
  }
  .page-account-toggle:after,
  .search-account:after {
    display: none;
  }
}

/* Keep the search header actions in the same blue-gray component palette. */
.search-account,
.header-cart {
  border-color: #d8dee5 !important;
  background: #fff !important;
  color: #102a56 !important;
}
.search-account:hover,
.search-account:focus-visible,
.header-cart:hover,
.header-cart:focus-visible {
  border-color: #9ba9b6 !important;
  background: #f3f7fb !important;
  color: #173867 !important;
  box-shadow: 0 5px 16px rgba(16, 42, 86, 0.12) !important;
}

/* Keep the signed-in label stable on one line across inner-page headers. */
.page-account-toggle.logged-in,
.search-account.logged-in {
  width: 128px !important;
  min-width: 128px !important;
  padding: 0 12px !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  white-space: nowrap !important;
}
.page-account-toggle.logged-in > span,
.search-account.logged-in > span {
  display: inline-block;
  white-space: nowrap;
  line-height: 1;
}
.page-account-toggle.logged-in > .bi-person,
.search-account.logged-in > .bi-person {
  flex: none;
  font-size: 18px;
}
.page-account-toggle.logged-in > .bi-chevron-down,
.search-account.logged-in > .bi-chevron-down {
  flex: none;
  margin-right: auto;
  font-size: 9px;
}
@media (max-width: 767px) {
  .page-account-toggle.logged-in,
  .search-account.logged-in {
    width: 112px !important;
    min-width: 112px !important;
    padding: 0 9px !important;
    gap: 6px !important;
  }
}

@media (max-width: 991px) {
  .mobile-menu .mobile-category-toggle > span > i,
  .mobile-menu .mobile-category > button > span > i,
  .page-menu-drawer nav > a > i {
    display: grid !important;
    width: 31px !important;
    height: 31px !important;
    place-items: center !important;
    border: 1px solid rgba(223, 194, 127, 0.18) !important;
    border-radius: 9px !important;
    background: rgba(255, 255, 255, 0.09) !important;
    color: #e2c27f !important;
    font-size: 15px !important;
    box-shadow: none !important;
  }
  .mobile-menu .mobile-category-toggle > span > i,
  .mobile-menu .mobile-category > button > span > i {
    margin-left: 8px !important;
  }
}