/* Custom Sidebar Menu Styles */

/* Make all sidebar menu icons bigger */
.sidebar-menu li a i {
  font-size: 20px !important;
  width: 30px !important;
  margin-right: 10px !important;
}

/* Different colors for each main menu item */
.sidebar-menu > li:nth-child(1) a i { color: #3498db !important; } /* Home - Blue */
.sidebar-menu > li:nth-child(2) a i { color: #9b59b6 !important; } /* User Management - Purple */
.sidebar-menu > li:nth-child(3) a i { color: #1abc9c !important; } /* Contacts - Turquoise */
.sidebar-menu > li:nth-child(4) a i { color: #e74c3c !important; } /* Products - Red */
.sidebar-menu > li:nth-child(5) a i { color: #f39c12 !important; } /* Purchases - Orange */
.sidebar-menu > li:nth-child(6) a i { color: #2ecc71 !important; } /* Sell - Green */
.sidebar-menu > li:nth-child(7) a i { color: #34495e !important; } /* Stock Transfers - Dark Gray */
.sidebar-menu > li:nth-child(8) a i { color: #16a085 !important; } /* Stock Adjustment - Teal */
.sidebar-menu > li:nth-child(9) a i { color: #d35400 !important; } /* Expenses - Dark Orange */
.sidebar-menu > li:nth-child(10) a i { color: #8e44ad !important; } /* Payment Accounts - Dark Purple */
.sidebar-menu > li:nth-child(11) a i { color: #27ae60 !important; } /* Reports - Dark Green */
.sidebar-menu > li:nth-child(12) a i { color: #c0392b !important; } /* Bookings - Dark Red */
.sidebar-menu > li:nth-child(13) a i { color: #e67e22 !important; } /* Kitchen - Carrot */
.sidebar-menu > li:nth-child(14) a i { color: #2980b9 !important; } /* Orders - Dark Blue */
.sidebar-menu > li:nth-child(15) a i { color: #f1c40f !important; } /* Notification Templates - Yellow */
.sidebar-menu > li:nth-child(16) a i { color: #95a5a6 !important; } /* Settings - Gray */

/* Keep icon color on hover and active states */
.sidebar-menu > li.active > a i,
.sidebar-menu > li:hover > a i {
  opacity: 1 !important;
}

/* Adjust spacing for better appearance with larger icons */
.sidebar-menu > li > a {
  padding: 12px 5px 12px 15px !important;
}

/* TreeView submenu icons */
.sidebar-menu .treeview-menu li a i {
  font-size: 16px !important;
  width: 25px !important;
}