/* Base (collapsed/mini): show SMALL by default */
.sidebar-brand .logo-full {
  display: none !important;
  width: 140px !important;
  height: auto !important;
}
.sidebar-brand .logo-small {
  display: inline-block !important;
  width: 50px !important;
  height: auto !important;
}

/* Neutralize theme caps on brand images */
.main-sidebar .brand-link img,
.sidebar-brand img {
  max-height: none !important;
  height: auto !important;
  width: auto !important;
}

/* --- SHOW LARGE ON HOVER WHEN MINI/COLLAPSED --- */
/* AdminLTE: body.sidebar-mini.sidebar-collapse with layout-fixed */
body.sidebar-mini.sidebar-collapse.layout-fixed
  .main-sidebar:hover .sidebar-brand .logo-full { display: inline-block !important; }
body.sidebar-mini.sidebar-collapse.layout-fixed
  .main-sidebar:hover .sidebar-brand .logo-small { display: none !important; }

/* If your layout isn’t layout-fixed */
body.sidebar-mini.sidebar-collapse
  .main-sidebar:hover .sidebar-brand .logo-full { display: inline-block !important; }
body.sidebar-mini.sidebar-collapse
  .main-sidebar:hover .sidebar-brand .logo-small { display: none !important; }

/* Metronic-style: minimized + hover */
body.app-sidebar-minimize-hover .sidebar-brand .logo-full { display: inline-block !important; }
body.app-sidebar-minimize-hover .sidebar-brand .logo-small { display: none !important; }

/* Fallback: if your hoverable element is .sidebar or .app-sidebar */
.sidebar:hover .sidebar-brand .logo-full,
.app-sidebar:hover .sidebar-brand .logo-full { display: inline-block !important; }
.sidebar:hover .sidebar-brand .logo-small,
.app-sidebar:hover .sidebar-brand .logo-small { display: none !important; }