$cart-user-container-width: 700px !default;

.cart-user {
   &:not(.cart-form-sidebar) {
      max-width: $cart-user-container-width;
   }

   hr {
      width: 100%;
   }

   .personal-data {
      margin-top: $spacer;
   }

   .cart-country-link {
      @include underline-default;

      position: absolute;
      right: 0;
   }

   .form-group.has-error {
      input:not(:focus) {
         border-color: $state-error;

         ~ .help-block {
            color: $state-error;
            border-color: $state-error;

            &::before {
               border-bottom-color: $state-error;
            }
         }
      }
   }

   .zip-group {
      display: flex;
      @if $cart-user-v == 1 {
         > div:first-child {
            flex-shrink: 0;
            margin-right: $grid-gutter-width;
            width: calc(#{$input-border-width * 2 + $input-padding-x} + 2rem + 6ch); // extra space in case of foreign zip

            input {
               padding-right: 1.75rem;
            }

            .form-control-feedback {
               text-align: left;
               width: 1.75rem;
            }
         }

         > div:last-child {
            flex-grow: 1;
            width: calc(100% - (#{$input-border-width * 2 + $input-padding-x} + 2rem + 6ch + #{$grid-gutter-width}));
         }
      } @else {
         > div:first-child {
            flex-grow: 1;
            width: 60%;
         }

         > div:last-child {
            flex-shrink: 0;
            margin-left: $grid-gutter-width;
            // extra space in case of foreign zip
            width: calc(#{$input-border-width * 2 + $input-padding-x} + 2rem + 6ch);

            input {
               padding-right: 1.75rem;
            }

            .form-control-feedback {
               text-align: left;
               width: 1.75rem;
            }
         }
      }
   }

   .autocomplete {
      padding: 0;
      min-width: 300px;

      > div {
         border-bottom: 1px solid $border-color;
         padding: 10px;
         cursor: pointer;

         @include haf {
            color: $text-dark;
            background: $body-bg-alt;
         }
      }
   }

   @media screen and (min-width: $md) {
      .dic-notify {
         padding-top: calc(24px + .25rem);

         p {
            display: flex;
            align-items: center;
            margin: 0;
            min-height: $input-height;
         }
      }
   }
}

@import "@css/page/order/_step-user.login";
@import "@css/page/order/_step-user.header";
@import "@css/page/order/_step-user.mailcheck";
