/* Local overrides loaded after app.min.css */

/* Fix logo clipping when sidebar is collapsed (data-sidebar-size=sm).
   In the template CSS, the brand box shrinks but keeps large horizontal padding. */
body[data-sidebar-size=sm] .navbar-brand-box {
  padding: 20px 0.5rem 0 !important;
  text-align: center;
}

body[data-sidebar-size=sm] .navbar-brand-box .logo-sm,
body[data-sidebar-size=sm] .navbar-brand-box .logo-lg {
  display: inline-block;
}

body[data-sidebar-size=sm] .navbar-brand-box .logo-sm img {
  display: block;
  max-width: 100%;
  height: 24px;
  margin: 0 auto;
  object-fit: contain;
}

/* Centre the logo over the full-width left menu (the template aligns it to the left). */
body:not([data-layout=horizontal]) .navbar-brand-box {
  text-align: center;
}