/* Background color on hover for both buttons and links */
.sidebarNavItemList .nav-item button:hover,
.sidebar .nav-item a:hover {
  background-color: #fdf1d6d4 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(14 23 38 / var(--tw-text-opacity, 1)) !important;
}

/* Darken SVG icon when hovered */
.sidebarNavItemList .nav-item button:hover svg,
.sidebar .nav-item a:hover svg {
  --tw-text-opacity: 1 !important;
  color: #5c4d2f !important;
}

.sidebarNavItemList .nav-item > button:hover {
  background-color: #fdf1d6d4 !important;
  color: rgb(14 23 38 / var(--tw-text-opacity, 1)) !important;
}

.sidebarNavItemList .nav-item > button.active, .sidebar .nav-item > a.active{
     background-color: #fdf1d6d4 !important;
  color: #5c4d2f !important;
}


.dark .sidebarNavItemList .nav-item a:hover,
.dark .sidebarNavItemList .nav-item button:hover,
.dark .sidebarNavItemList .sub-menu a:hover {
    background-color: #9f8767c4 !important;
    color: white !important;
}

.dark .sidebarNavItemList .nav-item a.active,
.dark .sidebarNavItemList .nav-item button.active,
.dark .sidebarNavItemList .sub-menu a.active {
    background-color: #9f8767c4 !important;
    color: white !important;
}

.ProBtn {
    background-color: #5c4d2f !important;
}


.horizontalmenu .nav-link:hover{
 background-color: #fdf1d6d4 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(14 23 38 / var(--tw-text-opacity, 1)) !important;
}



.horizontalmenu .nav-link:hover:is(.dark *){
    background-color: #9f8767c4 !important;
    color: white !important;
}
.horizontalmenu .nav-link:hover:is(.dark *) span{
    
    color: white !important;
}


.horizontalmenu .nav-link.active{
  background-color: #fdf1d6d4 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(14 23 38 / var(--tw-text-opacity, 1)) !important;
}

.horizontal-menu .nav-link.active:is(.dark *){
     background-color: #9f8767c4 !important;
    color: white !important;
}
.horizontal-menu .nav-link.active:is(.dark *) span{
    
    color: white !important;
}

.mantine-Group-root .mantine-UnstyledButton-root:is(.dark *){
  background-color: rgb(168 145 106 / var(--tw-bg-opacity, 1)) !important;
}
.mantine-Group-root .mantine-UnstyledButton-root {
  background-color: rgb(168 145 106 / var(--tw-bg-opacity, 1)) !important;
  color: white;
}


.mantine-nfnhos{
background-color: rgb(168 145 106 / var(--tw-bg-opacity, 1)) !important;
color: white !important;
}


 
 
/* Hide scrollbar for Chrome, Safari and Opera */
.horizontalmenu::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.horizontalmenu {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}



.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7); /* Semi-transparent overlay */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.loader-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}