/* Only the overlay is styled; the Kadence input/button are untouched. */
.yps-autocomplete {
  position: fixed;
  z-index: 2147483000;
  box-sizing: border-box;
  overflow: auto;
  padding: 5px 0;
  background: #fff;
  color: #252c35;
  border: 1px solid #d9dee6;
  border-radius: 7px;
  box-shadow: 0 12px 28px rgba(14, 27, 44, .16);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.35;
  text-align: left;
}
.yps-autocomplete[hidden] { display: none !important; }
.yps-autocomplete .yps-option,
.yps-autocomplete .yps-show-all {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 13px;
  margin: 0;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  color: #1e293b;
  border: 0;
  background: #fff;
  border-radius: 0;
  box-shadow: none;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.35;
  white-space: normal;
}
.yps-autocomplete .yps-option:hover,
.yps-autocomplete .yps-option:focus,
.yps-autocomplete .yps-option.yps-active,
.yps-autocomplete .yps-show-all:hover,
.yps-autocomplete .yps-show-all:focus,
.yps-autocomplete .yps-show-all.yps-active {
  background: #f0f5fa;
  color: #12294a;
  outline-offset: -2px;
}
.yps-autocomplete .yps-option + .yps-option { border-top: 1px solid #eef1f5; }
.yps-autocomplete .yps-part-number {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.yps-autocomplete .yps-product-name {
  display: block;
  font-size: 13px;
  color: #586675;
  margin-top: 2px;
  overflow-wrap: anywhere;
}
.yps-autocomplete .yps-show-all {
  border-top: 1px solid #dfe5ec;
  text-align: center;
  color: #0b4c82;
  font-weight: 600;
}
.yps-autocomplete .yps-message {
  padding: 12px 14px;
  font-size: 13px;
  color: #677484;
}
/* Display part numbers on the ordinary WooCommerce results grid only. */
.yps-loop-part-number {
  display: block;
  font-weight: 600;
  font-size: .85em;
  line-height: 1.4;
  color: inherit;
}