#booking-form {
  margin-top: 80px;
  display: flex;
  flex-flow: column;
  gap: 50px;
  padding: 0 30px 30px 30px;

}

#booking-form-head {
  display: flex;
  flex-flow: column;
  gap: 5px;

}

#booking-form p.text {
  color: var(--gray);
  font-size: 12px;
}

#booking-fieldset-wrap {
  display: flex;
  flex-flow: column;
  gap: 15px;
}

fieldset {
  display: flex;
  flex-flow: column;
  gap: 12px;
  border: 1px solid var(--gray);
  border-radius: var(--border-radius-mini);
  padding: 20px;
}

input[type=radio] {
  border-radius: 50%;
}

input[type=radio],
input[type=checkbox] {
  width: 18px;
  height: 18px;
  border-radius: auto;
  appearance: none;
  border: 1px solid var(--gray);
  background-color: transparent;
}

input[type=radio]:checked,
input[type=checkbox]:checked {
  appearance: auto;
  accent-color: black;
  border-radius: auto;
}

label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  /*border: 1px solid black*/
}

label:has(:disabled)

/*, fieldset:has(:disabled)*/
  {
  color: var(--gray);
  color: rgba(160, 160, 160, 0.4);
}

label.multi {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
}

input[type=text],
input[type=tel],
input[type=number],
input[type=email] {
  height: 30px;
  width: 100%;
  border-radius: var(--border-radius-input);
  border: 1px solid var(--gray);
  padding: 0 5px;
}

input[type=text]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=email]:focus {
  outline: 1px solid black;
}

#booking-submit {
  width: 100%;
  height: 50px;
  border: none;
  border-radius: var(--border-radius-round);


  color: var(--alt-color);
  background-color: var(--alt-bg);
  font-family: "Huninn";
}