/* //Global Search Issue - START */
/* Global search popup layout and scrolling */
/* Smooth popup animation: compositor-only opacity and transform changes. */
.global-search-popup {
  /* //Global Search Issue - Keep the popup centered in the viewport */
  position: fixed !important;
  inset: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100vh !important;
  height: 100dvh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transform: none !important;
  z-index: 99999 !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition:
    opacity 180ms ease-out,
    visibility 0s linear 180ms;
  will-change: opacity;
}

.global-search-popup.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition:
    opacity 180ms ease-out,
    visibility 0s linear 0s;
}

.global-search-popup .search-wrapper {
  /* //Global Search Issue - Remove page-specific top/left positioning */
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  margin: auto !important;
  
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  opacity: 0;
  transform: translate3d(0, -8px, 0) scale(0.99);
  transform-origin: center center;
  transition:
    opacity 180ms ease-out,
    transform 180ms ease-out;
  backface-visibility: hidden;
  will-change: opacity, transform;
}

.global-search-popup.open .search-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

html.global-search-page-locked,
body.global-search-page-locked {
  overflow: hidden !important;
  overscroll-behavior: none;
scrollbar-gutter:unset;
}

body.global-search-page-locked {
  position: fixed !important;
  right: 0;
  left: 0;
  width: 100%;
}

.global-search-popup.open .search-wrapper {
  max-height: calc(100vh - 32px) !important;
  max-height: calc(100dvh - 32px) !important;
  overflow: hidden !important;
}

.global-search-popup .search-field-wrapper {
  flex: 0 0 auto;
}

/* Top Rated is only shown before the user starts searching. */
.search-item-list.global-search-has-term > .col-sm-12 {
  display: none !important;
}

/* Match the search input's 10px inset and remove the larger legacy gutters. */
.global-search-popup .search-wrapper .search-item-list.global-search-has-term {
  width: calc(100% - 20px) !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 10px !important;
  padding: 0 !important;
  flex: 1 1 auto;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
}

/* Keep the generated jQuery UI list in normal document flow. */
.global-search-popup .search-wrapper .search-item-list.global-search-has-term:not(.global-search-empty) .ui-autocomplete,
.global-search-popup .search-wrapper .global-search-results-menu {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Remove horizontal padding/margins from every result-row layer. */
.global-search-popup .search-item-list.global-search-has-term:not(.global-search-empty) .ui-autocomplete > .ui-menu-item,
.global-search-popup .search-item-list.global-search-has-term:not(.global-search-empty) .ui-autocomplete > .ui-menu-item > .ui-menu-item-wrapper,
.global-search-popup .search-item-list.global-search-has-term:not(.global-search-empty) .ui-autocomplete > .ui-menu-item > a,
.global-search-popup .search-item-list.global-search-has-term:not(.global-search-empty) .ui-autocomplete .list_item_container {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box !important;
}

.global-search-popup .search-item-list.global-search-has-term:not(.global-search-empty) .ui-autocomplete > li:first-child {
  margin-top: 0 !important;
}

/* Empty result state */
.search-item-list.global-search-empty,
.search-item-list.global-search-empty::before,
.search-item-list.global-search-empty::after,
.search-item-list.global-search-empty .ui-autocomplete,
.search-item-list.global-search-empty .ui-autocomplete::before,
.search-item-list.global-search-empty .ui-autocomplete::after {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.search-item-list.global-search-empty {
  min-height: 210px !important;
  padding-bottom: 0 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.search-item-list.global-search-empty::before,
.search-item-list.global-search-empty::after,
.search-item-list.global-search-empty .ui-autocomplete::before,
.search-item-list.global-search-empty .ui-autocomplete::after {
  display: none !important;
  content: none !important;
}

.search-item-list.global-search-empty .ui-autocomplete {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-height: 210px !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.search-item-list.global-search-empty .global-search-no-results,
.search-item-list.global-search-empty .global-search-no-results.ui-menu-item,
.search-item-list.global-search-empty .global-search-no-results .ui-menu-item-wrapper,
.search-item-list.global-search-empty .global-search-no-results::before,
.search-item-list.global-search-empty .global-search-no-results::after {
  width: 100% !important;
  min-height: 210px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.search-item-list.global-search-empty .global-search-no-results,
.search-item-list.global-search-empty .global-search-no-results .ui-menu-item-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.global-search-no-results__message {
  width: 100%;
  padding: 20px;
  margin: 0;
  text-align: center;
  font-weight: 600;
  color: #92999f;
}

@media (max-width: 767px) {
  .global-search-popup {
    padding: 8px !important;
  }

  .global-search-popup .search-wrapper {
    max-width: calc(100vw - 16px) !important;
  }

  .global-search-popup.open .search-wrapper {
    max-height: calc(100vh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
  }

  .global-search-popup .search-wrapper .search-item-list.global-search-has-term {
    width: calc(100% - 16px) !important;
    margin-right: 8px !important;
    margin-left: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .global-search-popup,
  .global-search-popup .search-wrapper {
    transition: none !important;
  }

  .global-search-popup .search-wrapper,
  .global-search-popup.open .search-wrapper {
    transform: none !important;
  }
}

/* //Global Search Issue - END */