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

@import "@css[shared]/page/order/_step-user";


.cart-user {
   .personal-data {
      margin-top: 0;

      .title-default {
         display: none
      }
   }

   .personal-data-b2b {
      .content {
         margin-bottom: 30px;
         background-color: $white;
         padding: 28px 30px;
         border-radius: $border-radius-base;

         p {
            margin-bottom: 0;
         }

         h4, .p-title {
            margin-bottom: 10px;
            min-height: 24px;
            white-space: nowrap;
         }

         .row > div:not(:first-child) {
            text-align: center;
         }
      }

      + .personal-data, ~ .b2b-hidden, ~ .opener-content:not(#different-address-content), ~ .different-address {
         display: none;
      }

      @media screen and (max-width: $xxl - 1) {
         .content {
            h4, .p-title {
               min-height: unset;
               white-space: wrap;
            }
         }
      }

      @media screen and (max-width: $sm - 1) {
         .content {
            .row > div:not(:first-child) {
               text-align: left;
               margin-top: 10px;
            }
         }
      }
   }
}

.tooltip-h {
   display: inline-block;

   .tooltip-text {
      bottom: 100%;
      display: none;
      font-size: 12px;
      left: -10px;
      line-height: 1.5;
      width: 265px;
      color: $black;
      background: $body-bg-alt;
      border: 1px solid $body-bg-alt;
      box-shadow: 0 6px 11px 1px $box-shadow;
      padding: 10px 15px;
      position: absolute;
      text-align: left;
      white-space: normal;
      z-index: 100;

      &::before {
         position: relative;
         margin-right: 5px;
         top: 4px;
      }
   }

   &:hover {
      cursor: pointer;

      .tooltip-text {
         display: flex;
      }
   }

}
