/* Compact Sidebar Mode (Triggered by Section) */
#sidebar-logo {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    max-height: 250px;
    opacity: 1;
    overflow: hidden;
    margin-bottom: 3rem !important;
    /* Original margin */
}

/* When body has this class (triggered by JS), hide the logo */
body.sidebar-compact #sidebar-logo {
    max-height: 0;
    opacity: 0;
    margin-bottom: 0 !important;
}

body.sidebar-compact .nav-links {
    margin-top: 1rem;
    /* Less top margin when compact */
    transition: margin-top 0.5s ease;
}