/* Minimal cute search UI (theme-safe) */
.wo-search{ --wo-accent:#7047fa; --wo-accent2:#01bf63; font-family:inherit; }

/* keep it compact */
.wo-search-bar{
  position:relative; display:flex; gap:8px; align-items:center; margin:8px 0 10px;
}

/* Strong overrides so theme can't make typed text unreadable */
.wo-search-input{
  flex:1;
  padding:12px 44px 12px 14px;
  border-radius:12px;
  border:1px solid #e5e7eb !important;
  background:#fff !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important; /* in case theme uses webkit fill */
  caret-color:#111;
  line-height:1.2;
  font-size:16px;
  box-shadow:0 1px 2px rgba(0,0,0,.04) inset;
  outline:none;
}
.wo-search-input::placeholder{
  color:#6b7280 !important;
  opacity:1 !important;
}
.wo-search-input:focus{
  border-color:var(--wo-accent) !important;
  box-shadow:0 0 0 3px rgba(112,71,250,.15);
}

/* Button */
.wo-search-btn{
  position:absolute; right:6px; border:0;
  background:linear-gradient(90deg,var(--wo-accent),var(--wo-accent2));
  color:#fff; width:34px; height:34px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 16px rgba(112,71,250,.25); cursor:pointer;
}
.wo-search-icon{ font-size:16px; }

/* Hide results area until there are results */
.wo-search-results:empty{ display:none; }
.wo-search-results{ margin-top:8px; }

.wo-search-status, .wo-search-empty{ padding:16px; color:#64748b; }

/* Results grid (reusing store classes) */
.whatsapp-order-products-wrapper{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:16px;
}
.whatsapp-order-product-item{
  background:#fff; border-radius:14px; padding:10px; box-shadow:0 10px 24px rgba(16,24,40,.08); text-align:center;
}
.whatsapp-order-product-item .product-image{ width:100%; aspect-ratio:1/1; overflow:hidden; border-radius:12px; background:#f3f4f6; }
.whatsapp-order-product-item .product-image img{ width:100%; height:100%; object-fit:cover; display:block; }
.whatsapp-order-product-item .product-title{ margin:.5rem 0 .25rem; font-weight:700; }
.whatsapp-order-product-item .product-price{ margin:0 0 .5rem; font-weight:700; color:#0f172a; }
.add-to-cart-button{ width:100%; }