/* Form controls — relocated from Pico's form sections (#55/#109):
   Basics form elements, Checkboxes/Radios/Switches, Input type color/datetime/file/range/search.
   Same rules + --pico-* vars → identical rendering; owned in-app so Pico can be deleted in #111. */

input,
optgroup,
select,
textarea {
  margin: 0;
  font-size: var(--toddyi-size-1rem);
  line-height: var(--pico-line-height);
  font-family: inherit;
  letter-spacing: inherit;
}

input {
  overflow: visible;
}

select {
  text-transform: none;
}

legend {
  max-width: var(--toddyi-size-100pct);
  padding: 0;
  color: inherit;
  white-space: normal;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: var(--toddyi-size-neg-2px);
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

:-moz-focusring {
  outline: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}

::-ms-expand {
  display: none;
}

[type=file],
[type=range] {
  padding: 0;
  border-width: 0;
}

input:not([type=checkbox], [type=radio], [type=range]) {
  height: calc(var(--toddyi-size-1rem) * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2);
}

fieldset {
  width: var(--toddyi-size-100pct);
  margin: 0;
  margin-bottom: var(--pico-spacing);
  padding: 0;
  border: 0;
}