// checkout fields in multi-checkout
.multi-checkout-fields {
  // style for more spacing
  label {
    display: block;
    margin-bottom: 7px;
  }
  .field {
    margin: 1.5em 0;
  }
  // special case for checkbox fields
  .field.checkbox {
    label {
      display: inline-block;
      margin: 0 0 0 12px;
    }
  }
}

.collection-point-country,
.collection-point-postalcode,
.collection-point-button {
  display: inline-block;
  padding: 20px 10px 0 0;
}

.collection-point-postalcode {
  max-width: 9em;
  vertical-align: top;
}

.field-error {
  color: @error__color;
  font-size: 1.2rem;
  margin-top: 7px;
}

.box-order-shipping-address {
  .box-subtitle {
    font-weight: @font-weight__semibold;
  }

  .order-shipping-secondary-address {
    margin-top: 1rem;
  }
}

#delivery-options-fields-block {
  max-width: 100%;
}

.pickup-locations-headline {
  font-weight: @font-weight__semibold;
  font-size: 16px;
  margin-bottom: 25px;
}

@desktopSmall:   ~"only screen and (min-width: 768px) and (max-width: 950px)";
@mobileSmall:   ~"only screen and (max-width: 600px)";

.delivery-locations-form {
  .delivery-locations-list {
    border: 1px solid @form-element-input__border-color;
    max-height: 500px;
    overflow: auto;

    table.location {
      margin-top: 28px;

      .first-column {
        padding: 0 14px;
        width: 14px;
      }

      .second-column {
        padding: 0;
      }
    }
  }
}

.opening-hour-wrapper {
  font-size: @font-size__s;

  table {
    thead {
      cursor: pointer;
      font-weight: @font-weight__bold;
      tr td {
        padding: 10px 0 0;

        .lib-icon-font(
          @icon-down,
          @_icon-font-size: 1.2rem,
          @_icon-font-line-height: 20px,
          @_icon-font-color: @minicart-icons-color,
          @_icon-font-color-hover: @primary__color,
          @_icon-font-color-active: @minicart-icons-color,
          @_icon-font-margin: 0 0 0 @indent__s,
          @_icon-font-position: after
        );
      }
    }

    tbody {
      display: none;

      &.special-hours-heading {
        padding-top: 10px;
        font-weight: @font-weight__bold;
      }

      tr td {
        padding: 0 10px 0 0;

        &.time-span {
          font-weight: @font-weight__semibold;
        }
      }
    }

    &._active {
      thead tr td:after {
        content: @icon-up;
      }

      tbody {
        display: block;
      }
    }
  }
}