/*==== Hadrion 2025 ====*/

#order-form {
  width: 210mm;
  min-height: 60mm;
  margin: 0 auto;
  padding: 2mm 4mm;
  border: 1px solid var(--grey-color);
  border-radius: 1mm;
}
#order-title {
  margin: 2mm 0 4mm 0;
}
.step-button-bar,
.next-button-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 4mm 0;
}
.step-button-bar > button {
  width: 36mm;
  padding: 2mm 4mm;
  border: none;
  border-radius: 1mm;
  &:hover {
    outline: 1mm solid var(--yellow-color);
  }
  &:active {
  background-color: var(--light-blue-color);
  }
}
.plain-btn {
  color: var(--grey-text);
  background-color: var(--light-grey-color);
}
.select-btn {
  color: white;
  background-color: var(--blue-color);
}
.order-plain {
  display: block;
}
.order-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  column-gap: 4mm;
  row-gap: 0;
}
.order-input {
  width: 60mm;
  max-width: 100%;
  padding: 2mm 2mm;
  margin: 0;
  font-size: 3.6mm;
  line-height: 4mm;
  border: 1px solid var(--grey-text);
}
textarea.order-input {
  min-height: 30mm;
}
.order-input::placeholder {
  color: var(--light-blue-color);
}
/*
table {
  font-size: 3.6mm; 
  line-height: 4mm;
  border-collapse: collapse;
}
.price-table {
  width: 100%; 
}
table th, table td {
  text-align: left; 
  padding: 2mm;
  border: 1px solid black;
}
*/