// todo:
// 1. nevim jestli responzivitu .account-sidemenu nechat tady nebo v .account-sidemenu
// 2. zarovnani breadcrumbs bude mit asi kazdy shop custom, klidne to vyhodit nebo pridat do promennych

.main-account {
   h1 {
      text-align: center;

      @media screen and (min-width: $md) {
         margin-bottom: $spacer-xl;
      }
   }
}

.account-wrapper {
   display: flex;
}

.account-sidemenu {
   flex-shrink: 0;
   margin-right: auto;
   max-width: 340px + rem2px($grid-gutter-width);
   padding-right: $grid-gutter-width;
   width: 33.333%;
}

.account-content {
   width: 66.666%;
}

/* .breadcrumbs {
   justify-content: center;
} */

@media screen and (max-width: $lg - 1) {
   .account-content,
   .account-sidemenu {
      width: auto;
   }
}

@media screen and (max-width: $md - 1) {
   .account-wrapper {
      display: block;
   }

   .account-sidemenu {
      max-width: none;
      padding-right: 0;
   }

   .orders-list {
      .status,
      .link {
         display: none;
      }
   }
}

@media screen and (max-width: $sm - 1) {
   .user-manager-table {
      overflow-x: scroll;

      .table {
         width: 700px;
      }
   }
}
