/* =========================================================
   UltraFind Woo — Performance Edition (Glass, no CSS vars)
   Safe for plain .css files in plugins
   ========================================================= */

/* Base container */
.ufwoo-wrap{ position:relative; max-width:720px; }

/* Form layout */
.ufwoo-form{ display:flex; gap:.6rem; align-items:center; }

/* Reset any background icons that may interfere */
.ufwoo-wrap *{ background-image:none !important; }

/* -------- Search input: glass, borderless, inner icon -------- */
.ufwoo-input,
.ufwoo-form input[type="search"],
.ufwoo-form input[type="text"]{
  flex:1 1 auto;
  width:100%;
  border:none !important;
  outline:none !important;
  border-radius:18px;
  padding:.95rem 1.15rem .95rem 2.65rem; /* space for the icon */
  font-size:16px;
  line-height:1.2;
  color:#0f172a;
  background: rgba(255,255,255,.10);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  backdrop-filter: blur(18px) saturate(160%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.22),
    0 8px 30px rgba(2,6,23,.15);
  transition: box-shadow .2s ease, background .2s ease, transform .12s ease;
  /* inline SVG magnifier */
  background-image:
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='11' cy='11' r='7' stroke='%2394a3b8' stroke-width='2'/%3E%3Cpath d='M20 20L16.65 16.65' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:14px 50%;
}

.ufwoo-input::placeholder{ color:#64748b; opacity:.95; }

.ufwoo-input:focus,
.ufwoo-input:focus-visible{
  background: rgba(255,255,255,.18);
  box-shadow:
    0 6px 22px rgba(0,0,0,.12),
    0 0 0 3px rgba(59,130,246,.55);
  transform: translateY(-1px);
}

/* -------- Results dropdown: glass panel -------- */
.ufwoo-results{
  position:absolute;
  top:100%; left:0; right:0;
  margin-top:.5rem;
  border:none;
  border-radius:20px;
  background: rgba(255,255,255,.18);
  -webkit-backdrop-filter: blur(14px) saturate(160%);
  backdrop-filter: blur(14px) saturate(160%);
  box-shadow: 0 8px 30px rgba(2,6,23,.15);
  z-index: 9999;
  max-height:70vh;
  overflow:auto;
}

/* Section headings */
.ufwoo-section{ padding:.5rem .25rem; }
.ufwoo-section h5{
  font-size:12px; font-weight:700;
  color:#64748b;
  letter-spacing:.06em; text-transform:uppercase;
  margin:.5rem 1rem;
}

/* Result rows */
.ufwoo-item{
  display:flex; gap:.75rem; align-items:flex-start;
  padding:.75rem 1rem;
  border-radius:14px;
  transition: background .15s ease;
}
.ufwoo-item:hover{ background: rgba(255,255,255,.14); }

.ufwoo-thumb{
  width:54px; height:54px; border-radius:12px; object-fit:cover;
  background: rgba(255,255,255,.25);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.ufwoo-title{ font-weight:600; margin:0; color:#0f172a; }
.ufwoo-meta{ font-size:12px; color:#64748b; }
.ufwoo-price{ margin-left:auto; font-weight:700; }

/* Grid spacing */
.ufwoo-grid{ margin-top:.8rem; }

/* -------- Your original overrides kept -------- */
/* Hide submit button completely */
.ufwoo-form .ufwoo-submit,
.ufwoo-form button[type="submit"],
.ufwoo-form input[type="submit"]{
  display:none !important;
}

/* Ensure the input spans full width */
.ufwoo-form .ufwoo-input,
.ufwoo-form input[type="search"],
.ufwoo-form input[type="text"]{
  width:100% !important;
  padding-right:12px !important;
}

/* Hide SKU meta only for product rows */
.ufwoo-results .ufwoo-item[data-sku] .ufwoo-meta{ display:none !important; }

/* -------- Dark mode fallback (no vars) -------- */
@media (prefers-color-scheme: dark){
  .ufwoo-input,
  .ufwoo-form input[type="search"],
  .ufwoo-form input[type="text"]{
    color:#e5e7eb;
    background: rgba(15,23,42,.35);
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.12),
      0 16px 40px rgba(0,0,0,.55);
  }
  .ufwoo-input:focus,
  .ufwoo-input:focus-visible{
    background: rgba(15,23,42,.55);
    box-shadow:
      0 10px 26px rgba(0,0,0,.35),
      0 0 0 3px rgba(96,165,250,.55);
  }
  .ufwoo-results{
    background: rgba(15,23,42,.55);
    box-shadow: 0 16px 40px rgba(0,0,0,.55);
  }
  .ufwoo-title{ color:#e5e7eb; }
  .ufwoo-meta{ color:#94a3b8; }
}

/* -------- Reduced motion -------- */
@media (prefers-reduced-motion: reduce){
  .ufwoo-input, .ufwoo-item{ transition:none; transform:none; }
}




/* ===== UltraFind Woo – WHITE override (compat, no at-rules) ===== */
body .ufwoo-wrap .ufwoo-input,
body .ufwoo-wrap .ufwoo-form input[type="search"],
body .ufwoo-wrap .ufwoo-form input[type="text"]{
  background: #fff !important;
  color: #111 !important;
  border: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.08),
    0 2px 10px rgba(0,0,0,.06) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  background-image: none !important; /* маха всякакви иконки/градиенти */
}

body .ufwoo-wrap .ufwoo-input:hover,
body .ufwoo-wrap .ufwoo-input:focus,
body .ufwoo-wrap .ufwoo-form input[type="search"]:hover,
body .ufwoo-wrap .ufwoo-form input[type="search"]:focus,
body .ufwoo-wrap .ufwoo-form input[type="text"]:hover,
body .ufwoo-wrap .ufwoo-form input[type="text"]:focus{
  background: #fff !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.14),
    0 4px 14px rgba(0,0,0,.10) !important;
}

body .ufwoo-wrap .ufwoo-input::placeholder,
body .ufwoo-wrap .ufwoo-form input[type="search"]::placeholder,
body .ufwoo-wrap .ufwoo-form input[type="text"]::placeholder{
  color:#6b7280 !important;
  opacity:.95 !important;
}

/* Dropdown винаги бял */
body .ufwoo-wrap .ufwoo-results{
  background: #fff !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.10) !important;
}

/* Thumb фон – светлосив за консистентност */
body .ufwoo-wrap .ufwoo-thumb{ background:#f3f4f6 !important; }