/* custom_form.css */

/* Remove any styles applied by Materialize */
.default-form input,
.default-form textarea,
.default-form select,
.default-form button,
.default-form label,
.default-form span {
  all: initial; /* This resets all properties to their initial values */
}

/* Optionally, you can set some basic styles for better user experience */
.default-form input,
.default-form textarea,
.default-form select,
.default-form button {
  font-family: inherit; /* Use the inherited font */
  font-size: 100%; /* Use the inherited font size */
  border: 1px solid #ccc; /* A basic border */
  padding: 5px; /* Some padding */
  margin: 5px 0; /* Some margin */
  box-sizing: border-box; /* Include padding and border in the element's total width and height */
}

/* Reset Materialize checkbox styles to default */
.default-form input[type="checkbox"] {
  -webkit-appearance: checkbox; /* For Safari and Chrome */
  -moz-appearance: checkbox;    /* For Firefox */
  appearance: checkbox;         /* Standard */
  width: auto;                  /* Reset width */
  height: auto;                 /* Reset height */
  margin: initial;              /* Reset margin */
  border: initial;              /* Reset border */
  outline: initial;             /* Reset outline */
  background: none;             /* Reset background */
  box-shadow: none;             /* Reset box-shadow */
  accent-color: initial;        /* Reset accent-color */
  position: static;             /* Reset position */
}