/* Sidebar social icons — fit all 5 within the ~220px row inside #sidenav.
   Loaded last so it overrides earlier sizing rules (mobile-fixes.css, etc). */

.sidenav-social {
    gap: 8px !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
}

.sidenav-social .social-icon,
.sidenav-social-item a,
.sidenav-social-item .social-icon {
    min-width: 36px !important;
    min-height: 36px !important;
    width: 36px !important;
    height: 36px !important;
    padding: 3px !important;
    box-sizing: border-box !important;
}

.sidenav-social .social-logo,
.sidenav-social-item .social-logo {
    width: 28px !important;
    height: 28px !important;
}

.sidenav-social-item {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}