/* ELVENSONG_STOREFRONT_CONTROLS_FIX_1_0_0
   Public catalog only (html[data-storefront="1"]).
   Fixes black inputs/search caused by ops dark --inset leaking into storefront.
*/
html[data-storefront="1"] {
  --inset: #ffffff;
  --inset-2: #f1f5f9;
  --inset-border: #cbd5e1;
  --control-text: #0f172a;
  --control-muted: #64748b;
  color-scheme: light;
}

html[data-storefront="1"] input:not([type="checkbox"]):not([type="radio"]),
html[data-storefront="1"] textarea,
html[data-storefront="1"] select {
  background-color: #ffffff !important;
  background: #ffffff !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
  caret-color: #0f172a !important;
}

html[data-storefront="1"] input::placeholder,
html[data-storefront="1"] textarea::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

/* Chrome/Yandex autofill often paints black/yellow boxes */
html[data-storefront="1"] input:-webkit-autofill,
html[data-storefront="1"] input:-webkit-autofill:hover,
html[data-storefront="1"] input:-webkit-autofill:focus,
html[data-storefront="1"] textarea:-webkit-autofill,
html[data-storefront="1"] textarea:-webkit-autofill:hover,
html[data-storefront="1"] textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #0f172a !important;
  caret-color: #0f172a !important;
  box-shadow: 0 0 0 1000px #ffffff inset !important;
  transition: background-color 99999s ease-out 0s;
}

/* Search bar wrappers that inherit dark inset backgrounds */
html[data-storefront="1"] header input,
html[data-storefront="1"] [class*="search"] input,
html[data-storefront="1"] form input,
html[data-storefront="1"] form textarea {
  background-color: #ffffff !important;
  color: #0f172a !important;
}