/* ── Ideal Postcodes – Search Address field styles ──────────────────────────── */

/* Search field icon hint */
.ipwoo-search-field .woocommerce-input-wrapper {
  position: relative;
}

.ipwoo-search-field input[type="text"] {
  padding-left: 36px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 16px 16px;
}

/* ── Suggestion dropdown ─────────────────────────────────────────────────── */

p.form-row {
  position: relative;
}

.ipwoo-suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99999;
  margin: 2px 0 0;
  padding: 0;
  list-style: none;
  background: #fff;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
  max-height: 280px;
  overflow-y: auto;
}

.ipwoo-suggestions li {
  padding: 10px 14px;
  font-size: 0.875rem;
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  line-height: 1.4;
  transition: background 0.1s ease, color 0.1s ease;
}

.ipwoo-suggestions li:last-child {
  border-bottom: none;
}

.ipwoo-suggestions li:hover,
.ipwoo-suggestions li.ipwoo-active {
  background: #1e3a5f;
  color: #fff;
}

/* ── Mobile ──────────────────────────────────────────────────────────────── */

@media (max-width: 480px) {
  .ipwoo-suggestions li {
    font-size: 1rem;
    padding: 12px 14px;
  }
}