/* Customize the scrollbar */
.custom-scrollbar {
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #a0aec0 #edf2f7; /* For Firefox */
  }
  
  .custom-scrollbar::-webkit-scrollbar {
    width: 8px; /* For Chrome, Safari, and Opera */
  }
  
  .custom-scrollbar::-webkit-scrollbar-track {
    background: #edf2f7; /* For Chrome, Safari, and Opera */
  }
  
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #a0aec0; /* For Chrome, Safari, and Opera */
    border-radius: 20px; /* For Chrome, Safari, and Opera */
    border: 2px solid #edf2f7; /* For Chrome, Safari, and Opera */
  }

/* Hide the default dropdown arrow */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* test */
/* Dropdown Visibility */
.categories-dropdown:hover .dropdown-menu {
  display: block;
}

/* Subcategory Dropdown Positioning */
.category-item.has-children {
  position: relative;
}

.submenu {
  top: 0;
  left: 100%;
}

/* Scrolling and Overflow Handling */
.dropdown-menu,
.submenu {
  max-height: 400px;
  overflow-y: auto;
}

/* Ensure submenus break out of scroll containers */
.submenu {
  /* position: fixed; */
  transform: translateY(var(--submenu-offset, 0));
}
/* end test */
@media (min-width: 1024) {
  .submenu {
    top: 0;
    left: 100%;
    position: absolute;
  }
  }