:root {
  --agisynergies-primary-color: #173954;
  --agisynergies-white-color: #ffffff;
  --agisynergies-sceond-color: #4268c1;
}

#agisynergies_custom_search_form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#agisynergies_custom_search_form .agisynergies_custom_search_div {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 12px;
  border: 2px solid var(--agisynergies-primary-color);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  transition: border-color 0.3s, background 0.3s;
}

#agisynergies_custom_search_form input {
  flex: 1;
  height: 100%;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 16px;
  padding: 0 8px;
  outline: none;
}

#agisynergies_custom_search_form input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

#agisynergies_custom_search_form input:focus {
  outline: none;
}

#agisynergies_custom_search_form input:focus + .agisynergies_custom_search_div,
#agisynergies_custom_search_form
  .agisynergies_custom_search_div:has(input:focus) {
  border-color: #fff;
  border-width: 1px;
}

/* Spinner */
.agisynergies_custom_search__spinner-holder {
  display: none;
}

.agisynergies_custom_search__spinner-holder.show {
  display: block;
}

#agisynergies_custom_search_not_found {
  display: none;
}

#agisynergies_custom_search_not_found.show {
  display: block;
}

.agisynergies_custom_search__spinner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50px;
  height: 30px;
  margin: 5px auto;
  color: var(--agisynergies-sceond-color);
}

.agisynergies_custom_search__spinner .rect {
  display: inline-block;
  height: 100%;
  width: 6px;
  margin: 0 1px;
  background-color: var(--agisynergies-white-color);
  -webkit-animation: jet-spinner-animation 1.1s infinite
    cubic-bezier(0.645, 0.045, 0.355, 1);
  animation: jet-spinner-animation 1.1s infinite
    cubic-bezier(0.645, 0.045, 0.355, 1);
}

.agisynergies_custom_search__spinner .rect-2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.agisynergies_custom_search__spinner .rect-3 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.agisynergies_custom_search__spinner .rect-4 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.agisynergies_custom_search__spinner .rect-5 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

/* Result Box */
#agisynergies_custom_search_result {
  padding: 20px;
  background-color: #0f172bfa;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--agisynergies-primary-color);
  border-radius: 10px;
  display: none;
  width: 100%;
  box-sizing: border-box;
}

#agisynergies_custom_search_result.show {
  display: block;
}

/* List */
#agisynergies_custom_search__result_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
  flex-direction: column;
  gap: 12px;
}

#agisynergies_custom_search__result_list.show {
  display: flex;
}

/* Link Container */
.agisynergies_custom_search__result_item
  a.agisynergies_custom_search__result_item_link {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  text-decoration: none;
  color: var(--agisynergies-white-color);
  width: 100%;
  box-sizing: border-box;
}

/* Base Badge */
.agisynergies_custom_search__result_item_base {
  border: 1px solid var(--agisynergies-primary-color);
  padding: 6px 12px;
  border-radius: 30px;
  white-space: normal;
  max-width: 100%;
  word-break: break-word;
  transition: all 0.3s ease-in-out;
}

/* Match Text */
.agisynergies_custom_search__result_item_match {
  border: 1px solid transparent;
  padding: 6px 12px;
  border-radius: 30px;
  white-space: normal;
  max-width: 100%;
  word-break: break-word;
  transition: all 0.3s ease-in-out;
}

/* Hover Active Style */
.agisynergies_custom_search__result_item
  a.agisynergies_custom_search__result_item_link:hover
  .agisynergies_custom_search__result_item_base.active,
.agisynergies_custom_search__result_item
  a.agisynergies_custom_search__result_item_link:hover
  .agisynergies_custom_search__result_item_match.active {
  border: 1px solid var(--agisynergies-white-color);
}

/* Mobile Responsive Optimization */
@media (max-width: 480px) {
  .agisynergies_custom_search__result_item
    a.agisynergies_custom_search__result_item_link {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }

  .agisynergies_custom_search__result_item_base,
  .agisynergies_custom_search__result_item_match {
    width: 100%;
  }
}