/* Remove the ability to overflow horizontally */
html,
body {
  overflow-x: hidden;
}

.table-reflow__label {
  display: none;
}

.moj-side-navigation {
  overflow-x: initial;
}

@media only screen and (max-width: 880px) {
  /* Table deconstruction */
  table,
  thead,
  tbody,
  tr,
  th,
  td {
    display: block;
  }

  thead {
    display: none;
  }

  tr {
    border-bottom: 0px !important;
    padding-bottom: 1.5rem;
  }

  th,
  td {
    display: flex;
    border-bottom: 1px solid #b1b4b6 !important;
    padding: 0.4em 0px !important;
    text-align: left !important;
  }

  th.text-right,
  td.text-right {
    text-align: left !important;
  }

  .table-reflow__label {
    display: initial;
    flex: 45%;
    padding-right: 1rem;
  }

  .table-reflow__label p {
    margin: 0px;
    font-weight: bold;
  }

  .table-reflow__content {
    flex: 55%;
  }

  /* File upload component */
  .file-uploader .govuk-button--secondary[data-multiple="False"]::after {
    position: initial;
    display: block;
    padding-top: 0.5em;
    padding-left: 0em;
    margin: auto;
    width: fit-content;
  }

  /* Add sustainability certification */
  .sus-cert-row button {
    position: initial !important;
    margin: 0.5em 0em !important;
    width: fit-content !important;
  }

  /* Reflow align top left */
  .reflow-align-top-left {
    inset: 0px 0px !important;
  }

  /* MOJ search form crowding */
  .moj-search form {
    flex-flow: wrap;
    gap: 1rem;
  }
}

.govuk-input__wrapper .govuk-input {
  min-width: 6ch;
}