.ant-menu-item-selected { /* background-color: #ED9545 !important; */ border-left: 1px solid #CFCFCF ; } /* App.css */ .custom-menu .ant-menu-item { border-bottom: 1px solid #CFCFCF; /* Default border color */ border-radius: 0; /* Remove border-radius */ } .custom-menu .ant-menu-item-selected { border-bottom: 1px solid #CFCFCF; /* Selected border color */ } /* Specific styling for parent menu items (non-selected) */ .custom-menu .ant-menu-submenu-title { border-bottom: 1px solid #CFCFCF; /* Default border color for parent items */ border-radius: 0; /* Remove border-radius for parent items */ font-size: 20px; color: #000; font-weight: 700; padding-top: 40px; padding-bottom: 40px; --icon-color: #000; /* Default icon color */ } /* Specific styling for selected parent menu items */ .custom-menu .ant-menu-submenu-selected .ant-menu-submenu-title, .custom-menu .ant-menu-submenu-title.ant-menu-submenu-title-selected, .custom-menu .ant-menu-submenu-title .ant-menu-submenu-open { color: #ED9545; /* Selected text color for parent items */ border-bottom: 1px solid #CFCFCF; /* Selected border color for parent items */ --icon-color: #ED9545; /* Selected icon color */ } .custom-menu .ant-menu-submenu-title:hover { color: #6E6E6E; /* Hover text color for parent items */ border-bottom: 1px solid #CFCFCF; /* Hover border color for parent items */ } /* Ensure parent item remains #ED9545 when any child is selected */ .custom-menu .ant-menu-submenu-open > .ant-menu-submenu-title { color: #ED9545; /* Ensure parent item text color */ border-bottom: 1px solid #CFCFCF; /* Ensure parent item border color */ --icon-color: #ED9545; /* Ensure parent item icon color */ } /* Ensure parent item text color reverts to #000 when submenu is collapsed */ .custom-menu .ant-menu-submenu-closed > .ant-menu-submenu-title { color: #000; /* Ensure parent item text color */ --icon-color: #000; /* Ensure parent item icon color */ }