/**
 * Olanzu — Live Search Dropdown
 */

/* ── Dropdown container ──────────────────────────────────────────────────── */
.e-search-form {
  position: relative;
}

.olz-ls-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  min-width: 320px;
  background: #fff;
  border: 1px solid var(--olz-gray-200, #E5E7EB);
  border-radius: var(--radius, 8px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.10);
  z-index: 9999;
  overflow: hidden;
}

.olz-ls-dropdown.is-open {
  display: block;
}

/* ── Result row ──────────────────────────────────────────────────────────── */
.olz-ls-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  text-decoration: none;
  color: inherit;
  border-bottom: 1px solid var(--olz-gray-100, #F3F4F6);
  transition: background 0.12s;
  outline: none;
}

.olz-ls-item:last-of-type {
  border-bottom: none;
}

.olz-ls-item:hover,
.olz-ls-item:focus {
  background: var(--olz-gray-50, #F9FAFB);
}

/* ── Thumbnail ───────────────────────────────────────────────────────────── */
.olz-ls-item__img {
  width: 52px;
  height: 52px;
  object-fit: cover;
  border-radius: 6px;
  flex-shrink: 0;
  border: 1px solid var(--olz-gray-100, #F3F4F6);
}

/* ── Text info ───────────────────────────────────────────────────────────── */
.olz-ls-item__info {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}

.olz-ls-item__name {
  font-size: 13px;
  font-weight: 600;
  color: var(--olz-black, #111827);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.olz-ls-item__sizes {
  font-size: 11px;
  color: var(--olz-gray-400, #9CA3AF);
}

.olz-ls-item__price {
  font-size: 12px;
  color: var(--olz-gray-600, #4B5563);
}

.olz-ls-item__price .olz-ls-from {
  font-size: 11px;
  color: var(--olz-gray-400, #9CA3AF);
  margin-right: 2px;
}

/* WC price inside result */
.olz-ls-item__price .woocommerce-Price-amount {
  font-size: 12px;
  font-weight: 600;
  color: var(--olz-black, #111827);
}

/* ── Footer: "View all X results for Y" ─────────────────────────────────── */
.olz-ls-footer {
  display: block;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 600;
  color: var(--olz-red, #DC2626);
  text-decoration: none;
  text-align: center;
  background: var(--olz-gray-50, #F9FAFB);
  border-top: 1px solid var(--olz-gray-100, #F3F4F6);
  transition: background 0.12s;
}

.olz-ls-footer:hover {
  background: var(--olz-gray-100, #F3F4F6);
  color: var(--olz-red, #DC2626);
}

/* ── States: loading / empty ─────────────────────────────────────────────── */
.olz-ls-loading,
.olz-ls-empty {
  padding: 16px 14px;
  font-size: 13px;
  color: var(--olz-gray-400, #9CA3AF);
  margin: 0;
  text-align: center;
}