/* Custom styles for smooth sidebar transition */
#sidebar-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

/* Desktop collapse state (applied by JS) */
.sidebar-collapsed {
    /* Set a small fixed width (w-16 = 4rem) to show icons */
    width: 4rem !important;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    border-right: 1px solid var(--border-color, #e5e7eb) !important; /* Ensure border remains visible */
}

    /* Hide text/titles when collapsed */
    .sidebar-collapsed .sidebar-text,
    .sidebar-collapsed .sidebar-title,
    .sidebar-collapsed .sidebar-info {
        display: none !important;
    }

    /* Adjust link padding and alignment when collapsed for centered icons */
    .sidebar-collapsed .sidebar-link {
        justify-content: center; /* Center the icon */
        padding: 0.75rem 0.5rem; /* Consistent padding around the icon */
        /* Remove space-x-3 gap effect when only the icon is visible */
        margin-right: 0 !important;
    }

        /* Ensure the main icon container remains visible and centered */
        .sidebar-collapsed .sidebar-link i {
            margin: 0 !important;
        }