/* Minimal forms */
input,
textarea,
select {
  width: 100%;
  box-sizing: border-box;
  padding: var(--space-sm) var(--space-md);
  border: 0;
  border-radius: var(--radius-sm);
  background: rgb(var(--color-white-rgb) / 0.96);
  font-size: var(--fs-body);
  transition: background-color var(--transition-fast) ease-in-out,
              box-shadow var(--transition-fast) ease-in-out,
              color var(--transition-fast) ease-in-out;
}

input:hover,
textarea:hover,
select:hover {
  background: rgb(var(--color-white-rgb) / 0.98);
}

input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible {
  outline: none;
  background: var(--color-white);
  box-shadow: 0 0 0 2px var(--color-form-focus-ring);
}

input[type="checkbox"] {
  width: 1.4em;
  height: 1.4em;
  accent-color: var(--color-primary);
}

.form {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}

.form-col-100 { flex: 1 1 100%; }
.form-col-50 { flex: 1 1 calc(50% - var(--space-2xs)); }

.hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@media (max-width: 767.98px) {
  .form-col-50 { flex: 1 1 100%; }
}