/* Keep Safari's text fill and native controls consistent with the light forms. */
html[data-iphone-pwa="true"] :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]),
  textarea,
  select
) {
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
  caret-color: #000 !important;
  background-color: #fff !important;
  color-scheme: light;
}

html[data-iphone-pwa="true"] :is(input, textarea)::placeholder {
  color: #6b7280 !important;
  -webkit-text-fill-color: #6b7280 !important;
  opacity: 1;
}

html[data-iphone-pwa="true"] select option {
  color: #000;
  background-color: #fff;
}

html[data-iphone-pwa="true"] [data-cart-quantity] button {
  appearance: none;
  -webkit-appearance: none;
  color: #111827 !important;
  background-color: #fff !important;
  border-color: #6b7280 !important;
  color-scheme: light;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}

html[data-iphone-pwa="true"] [data-cart-quantity] button svg {
  width: 18px;
  height: 18px;
  stroke: currentColor !important;
}

html[data-iphone-pwa="true"] [data-cart-quantity] button:disabled {
  color: #6b7280 !important;
  background-color: #f3f4f6 !important;
  opacity: 1;
}

html[data-iphone-pwa="true"] [data-cart-quantity] button:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
}