/* =========================================================
   ProteinSepetim - Search Autocomplete Dropdown Fix
   Purpose: Anchor dropdown to search input, prevent overlap/cutoff
   ========================================================= */

/* Make sure the search area is the positioning context */
.header-search-area{
  position: relative !important;
  z-index: 10020 !important;
}

.custom-search-form{
  position: relative !important;
  z-index: 10020 !important;
}

/* Dropdown container (your HTML uses .result under the form) */
.header-search-area .result{
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;

  z-index: 10030 !important;
  background: #fff !important;
  border: 1px solid #e9e9e9 !important;
  border-radius: 10px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.10) !important;

  max-height: 420px !important;
  overflow: auto !important;
}

/* Prevent parent wrappers from cutting the dropdown */
.header-wrapper,
#header,
.mid-header,
.ps-new-container{
  overflow: visible !important;
}

/* Ensure desktop menu doesn't sit above the dropdown unexpectedly */
.main-menu-wrap{
  position: relative !important;
  z-index: 10 !important;
}

/* Optional: tighten dropdown items if your list is too tall */
.header-search-area .result a,
.header-search-area .result .item,
.header-search-area .result .search-item{
  display: block;
}