body.user-role-site-admin,
body.user-role-site-editor {
   margin-top: 60px;
}

body.user-role-site-admin #toolbar-bar,
body.user-role-site-editor #toolbar-bar {
   display: none !important;
}

body.user-role-site-admin #toolbar-item-administration-tray,
body.user-role-site-editor #toolbar-item-administration-tray {
   display: none !important;
}

body.user-role-site-admin .menu--menu-site-admin,
body.user-role-site-editor .menu--menu-site-editor {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   background-color: #244ccd;
   height: 60px;
   color: black;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   z-index: 1000;
   border-bottom: 1px solid hsl(175, 14%, 60%);
}

body.user-role-site-admin .menu--menu-site-admin .menu,
body.user-role-site-editor .menu--menu-site-editor .menu  {
   all: unset;
   display: flex;
   width: 100%;
   gap: 2px;
   align-items: center;
   justify-content: center;
   margin: 0;
   padding: 0 20px;
}

body.user-role-site-admin .menu--menu-site-admin .menu li,
body.user-role-site-editor .menu--menu-site-editor .menu li {
   list-style-type: none;
   margin: 0;
   padding: 0;
}

body.user-role-site-admin .menu--menu-site-admin .menu li a,
body.user-role-site-editor .menu--menu-site-editor .menu li a {
   all: unset;
   cursor: pointer;
   display: block;
   font: normal normal 500 15px / 1.4 'IBM Plex Sans', sans-serif;
   padding: 12px 16px;
   color: white;
   text-decoration: none;
   transition: all 0.2s ease-in-out;
   border-radius: 4px;
   white-space: nowrap;
   background-color: transparent;
}

body.user-role-site-admin .menu--menu-site-admin .menu li a:hover,
body.user-role-site-editor .menu--menu-site-editor .menu li a:hover {
   background-color: #E3F5FC;
   color: black;
   transform: translateY(-1px);
}
body.user-role-site-admin .menu--menu-site-admin .menu li a.is-active,
body.user-role-site-editor .menu--menu-site-editor .menu li a.is-active {
   background-color: #E3F5FC;
   color: black;
   transform: translateY(-1px);
}

body.user-role-site-admin .menu--menu-site-admin h2,
body.user-role-site-editor .menu--menu-site-editor h2 {
   display: none !important;
}

body:not(.path-product):not(.path-order-edit).user-role-site-admin .tabs__tab.js-tab:nth-child(2),
body:not(.path-product):not(.path-order-edit).user-role-site-editor .tabs__tab.js-tab:nth-child(2) {
   display: none;
}
body:not(.path-product):not(.path-order-edit).user-role-site-admin .tabs__tab.js-tab:nth-child(3),
body:not(.path-product):not(.path-order-edit).user-role-site-editor .tabs__tab.js-tab:nth-child(3) {
   display: none;
}
body:not(.path-product):not(.path-order-edit).user-role-site-admin .tabs__tab.js-tab:nth-child(4), 
body:not(.path-product):not(.path-order-edit).user-role-site-editor .tabs__tab.js-tab:nth-child(4){
   display: none;
}
body.user-role-site-admin .tabs__tab.js-tab:nth-child(5),
body.user-role-site-editor .tabs__tab.js-tab:nth-child(5) {
   display: none;
}
body.user-role-site-admin .tabs__tab.js-tab:nth-child(6), 
body.user-role-site-editor .tabs__tab.js-tab:nth-child(6) {
   display: none;
}

body.user-role-site-admin.path-order-admin .reassign, 
body.user-role-site-editor.path-order-editor .reassign {
      display: none !important;
}

@media screen and (max-width: 976px) {
   body.user-role-site-admin,
   body.user-role-site-editor {
      margin-left: 0 !important;
   }
}

@media screen and (max-width: 789px) {
   body.user-role-site-admin, 
   body.user-role-site-editor {
      margin: 0 !important;
   }
   body.user-role-site-admin .menu--menu-site-admin, 
   body.user-role-site-editor .menu--menu-site-editor {
      display: none !important;
   }
}