@media (min-width: 992px) {
  body.vertical-layout:not(.navbar-collapsed) .navbar-vertical.navbar-expand-lg.sidebar {
    width: 17rem;
  }

  body.vertical-layout:not(.navbar-collapsed) .navbar-vertical.navbar-expand-lg.sidebar ~ .navbar,
  body.vertical-layout:not(.navbar-collapsed) .navbar-vertical.navbar-expand-lg.sidebar ~ .page-wrapper {
    margin-left: 17rem;
  }

  [dir="rtl"] body.vertical-layout:not(.navbar-collapsed) .navbar-vertical.navbar-expand-lg.sidebar ~ .navbar,
  [dir="rtl"] body.vertical-layout:not(.navbar-collapsed) .navbar-vertical.navbar-expand-lg.sidebar ~ .page-wrapper {
    margin-right: 17rem;
    margin-left: 0;
  }

  body.vertical-layout:not(.navbar-collapsed) .sidebar > .container-fluid {
    padding-right: 1rem;
    padding-left: 1rem;
  }

  body.vertical-layout:not(.navbar-collapsed) .sidebar .navbar-brand {
    width: 100%;
    min-width: 0;
    min-height: 108px;
    margin-top: 12px;
    margin-bottom: 8px;
    padding: 8px 0 4px;
  }

  body.vertical-layout:not(.navbar-collapsed) .sidebar .navbar-brand .glpi-logo {
    width: 232px !important;
    height: 90px !important;
    background-position: center center !important;
    background-size: 245px 245px !important;
  }

  body.vertical-layout:not(.navbar-collapsed) .sidebar .navbar-brand::after {
    top: 18px;
    right: 0;
  }

  body.vertical-layout:not(.navbar-collapsed) .sidebar #navbar-menu > .navbar-nav > .nav-item > .nav-link,
  body.vertical-layout:not(.navbar-collapsed) .sidebar .trigger-fuzzy {
    min-height: 40px;
    font-size: 0.93rem;
    line-height: 1.3;
  }

  body.vertical-layout:not(.navbar-collapsed) .sidebar #navbar-menu .nav-link {
    padding-right: 1.15rem !important;
    padding-left: 1.15rem !important;
  }

  body.vertical-layout:not(.navbar-collapsed) .sidebar #navbar-menu .menu-label {
    font-size: 0.93rem;
    font-weight: 500;
    line-height: 1.3;
  }

  body.vertical-layout:not(.navbar-collapsed) .sidebar #navbar-menu .nav-link .menu-icon,
  body.vertical-layout:not(.navbar-collapsed) .sidebar #navbar-menu .nav-link i {
    min-width: 1.3rem;
    font-size: 1.05rem;
  }

  body.vertical-layout:not(.navbar-collapsed) .sidebar .reduce-menu {
    font-size: 0.85rem;
  }

  body.horizontal-layout .topbar {
    min-height: 88px;
  }

  body.horizontal-layout .topbar .navbar-brand {
    width: 238px;
    min-width: 238px;
    min-height: 82px;
    margin-right: 1.25rem;
    padding: 4px 0;
  }

  body.horizontal-layout .topbar .navbar-brand .glpi-logo {
    width: 220px !important;
    height: 82px !important;
    background-position: center center !important;
    background-size: 235px 235px !important;
  }

  body.horizontal-layout .topbar .navbar-brand::after {
    top: 15px;
    right: -2px;
  }
}

@media (max-width: 991.98px) {
  body.horizontal-layout .topbar .navbar-brand {
    width: 190px;
    min-width: 190px;
    min-height: 70px;
  }

  body.horizontal-layout .topbar .navbar-brand .glpi-logo {
    width: 178px !important;
    height: 70px !important;
    background-position: center center !important;
    background-size: 205px 205px !important;
  }

  body.horizontal-layout .topbar .navbar-brand::after {
    top: 10px;
    right: -2px;
  }
}

/* V5: reduce only the logo inside the Helpdesk banner. */
.helpdesk-home-container .search-banner::before {
  width: 250px;
  height: 72px;
  background-size: 240px 240px;
}

@media (max-width: 575.98px) {
  .helpdesk-home-container .search-banner::before {
    width: 210px;
    height: 64px;
    background-size: 205px 205px;
  }
}

/* Production: the environment badge is intentionally hidden. */
.page .navbar-brand::after {
  display: none !important;
}