// This file is used for writing your custom styles

// Logo sidebar: riempie la larghezza disponibile e non fuoriesce da collassata
.layout-menu.menu .app-brand.demo {
  height: auto;
  min-height: 64px;
  padding-block: .5rem;
}

.layout-menu .app-brand-link,
.layout-menu .app-brand-logo {
  display: flex;
  min-width: 0;
  width: 100%;
}

.layout-menu .app-brand-logo img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

@include media-breakpoint-up($menu-collapsed-layout-breakpoint) {
  .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .app-brand {
    padding-inline: .5rem;
    overflow: hidden;
  }
}